idmission-web-sdk 2.2.39 → 2.2.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/lib/camera/cameraStore.d.ts.map +1 -1
  2. package/dist/sdk2.cjs.development.js +15 -8
  3. package/dist/sdk2.cjs.development.js.map +1 -1
  4. package/dist/sdk2.cjs.production.js +1 -1
  5. package/dist/sdk2.cjs.production.js.map +1 -1
  6. package/dist/sdk2.esm.js +15 -8
  7. package/dist/sdk2.esm.js.map +1 -1
  8. package/dist/sdk2.umd.development.js +15 -8
  9. package/dist/sdk2.umd.development.js.map +1 -1
  10. package/dist/sdk2.umd.production.js +1 -1
  11. package/dist/sdk2.umd.production.js.map +1 -1
  12. package/dist/version.d.ts +1 -1
  13. package/package.json +1 -1
package/dist/sdk2.cjs.production.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var React=require("react"),ReactDOM=require("react-dom/client"),platform=require("platform"),styled=require("styled-components"),reactI18next=require("react-i18next"),tusJsClient=require("tus-js-client"),SparkMD5=require("spark-md5"),useResizeObserver=require("use-resize-observer"),tasksVision=require("@mediapipe/tasks-vision"),zustand=require("zustand"),useDebounce=require("use-debounce"),reactDom=require("react-dom"),LanguageDetector=require("i18next-browser-languagedetector"),i18n=require("i18next"),shallow=require("zustand/react/shallow"),SignatureCanvas=require("react-signature-canvas");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _interopNamespaceCompat(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceCompat(React),ReactDOM__namespace=_interopNamespaceCompat(ReactDOM),platform__default=_interopDefaultCompat(platform),styled__default=_interopDefaultCompat(styled),SparkMD5__default=_interopDefaultCompat(SparkMD5),useResizeObserver__default=_interopDefaultCompat(useResizeObserver),LanguageDetector__default=_interopDefaultCompat(LanguageDetector),i18n__default=_interopDefaultCompat(i18n),SignatureCanvas__default=_interopDefaultCompat(SignatureCanvas),_extendStatics=function(e,t){return _extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])},_extendStatics(e,t)};function __extends(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function a(){this.constructor=e}_extendStatics(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}var _assign=function(){return _assign=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},_assign.apply(this,arguments)};function __rest(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a}function __awaiter(e,t,a,n){return new(a||(a=Promise))((function(r,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function c(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(i,c)}l((n=n.apply(e,t||[])).next())}))}function __generator(e,t){var a,n,r,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=c(0),i.throw=c(1),i.return=c(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(l){return function(c){if(a)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(o=0)),o;)try{if(a=1,n&&(r=2&c[0]?n.return:c[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,c[1])).done)return r;switch(n=0,r&&(c=[2&c[0],r.value]),c[0]){case 0:case 1:r=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,n=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(r=o.trys,(r=r.length>0&&r[r.length-1])||6!==c[0]&&2!==c[0])){o=0;continue}if(3===c[0]&&(!r||c[1]>r[0]&&c[1]<r[3])){o.label=c[1];break}if(6===c[0]&&o.label<r[1]){o.label=r[1],r=c;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(c);break}r[2]&&o.ops.pop(),o.trys.pop();continue}c=t.call(e,o)}catch(e){c=[6,e],n=0}finally{a=r=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}}function __spreadArray(e,t,a){if(a||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))}function __makeTemplateObject(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}"function"==typeof SuppressedError&&SuppressedError;var SubmissionAction,SubmissionStatus,webSdkVersion="2.2.39";function getPlatform(){return"undefined"!=typeof window&&void 0!==window.platform?window.platform:platform__default.default}function dataUrlToBase64(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return e.indexOf("blob:")>=0?[2,new Promise((function(t,a){fetch(e).then((function(e){if(!e.ok)throw new Error("Failed to fetch Blob content");return e.blob()})).then((function(e){var n=new FileReader;n.onload=function(){var e=n.result?n.result.split(",")[1]:"";t(e)},n.onerror=function(){n.abort(),a(new Error("Error converting blob to base64"))},n.readAsDataURL(e)})).catch((function(e){a(e)}))}))]:[2,e.replace(/^data:image\/(png|jpeg);base64,/,"")]}))}))}function dataUrlToBase64Sync(e){return e.replace(/^data:.*;base64,/,"")}function contentDispositionFromDataUrl(e){var t,a;return null!==(a=null===(t=e.match(/^(data:.*;base64),/))||void 0===t?void 0:t[1])&&void 0!==a?a:""}function blobToB64(e){return new Promise((function(t){var a=new FileReader;a.onloadend=function(){return t(a.result)},a.readAsDataURL(e)}))}!function(e){e.NONE="NONE",e.ENROLL="ENROLL",e.IDENTIFY="IDENTIFY",e.VALIDATE="VALIDATE",e.VERIFY="VERIFY",e.MATCH_ID_AND_FACE="MATCH_ID_AND_FACE"}(SubmissionAction||(SubmissionAction={})),function(e){e.READY="READY",e.SUBMITTING="SUBMITTING",e.SUBMITTED="SUBMITTED",e.FAILED="FAILED"}(SubmissionStatus||(SubmissionStatus={}));var submissionHosts={prod:"https://api.idmission.com",demo:"https://apidemo.idmission.com"};function determineSubmissionHost(e,t){var a=submissionHosts[e];if(!a)throw new Error("unrecognized SubmissionEnvironment ".concat(e));return a}function determineSubmissionEndpoint(e,t,a){switch(e){case SubmissionAction.ENROLL:return t?"/v4/customer/enroll":"/v4/customer/enroll-biometrics";case SubmissionAction.IDENTIFY:return"/v4/customer/identify";case SubmissionAction.VALIDATE:return a?"/v4/customer/validate-id-match-face":"/v4/customer/validate-id";case SubmissionAction.VERIFY:return"/v4/customer/verify";case SubmissionAction.MATCH_ID_AND_FACE:return"/v4/customer/match-id-face";default:throw new Error("unrecognized SubmissionAction ".concat(e))}}function liveCheckEndpoint(e){return void 0===e&&(e=!1),e?"/v4/customer/match-id-face":"/v4/customer/live-check"}function apiHeaders(e,t){void 0===t&&(t=!1);var a={"Content-Type":"application/json","X-Send-Base64-Documents":t?"1":"0",Origin:"*"};return e&&(a["X-Session-Id"]=e),a}function attachMetadataToRequest(e,t){var a,n,r=t.geolocationResult,o={selfie:t.selfieCaptureAttempts,front:t.idFrontCaptureAttempts,back:t.idBackCaptureAttempts,isRealIDCheckRequired:"false",sdkVersion:"WebSDK_".concat(webSdkVersion),Resolution:"undefined"!=typeof window?"".concat(window.innerWidth," x ").concat(window.innerHeight):"unknown"},i=getPlatform();i&&(o.os=null===(a=i.os)||void 0===a?void 0:a.family,o.osVersion=null===(n=i.os)||void 0===n?void 0:n.version,o.browserVersion="".concat(i.name," ").concat(i.version)),r&&(o.GeoLocation=JSON.stringify(r)),e.additionalData.metadata=JSON.stringify(o)}function videoDataUrlToB64(e){return new Promise((function(t){var a=new FileReader;a.onloadend=function(){t(dataUrlToBase64Sync(a.result))},fetch(e).then((function(e){return e.blob()})).then((function(e){return a.readAsDataURL(e)}))}))}var templateObject_1$L,PageContainerDiv=styled__default.default.div(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n ","\n\n ","\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"],["\n ","\n\n ","\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])),(function(e){var t;return!1===e.theme.isFullscreen?"":"\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ".concat(null!==(t=e.$heightOffset)&&void 0!==t?t:0,"px\n );\n overflow-x: hidden;\n overflow-y: auto;\n ")}),(function(e){return e.theme.fontFamily?"font-family: ".concat(e.theme.fontFamily,";"):""})),PageContainer=React.forwardRef((function(e,t){var a=e.children,n=e.className,r=e.heightOffset,o=void 0===r?0:r,i=e.style,c=e.onClick,l=React.useState(!1),s=l[0],d=l[1];return React.useEffect((function(){if("undefined"!=typeof window){d(!1);var e=function(){var e=document.documentElement;e.style.setProperty("--app-width","".concat(window.innerWidth,"px")),e.style.setProperty("--app-height","".concat(window.innerHeight,"px"))};return window.addEventListener("resize",e),e(),d(!0),function(){window.removeEventListener("resize",e)}}}),[]),React__namespace.default.createElement(PageContainerDiv,{ref:t,style:i,onClick:c,className:n,$heightOffset:o},s&&a)}));PageContainer.displayName="PageContainer";var templateObject_1$K,templateObject_1$J,templateObject_2$A,templateObject_3$r,templateObject_4$l,templateObject_5$c,templateObject_6$9,templateObject_7$6,templateObject_8$3,templateObject_1$I,templateObject_2$z,templateObject_3$q,templateObject_4$k,templateObject_1$H,LoaderButton=function(e){var t=e.children,a=e.className,n=e.colors,r=void 0===n?{}:n,o=e.disabled,i=e.finished,c=e.onClick,l=e.style,s=e.variant,d=void 0===s?"primary":s,u=React.useRef(null),m=React.useRef(null),p=React.useState(!1),f=p[0],g=p[1];return React.useEffect((function(){var e;if(!f&&!i)return import("ladda").then((function(t){if(u.current){m.current=t.create(u.current),m.current.start(),g(!0);var a=0;e=setInterval((function(){var e;a<.9&&(a+=.1),null===(e=m.current)||void 0===e||e.setProgress(a)}),250)}})),function(){var t;null===(t=m.current)||void 0===t||t.remove(),clearInterval(e)}}),[i,f]),React.useEffect((function(){var e;f&&i&&(null===(e=m.current)||void 0===e||e.stop())}),[i,f]),React__namespace.default.createElement(StyledButton,{className:"ladda-button ".concat(a," ").concat(o?"disabled":""),"data-style":"expand-right",disabled:o,ref:u,onClick:c,$backgroundColor:r.backgroundColor,$textColor:r.textColor,$disabledBackgroundColor:r.loadingBackgroundColor,$disabledTextColor:r.loadingTextColor,$variant:d,style:l},React__namespace.default.createElement("span",{className:"ladda-label"},t))},StyledButton=styled__default.default.button(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n ","\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"],["\n ","\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])),(function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C;return"bootstrap"===(null===(t=e.theme.buttons)||void 0===t?void 0:t.style)&&"\n border-radius: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n -webkit-appearance: button;\n \n &:not(:disabled),\n &[type='button']:not(:disabled),\n &[type='reset']:not(:disabled),\n &[type='submit']:not(:disabled) {\n cursor: pointer;\n }\n \n &:focus:not(:focus-visible) {\n outline: 0;\n }\n \n --bs-btn-padding-x: 0.75rem;\n --bs-btn-padding-y: 0.375rem;\n --bs-btn-font-family: ;\n --bs-btn-font-size: 1rem;\n --bs-btn-font-weight: 400;\n --bs-btn-line-height: 1.5;\n --bs-btn-color: var(--bs-body-color);\n --bs-btn-bg: transparent;\n --bs-btn-border-width: var(--bs-border-width);\n --bs-btn-border-color: transparent;\n --bs-btn-border-radius: var(--bs-border-radius);\n --bs-btn-hover-border-color: transparent;\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --bs-btn-disabled-opacity: 0.65;\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n font-family: var(--bs-btn-font-family);\n font-size: var(--bs-btn-font-size);\n font-weight: var(--bs-btn-font-weight);\n line-height: var(--bs-btn-line-height);\n color: var(--bs-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n border-radius: var(--bs-btn-border-radius);\n background-color: var(--bs-btn-bg);\n //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n // border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n \n &:hover {\n filter: brightness(1.15);\n }\n \n &:focus-visible {\n color: var(--bs-btn-hover-color);\n background-color: var(--bs-btn-hover-bg);\n border-color: var(--bs-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--bs-btn-focus-box-shadow);\n }\n \n &:disabled,\n &.disabled,\n fieldset:disabled & {\n color: var(--bs-btn-disabled-color);\n pointer-events: none;\n background-color: var(--bs-btn-disabled-bg);\n border-color: var(--bs-btn-disabled-border-color);\n opacity: var(--bs-btn-disabled-opacity);\n }\n \n --bs-btn-color: ".concat(null!==(i=null!==(a=e.$textColor)&&void 0!==a?a:null===(o=null===(n=e.theme.buttons)||void 0===n?void 0:n[null!==(r=e.$variant)&&void 0!==r?r:"primary"])||void 0===o?void 0:o.textColor)&&void 0!==i?i:"#fff",";\n --bs-btn-bg: ").concat(null!==(u=null!==(c=e.$backgroundColor)&&void 0!==c?c:null===(d=null===(l=e.theme.buttons)||void 0===l?void 0:l[null!==(s=e.$variant)&&void 0!==s?s:"primary"])||void 0===d?void 0:d.backgroundColor)&&void 0!==u?u:"#0d6efd",";\n --bs-btn-border-color: var(--bs-btn-bg);\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: ").concat(null!==(g=null!==(m=e.$disabledTextColor)&&void 0!==m?m:null===(f=null===(p=e.theme.buttons)||void 0===p?void 0:p.loading)||void 0===f?void 0:f.textColor)&&void 0!==g?g:"#fff",";\n --bs-btn-disabled-bg: ").concat(null!==(b=null!==(v=e.$disabledBackgroundColor)&&void 0!==v?v:null===(h=null===(_=e.theme.buttons)||void 0===_?void 0:_.loading)||void 0===h?void 0:h.backgroundColor)&&void 0!==b?b:"gray",";\n --bs-btn-disabled-border-color: ").concat(null!==(C=e.$disabledBackgroundColor)&&void 0!==C?C:"#0d6efd",";\n \n --bs-btn-padding-y: 14px;\n --bs-btn-padding-x: 1rem;\n --bs-btn-font-size: 18px;\n --bs-btn-border-radius: 4px;\n ")})),OverlayContainer=styled__default.default(PageContainer)(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n background: ",";\n ","\n z-index: 10000;\n"],["\n background: ",";\n ","\n z-index: 10000;\n"])),(function(e){return e.theme.background?"".concat(e.theme.background):"white"}),(function(e){return e.theme.textColor?"color: ".concat(e.theme.textColor,";"):""})),OverlayInner$2=styled__default.default.div(templateObject_2$A||(templateObject_2$A=__makeTemplateObject(["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ","\n"],["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ","\n"])),(function(e){var t;return null!==(t=e.theme.textAlign)&&void 0!==t?t:"center"}),(function(e){return e.theme.padding?"box-sizing: border-box; padding: ".concat(e.theme.padding,";"):""})),OverlayImageContainer=styled__default.default.div(templateObject_3$r||(templateObject_3$r=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"],["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"]))),OverlayImageRow=styled__default.default.div(templateObject_4$l||(templateObject_4$l=__makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"],["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"]))),GrayOverlayContainer=styled__default.default(OverlayContainer)(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n background: #f7f6fb;\n"],["\n background: #f7f6fb;\n"]))),ButtonsColumn=styled__default.default.div(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"]))),WideButton=styled__default.default(LoaderButton)(templateObject_7$6||(templateObject_7$6=__makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"],["\n width: 100%;\n border-radius: 30px;\n"]))),WideBorderButton=styled__default.default(WideButton)(templateObject_8$3||(templateObject_8$3=__makeTemplateObject(["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"],["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"]))),GeolocationAccessDeniedOverlay=function(e){var t=e.accessBlockedImageUrl,a=reactI18next.useTranslation().t,n=React.useContext(SubmissionContext).retryLocationAccess;return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement("div",{style:{display:"flex",height:"100%"}},React__namespace.default.createElement(OverlayInner$2,{style:{maxWidth:500,height:"auto",margin:"auto"}},React__namespace.default.createElement(OverlayImageContainer,{style:{flexGrow:0}},React__namespace.default.createElement("img",{src:t,alt:""})),React__namespace.default.createElement("h3",null,a("Your location access is disabled")),React__namespace.default.createElement("p",{style:{lineHeight:1.5,marginBottom:50}},a("This application requires access to your location to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for location permissions, you must go to settings and provide location access to the current browser.")),React__namespace.default.createElement(LoaderButton,{variant:"primary",onClick:n,style:{width:200,marginLeft:"auto",marginRight:"auto"},finished:!0},a("Retry")))))},SubmissionError=function(e){function t(t){var a=e.call(this,t.statusMessage)||this;return a.status=t,a}return __extends(t,e),t}(Error),NetworkError=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),t}(Error),SessionValidationFailedError=function(e){function t(t,a){var n=e.call(this,t.message)||this;return n.err=t,n.host=a,n}return __extends(t,e),t}(Error),SubmissionErrorOverlay=function(e){var t=e.error;return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},t instanceof NetworkError?React__namespace.default.createElement(NetworkErrorContent,{error:t,onRetry:e.onRetry}):React__namespace.default.createElement(SubmissionErrorContent,{error:t})))},SubmissionErrorContent=function(e){var t=e.error,a=(0,reactI18next.useTranslation().t)("We're sorry, an unexpected error has occurred.");return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("h3",{style:{marginBottom:8}},a),t.status.statusCode&&React__namespace.default.createElement("p",{style:{marginBottom:0}},React__namespace.default.createElement("code",null,"Status: ",t.status.statusCode)),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Message: ",React__namespace.default.createElement("code",null,t.message)),t.status.errorData&&React__namespace.default.createElement("p",{style:{marginBottom:0}},"Data: ",React__namespace.default.createElement("code",null,t.status.errorData)))},NetworkErrorContent=function(e){var t=e.onRetry,a=reactI18next.useTranslation().t,n=a("Network unreachable"),r=a("We're having trouble reaching our services, please check your connection and try again."),o=a("Retry");return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("h3",{style:{marginBottom:8}},n),React__namespace.default.createElement("p",{style:{marginBottom:0}},r),t&&React__namespace.default.createElement("div",{style:{marginTop:32}},React__namespace.default.createElement(LoaderButton,{variant:"warning",finished:!0,onClick:t},o)))},SessionIdMissingOverlay=function(){return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Required property ",React__namespace.default.createElement("code",null,"sessionId")," is missing."),React__namespace.default.createElement("p",{style:{lineHeight:"1.5rem"}},"Please refer to the"," ",React__namespace.default.createElement("a",{href:"https://www.npmjs.com/package/idmission-web-sdk#getting-started",target:"_blank",rel:"noreferrer"},"Getting Started")," ","section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")))},SessionValidationFailedOverlay=function(e){var t=e.message;return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Required property ",React__namespace.default.createElement("code",null,"sessionId")," is not valid",t&&" (".concat(t,")"),"."),React__namespace.default.createElement("p",{style:{lineHeight:"1.5rem"}},"Please refer to the"," ",React__namespace.default.createElement("a",{href:"https://www.npmjs.com/package/idmission-web-sdk#getting-started",target:"_blank",rel:"noreferrer"},"Getting Started")," ","section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")))},AuthUrlNotAllowedOverlay=function(){return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Required property ",React__namespace.default.createElement("code",null,"authUrl")," comes from an unrecognized issuer."),React__namespace.default.createElement("p",{style:{marginBottom:0,lineHeight:"1.5rem"}},"Ensure you are generating a fresh session for each request to the IDmission WebSDK."),React__namespace.default.createElement("p",{style:{lineHeight:"1.5rem"}},"Please refer to the"," ",React__namespace.default.createElement("a",{href:"https://www.npmjs.com/package/idmission-web-sdk#getting-started",target:"_blank",rel:"noreferrer"},"Getting Started")," ","section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")))},SessionValidationErrorOverlay=function(e){var t=e.error,a=e.onRetry,n=(0,reactI18next.useTranslation().t)("Retry");return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},(null==t?void 0:t.host)?React__namespace.default.createElement(React__namespace.default.Fragment,null,"Failed to reach ",React__namespace.default.createElement("code",null,t.host),"."):React__namespace.default.createElement(React__namespace.default.Fragment,null,"Failed to validate ",React__namespace.default.createElement("code",null,"sessionId"),".")),(null==t?void 0:t.message)&&React__namespace.default.createElement("p",{style:{marginBottom:0,lineHeight:"1.5rem"}},React__namespace.default.createElement("code",null,t.message)),React__namespace.default.createElement("p",{style:{marginBottom:0,lineHeight:"1.5rem"}},"Please ensure that IDmission's servers can be reached. If you believe you have reached this page in error, please contact us at"," ",React__namespace.default.createElement("a",{href:"mailto:support@idmission.com"},"support@idmission.com"),"."),a&&React__namespace.default.createElement("div",{style:{marginTop:32}},React__namespace.default.createElement(LoaderButton,{variant:"warning",finished:!0,onClick:a},n))))},wavesAnimation=styled.keyframes(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"],["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"]))),progressBarAnimation=styled.keyframes(templateObject_2$z||(templateObject_2$z=__makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"],["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"]))),dualRingSpinnerAnimation=styled.keyframes(templateObject_3$q||(templateObject_3$q=__makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),progressBorderAnimation=styled.keyframes(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"],["\n to {\n stroke-dashoffset: 0;\n }\n"]))),Spinner=styled__default.default.div(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n display: inline-block;\n width: ","px;\n height: ","px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ","px;\n height: ","px;\n margin: 8px;\n border-radius: 50%;\n border: ","px solid\n ",";\n border-color: "," transparent\n "," transparent;\n animation: "," 1.2s linear infinite;\n box-sizing: content-box;\n }\n"],["\n display: inline-block;\n width: ","px;\n height: ","px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ","px;\n height: ","px;\n margin: 8px;\n border-radius: 50%;\n border: ","px solid\n ",";\n border-color: "," transparent\n "," transparent;\n animation: "," 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])),(function(e){var t=e.$size;return null!=t?t:80}),(function(e){var t=e.$size;return null!=t?t:80}),(function(e){var t=e.$size;return(null!=t?t:80)-16}),(function(e){var t=e.$size;return(null!=t?t:80)-16}),(function(e){var t=e.$thickness;return null!=t?t:6}),(function(e){var t=e.$color;return null!=t?t:"#888"}),(function(e){var t=e.$color;return null!=t?t:"#888"}),(function(e){var t=e.$color;return null!=t?t:"#888"}),dualRingSpinnerAnimation);exports.defaultAuthUrl="https://portal-api.idmission.com";var allowedAuthUrls=["https://portal-api.idmission.com","https://portal-api-uat.idmission.com","https://portal-api-demo.idmission.com","https://portal-api-dev.idmission.com","http://localhost:10000"];function setDefaultAuthUrl(e){if(!allowedAuthUrls.includes(e))throw new Error("invalid auth url");exports.defaultAuthUrl=e}var LogLevel,initialState$6={authUrl:exports.defaultAuthUrl,sessionCheckState:"READY"},AuthStateContext=React.createContext(initialState$6),AuthDispatchContext=React.createContext((function(){})),reducer$4=function(e,t){switch(t.type){case"setSessionId":return _assign(_assign({},e),{sessionId:t.payload});case"setCheckState":return _assign(_assign({},e),{sessionCheckState:t.payload});case"setError":return _assign(_assign({},e),{sessionCheckState:"ERROR",authError:t.payload});case"retry":return _assign(_assign({},e),{sessionCheckState:"READY",authError:void 0,sessionId:void 0});default:return e}};function useAuthReducer(e,t){var a=this;void 0===e&&(e=exports.defaultAuthUrl);var n=React.useReducer(reducer$4,_assign(_assign({},initialState$6),{authUrl:e})),r=n[0],o=n[1],i=r.sessionId,c=r.sessionCheckState;return React.useEffect((function(){if(!allowedAuthUrls.includes(e))return o({type:"setCheckState",payload:"AUTH_URL_NOT_ALLOWED"})}),[e]),React.useEffect((function(){if("READY"===c)if(i)o({type:"setCheckState",payload:"RUNNING"}),__awaiter(a,void 0,void 0,(function(){var t,a,n,r,c;return __generator(this,(function(l){switch(l.label){case 0:return l.trys.push([0,3,,4]),[4,fetch("".concat(e,"/portal.sessions.v1.SessionsService/ValidateSession"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:i})})];case 1:return[4,(t=l.sent()).json()];case 2:return a=l.sent(),n=a.valid,r=a.message,t.ok||o({type:"setError",payload:new SessionValidationFailedError(new Error(r),e)}),o({type:"setCheckState",payload:n?"PASSED":"FAILED"}),[3,4];case 3:return c=l.sent(),o({type:"setError",payload:new SessionValidationFailedError(c,e)}),[3,4];case 4:return[2]}}))}));else{if(!t)return o({type:"setCheckState",payload:"MISSING"});if("string"==typeof t)return o({type:"setSessionId",payload:t});t instanceof Function&&t().then((function(e){o({type:"setSessionId",payload:e})})).catch((function(t){o({type:"setError",payload:new SessionValidationFailedError(t,e)})}))}}),[e,c,i,t]),[r,o]}function useAuthContext(){var e=React.useContext(AuthStateContext),t=React.useContext(AuthDispatchContext);if(!e||!t)throw new Error("useAuthContext cannot be used without AuthStateProvider");return[e,t]}function AuthProvider(e){var t,a=e.authUrl,n=void 0===a?exports.defaultAuthUrl:a,r=e.children,o=useAuthReducer(n,e.sessionId),i=o[0],c=o[1];return"MISSING"===i.sessionCheckState?React__namespace.default.createElement(SessionIdMissingOverlay,null):"FAILED"===i.sessionCheckState?React__namespace.default.createElement(SessionValidationFailedOverlay,{message:null===(t=i.authError)||void 0===t?void 0:t.message}):"AUTH_URL_NOT_ALLOWED"===i.sessionCheckState?React__namespace.default.createElement(AuthUrlNotAllowedOverlay,null):"ERROR"===i.sessionCheckState?React__namespace.default.createElement(SessionValidationErrorOverlay,{error:i.authError,onRetry:function(){return c({type:"retry"})}}):"READY"===i.sessionCheckState||"RUNNING"===i.sessionCheckState?React__namespace.default.createElement(PageContainer,{className:"flex"},React__namespace.default.createElement(Spinner,null)):React__namespace.default.createElement(AuthStateContext.Provider,{value:i},React__namespace.default.createElement(AuthDispatchContext.Provider,{value:c},r))}!function(e){e[e.Off=0]="Off",e[e.Error=1]="Error",e[e.Warn=2]="Warn",e[e.Info=3]="Info",e[e.Debug=4]="Debug"}(LogLevel||(LogLevel={}));var logLevel=LogLevel.Warn;function useLogLevel(e){React.useEffect((function(){var t=logLevel;if(e!==t)return logLevel=e,function(){logLevel=t}}),[e])}function useDebugLogging(e){useLogLevel(e?LogLevel.Debug:logLevel)}function debug(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Debug||console.debug.apply(console,e)}function log(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Info||console.log.apply(console,e)}function warn(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Warn||console.warn.apply(console,e)}function error(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Error||console.error.apply(console,e)}function setDefaultSubmissionUrl(e){exports.defaultSubmissionUrl=e}exports.defaultSubmissionUrl="https://portal-api.idmission.com/swagger";var defaultDocumentServiceUrl="https://portal-api.idmission.com/files/";function setDefaultDocumentServiceUrl(e){defaultDocumentServiceUrl=e}function setServerUrl(e){setDefaultAuthUrl(e),setDefaultSubmissionUrl(e+"/swagger"),setDefaultDocumentServiceUrl(e+"/files/")}var SubmissionContext=React.createContext({submit:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return[2,null]}))}))},submissionStatus:SubmissionStatus.READY,submissionRequest:null,submissionResponse:null,submissionError:null,submissionEnvironment:"prod",idFrontImage:null,idBackImage:null,passportImage:null,selfieImage:null,signatureData:null,signatureVideoUrl:null,idCaptureVideoUrl:null,idCaptureVideoIdFrontImage:null,idCaptureVideoIdBackImage:null,idCaptureVideoAudioUrl:null,idCaptureVideoAudioStartsAt:null,additionalDocuments:null,setIdFrontImage:function(){return null},setIdBackImage:function(){return null},setPassportImage:function(){return null},setSelfieImage:function(){return null},setSignatureData:function(){return null},setSignatureVideoUrl:function(){return null},setIdCaptureVideoUrl:function(){return null},setIdCaptureVideoIdFrontImage:function(){return null},setIdCaptureVideoIdBackImage:function(){return null},setIdCaptureVideoAudioUrl:function(){return null},setIdCaptureVideoAudioStartsAt:function(){return null},setExpectedAudioText:function(){return null},setAdditionalDocuments:function(){return null},uploadDocument:Promise.resolve,logIdFrontCaptureAttempt:function(){return null},logIdBackCaptureAttempt:function(){return null},logSelfieCaptureAttempt:function(){return null},livenessCheckRequest:null,checkLiveness:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){throw new Error("checkLiveness is not implemented")}))}))},retryLocationAccess:function(){return null}}),SubmissionProvider=function(e){var t=e.action,a=e.children,n=e.submissionUrl,r=void 0===n?exports.defaultSubmissionUrl:n,o=e.environment,i=void 0===o?"prod":o,c=e.companyId,l=e.enrollmentId,s=e.personalData,d=e.cardData,u=e.idData,m=e.bypassAgeValidation,p=void 0!==m&&m,f=e.bypassNameMatching,g=void 0===f||f,v=e.needImmediateResponse,_=void 0!==v&&v,h=e.manualReviewRequired,b=void 0!==h&&h,C=e.idBackImageRequired,y=void 0===C||C,R=e.idImageResolutionCheck,x=void 0===R||R,D=e.verifyIdWithExternalDatabases,E=void 0!==D&&D,w=e.deduplicationEnabled,S=void 0!==w&&w,k=e.deduplicationSynchronous,I=void 0!==k&&k,T=e.idCardForFaceMatch,O=e.geolocationEnabled,M=void 0===O||O,L=e.geolocationRequired,j=void 0!==L&&L,F=e.webhooksEnabled,B=void 0!==F&&F,N=e.webhooksClientTraceId,$=e.webhooksStripSpecialCharacters,A=void 0===$||$,P=e.webhooksSendInputImages,U=void 0!==P&&P,V=e.webhooksSendProcessedImages,G=void 0!==V&&V,W=e.webhooksFireOnReview,q=void 0!==W&&W,z=e.customerDataMatchConfig,H=e.precapturedDocuments,Y=e.documentServiceUrl,K=void 0===Y?defaultDocumentServiceUrl:Y,Z=e.sendBase64DocumentsInSwaggerProxy,X=void 0!==Z&&Z,J=e.onSubmit,Q=e.onBeforeSubmit,ee=e.onBeforeLivenessCheck,te=e.onBeforeDocumentUpload,ae=e.onDocumentUploadProgress,ne=e.onDocumentUploaded,re=e.onDocumentUploadFailed,oe=e.onResponseReceived,ie=e.onRequestFailure,ce=e.clientRequestID,le=useAuthContext()[0].sessionId,se=React.useState(SubmissionStatus.READY),de=se[0],ue=se[1],me=React.useState(null),pe=me[0],fe=me[1],ge=React.useState(null),ve=ge[0],_e=ge[1],he=React.useState(null),be=he[0],Ce=he[1],ye=React.useState(null),Re=ye[0],xe=ye[1],De=React.useState(null),Ee=De[0],we=De[1],Se=React.useState(null),ke=Se[0],Ie=Se[1],Te=React.useState(null),Oe=Te[0],Me=Te[1],Le=React.useState(null),je=Le[0],Fe=Le[1],Be=React.useState(null),Ne=Be[0],$e=Be[1],Ae=React.useState(null),Pe=Ae[0],Ue=Ae[1],Ve=React.useState(null),Ge=Ve[0],We=Ve[1],qe=React.useState(null),ze=qe[0],He=qe[1],Ye=React.useState(null),Ke=Ye[0],Ze=Ye[1],Xe=React.useState(null),Je=Xe[0],Qe=Xe[1],et=React.useState(null),tt=et[0],at=et[1],nt=React.useState(null),rt=nt[0],ot=nt[1],it=React.useState(null),ct=it[0],lt=it[1],st=React.useState(null),dt=st[0],ut=st[1],mt=React.useState(null),pt=mt[0],ft=mt[1],gt=React.useState(0),vt=gt[0],_t=gt[1],ht=React.useState(!1),bt=ht[0],Ct=ht[1],yt=React.useState([]),Rt=yt[0],xt=yt[1],Dt=React.useState([]),Et=Dt[0],wt=Dt[1],St=React.useState([]),kt=St[0],It=St[1],Tt=React.useCallback((function(e){xt((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}),[]),Ot=React.useCallback((function(e){wt((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}),[]),Mt=React.useCallback((function(e){It((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}),[]);React.useEffect((function(){(null==H?void 0:H.selfie)&&$e(dataUrlToBase64Sync(H.selfie.imageData))}),[null==H?void 0:H.selfie]);var Lt=React.useRef();React.useEffect((function(){Lt.current=J}),[J]);var jt=React.useRef();React.useEffect((function(){jt.current=Q}),[Q]);var Ft=React.useRef();React.useEffect((function(){Ft.current=ee}),[ee]);var Bt=React.useRef();React.useEffect((function(){Bt.current=oe}),[oe]);var Nt=React.useRef();React.useEffect((function(){Nt.current=ie}),[ie]);var $t=React.useRef();React.useEffect((function(){$t.current=te}),[te]);var At=React.useRef();React.useEffect((function(){At.current=ae}),[ae]);var Pt=React.useRef();React.useEffect((function(){Pt.current=ne}),[ne]);var Ut=React.useRef();React.useEffect((function(){Ut.current=re}),[re]);var Vt=React.useCallback((function(e,t){return new Promise((function(a,n){return __awaiter(void 0,void 0,void 0,(function(){var r,o,i,c,l,s,d,u;return __generator(this,(function(m){switch(m.label){case 0:return r="string"==typeof e?convertBase64ToBlob(e):e,(o=$t.current)?[4,null===(u=$t.current)||void 0===u?void 0:u.call($t,r,t)]:[3,2];case 1:o=!1===m.sent(),m.label=2;case 2:return o?[2,a(blobToB64(r))]:(c=createUpload,l=[r],s={endpoint:K,retryDelays:[0,1e3,1e3,1e3,3e3,5e3,1e4,2e4],headers:{"X-Session-Id":le}},d={filetype:r.type},[4,calculateMd5(r)]);case 3:return i=c.apply(void 0,l.concat([(s.metadata=_assign.apply(void 0,[(d.fingerprint=m.sent(),d),t||{}]),s.onProgress=function(e,a){var n;null===(n=At.current)||void 0===n||n.call(At,{bytesUploaded:e,bytesTotal:a,percentage:(e/a*100).toFixed(2)+"%",metadata:t})},s.onSuccess=function(){var e,n,r="urn:documentsv1:"+(null===(e=i.url.split("/files/").pop())||void 0===e?void 0:e.split("+").shift());null===(n=Pt.current)||void 0===n||n.call(Pt,r,t),a(r)},s.onError=function(e){var a;log("Failed because: "+e),null===(a=Ut.current)||void 0===a||a.call(Ut,e,t),n(e)},s)])),i.findPreviousUploads().then((function(e){e.length&&i.resumeFromPreviousUpload(e[0]),i.start()})),[2]}}))}))}))}),[K,le]),Gt=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){function e(e,t){return __awaiter(this,arguments,void 0,(function(e,t,a){return void 0===a&&(a="image/jpeg"),__generator(this,(function(n){switch(n.label){case 0:return K?(e.startsWith("data:")||(e="data:".concat(a,";base64,").concat(e)),[4,Vt(e,{filename:t,filetype:a})]):[2,e];case 1:return[2,n.sent()]}}))}))}var t,a,n,r,o,i,m,f,v,h;return __generator(this,(function(C){switch(C.label){case 0:return m={idFrontImage:ke,idBackImage:Oe,passportImage:je,selfieImage:Ne},(a=Ge)?[4,videoDataUrlToB64(Ge)]:[3,2];case 1:a=C.sent(),C.label=2;case 2:return m.signatureVideo=a,(n=ze)?[4,videoDataUrlToB64(ze)]:[3,4];case 3:n=C.sent(),C.label=4;case 4:return m.idCaptureVideo=n,(r=tt)?[4,videoDataUrlToB64(tt)]:[3,6];case 5:r=C.sent(),C.label=6;case 6:return m.idCaptureVideoAudio=r,m.idCaptureVideoIdFrontImage=Ke,m.idCaptureVideoIdBackImage=Je,t=m,Pe&&(t.signatureImage=null==Pe?void 0:Pe.fileContent),K?[4,Promise.all(Object.keys(t).map((function(a){return __awaiter(void 0,void 0,void 0,(function(){var n,r;return __generator(this,(function(o){switch(o.label){case 0:return t[a]?(n=t,r=a,[4,e(t[a],a)]):[3,2];case 1:n[r]=o.sent(),o.label=2;case 2:return[2]}}))}))})))]:[3,8];case 7:C.sent(),C.label=8;case 8:return o={securityData:{userName:"",password:"",merchantId:0},customerData:{idData:_assign({idType:"NSP",idCountry:"NSP",idState:""},u)},additionalData:{uniqueRequestId:(new Date).getTime().toString(),manualReviewRequired:b?"Y":"N",bypassAgeValidation:p?"Y":"N",bypassNameMatching:g?"Y":"N",postDataAPIRequired:B?"Y":"N",postDataOnReviewRequired:q?"Y":"N",sendInputImagesInPost:U?"Y":"N",sendProcessedImagesInPost:G?"Y":"N",needImmediateResponse:_?"Y":"N",deDuplicationRequired:S?"Y":"N",deduplicationSynchronous:I?"Y":"N",verifyDataWithHost:E?"Y":"N",idBackImageRequired:y?"Y":"N",stripSpecialCharacters:A?"Y":"N",idImageResolutionCheck:x?"Y":"N",customerDataMatchConfig:z}},ce&&(o.additionalData.clientRequestID=ce),t.idFrontImage&&(o.customerData.idData.idImageFront=t.idFrontImage),t.idBackImage&&(o.customerData.idData.idImageBack=t.idBackImage),t.passportImage&&(o.customerData.idData.idImageFront=t.passportImage),t.selfieImage&&(o.customerData.biometricData={selfie:t.selfieImage}),c&&(o.employee={companyId:c}),s&&(o.customerData.personalData=s),d&&(o.customerData.cardData=d),l&&((f=o.customerData).personalData||(f.personalData={}),o.customerData.personalData.uniqueNumber=l),N&&(o.additionalData.clientTraceId=N),Pe&&(o.customerData.signatureData={signatureImage:JSON.stringify(Pe)},t.signatureVideo&&(o.customerData.signatureData.signatureVideo=t.signatureVideo)),dt&&(o.customerData.additionalDocuments=dt.map((function(e){return _assign(_assign({},e),{additionalDocument:JSON.stringify(_assign(_assign({},e.additionalDocument),{uniqueId:o.additionalData.uniqueRequestId}))})}))),t.idCaptureVideo&&((v=o.customerData).biometricData||(v.biometricData={}),o.customerData.biometricData.videoData=t.idCaptureVideo),t.idCaptureVideoAudio&&((h=o.customerData).biometricData||(h.biometricData={}),o.customerData.biometricData.voiceData=t.idCaptureVideoAudio,o.customerData.biometricData.voiceStartTime=null!=rt?rt:void 0,o.customerData.biometricData.expectedAudioText=null!=ct?ct:void 0),t.idCaptureVideoIdFrontImage&&(o.customerData.idData.videoIdImageFront=t.idCaptureVideoIdFrontImage),t.idCaptureVideoIdBackImage&&(o.customerData.idData.videoIdImageBack=t.idCaptureVideoIdBackImage),attachMetadataToRequest(o,{selfieCaptureAttempts:kt,idFrontCaptureAttempts:Rt,idBackCaptureAttempts:Et,geolocationResult:pt}),jt.current?[4,jt.current(o)]:[3,10];case 9:(i=C.sent())&&(o=i),C.label=10;case 10:return[2,o]}}))}))}),[dt,p,g,d,ce,c,z,S,I,K,l,ct,pt,Et,Oe,y,rt,tt,Je,Ke,ze,u,Rt,ke,x,b,_,je,s,kt,Ne,Pe,Ge,Vt,E,N,B,q,U,G,A]),Wt=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){var e,a,n,o,c,l,s,d,u,m,p,f;return __generator(this,(function(g){switch(g.label){case 0:if(t===SubmissionAction.NONE)return e={status:{statusCode:"000"},resultData:{}},ue(SubmissionStatus.SUBMITTED),_e(e),[2,e];ue(SubmissionStatus.SUBMITTING),g.label=1;case 1:return g.trys.push([1,7,,8]),[4,Gt()];case 2:return a=g.sent(),n=r||determineSubmissionHost(i),o=determineSubmissionEndpoint(t,!!(ke||Oe||je),!!Ne),[4,fetch(n+o,{method:"POST",headers:apiHeaders(le,X),body:JSON.stringify(a)}).catch((function(e){throw new NetworkError(e.message)}))];case 3:return(c=g.sent())&&c.ok?[3,5]:[4,null==c?void 0:c.text()];case 4:if(!(l=g.sent())||"Load failed"===l)throw new NetworkError(l);throw new SubmissionError({statusCode:null!==(m=null==c?void 0:c.statusText)&&void 0!==m?m:"???",statusMessage:l});case 5:return[4,c.json()];case 6:if("000"!==(s=g.sent()).status.statusCode)throw new SubmissionError(s.status);return fe(a),_e(s),ue(SubmissionStatus.SUBMITTED),null===(p=Bt.current)||void 0===p||p.call(Bt,s,a),[2,s];case 7:throw d=g.sent(),u=d,ue(SubmissionStatus.FAILED),Ce(d instanceof SubmissionError||d instanceof NetworkError?d:"Load failed"===u.message?new NetworkError:new SubmissionError({statusCode:"",statusMessage:u.message})),xe((function(){return["VERIFY","IDENTIFY"].includes(t)?function(){return null}:Wt})),null===(f=Nt.current)||void 0===f||f.call(Nt,u),u;case 8:return[2]}}))}))}),[t,Gt,r,i,ke,Oe,je,Ne,le,X]),qt=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return Lt.current?(t=(e=Lt).current,[4,Gt()]):[3,2];case 1:return[2,t.apply(e,[a.sent()])];case 2:return[4,Wt()];case 3:return[2,a.sent()]}}))}))}),[Gt,Wt]),zt=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,a,n,r,o;return __generator(this,(function(i){switch(i.label){case 0:return n={securityData:{userName:"",password:"",merchantId:0}},r={},o={},[4,dataUrlToBase64(e)];case 1:return n.customerData=(r.biometricData=(o.selfie=i.sent(),o),r),n.additionalData={uniqueRequestId:(new Date).getTime().toString(),stripSpecialCharacters:A?"Y":"N",estimateAge:"N",predictGender:"N"},t=n,ce&&(t.additionalData.clientRequestID=ce),T&&(t.customerData.idData={idImageFront:T},t.customerData.additionalData={uniqueRequestId:t.additionalData.uniqueRequestId}),attachMetadataToRequest(t,{selfieCaptureAttempts:kt,idFrontCaptureAttempts:Rt,idBackCaptureAttempts:Et,geolocationResult:pt}),Ft.current?[4,Ft.current(t)]:[3,3];case 2:(a=i.sent())&&(t=a),i.label=3;case 3:return we(t),[2,t]}}))}))}),[ce,pt,Et,T,Rt,kt,A]),Ht=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,a,n,o,c,l,s,d,u;return __generator(this,(function(m){switch(m.label){case 0:return m.trys.push([0,6,,7]),[4,zt(e)];case 1:return t=m.sent(),a=r||determineSubmissionHost(i),n=liveCheckEndpoint(!!T),[4,fetch(a+n,{method:"POST",headers:apiHeaders(le,X),body:JSON.stringify(t)}).catch((function(e){throw new NetworkError(e.message)}))];case 2:return(o=m.sent()).ok?[3,4]:[4,o.text()];case 3:if(!(c=m.sent())||"Load failed"===c)throw new NetworkError(c);throw new SubmissionError({statusCode:o.statusText,statusMessage:c});case 4:return[4,o.json()];case 5:if("000"!==(l=m.sent()).status.statusCode)throw new SubmissionError(l.status);return _e(l),[2,l];case 6:throw s=m.sent(),d=s,ue(SubmissionStatus.FAILED),Ce(s instanceof SubmissionError||s instanceof NetworkError?s:"Load failed"===d.message?new NetworkError:new SubmissionError({statusCode:"",statusMessage:d.message})),xe((function(){return function(){return null}})),null===(u=Nt.current)||void 0===u||u.call(Nt,d),d;case 7:return[2]}}))}))}),[zt,r,i,T,le,X]),Yt=React.useCallback((function(){_t((function(e){return e+1}))}),[]);React.useEffect((function(){M&&(log("making geolocation attempt",vt),navigator.geolocation.getCurrentPosition((function(e){ft(e),Ct(!1)}),(function(e){if(1!==e.code)throw new Error(e.message);Ct(!0)})))}),[vt,M,j]);var Kt=React.useCallback((function(){Re&&(Ce(null),ue(SubmissionStatus.READY),Re())}),[Re]);return React__namespace.default.createElement(SubmissionContext.Provider,{value:{submit:qt,submissionStatus:de,submissionRequest:pe,submissionResponse:ve,submissionError:be,submissionEnvironment:i,idFrontImage:ke,idBackImage:Oe,passportImage:je,selfieImage:Ne,signatureData:Pe,signatureVideoUrl:Ge,idCaptureVideoUrl:ze,idCaptureVideoIdFrontImage:Ke,idCaptureVideoIdBackImage:Je,idCaptureVideoAudioUrl:tt,idCaptureVideoAudioStartsAt:rt,additionalDocuments:dt,setIdFrontImage:Ie,setIdBackImage:Me,setPassportImage:Fe,setSelfieImage:$e,setSignatureData:Ue,setSignatureVideoUrl:We,setIdCaptureVideoUrl:He,setIdCaptureVideoIdFrontImage:Ze,setIdCaptureVideoIdBackImage:Qe,setIdCaptureVideoAudioUrl:at,setIdCaptureVideoAudioStartsAt:ot,setExpectedAudioText:lt,setAdditionalDocuments:ut,uploadDocument:Vt,logIdFrontCaptureAttempt:Tt,logIdBackCaptureAttempt:Ot,logSelfieCaptureAttempt:Mt,livenessCheckRequest:Ee,checkLiveness:Ht,retryLocationAccess:Yt}},j&&bt?React__namespace.default.createElement(GeolocationAccessDeniedOverlay,null):a,be&&React__namespace.default.createElement(SubmissionErrorOverlay,{error:be,onRetry:Kt}))};function createUpload(e,t){return new(void 0!==window.tus?window.tus.Upload:tusJsClient.Upload)(e,t)}function convertBase64ToBlob(e){for(var t=e.split(";base64,"),a=t[0].split(":")[1],n=window.atob(t[1]),r=new Uint8Array(n.length),o=0;o<n.length;++o)r[o]=n.charCodeAt(o);return new Blob([r],{type:a})}function calculateMd5(e){return new Promise((function(t,a){var n=new FileReader;n.readAsArrayBuffer(e),n.onloadend=function(){if(!n.result)return a(new Error("Failed to read file"));t(SparkMD5__default.default.ArrayBuffer.hash(n.result))}}))}var visionTasksBasePath="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.7/wasm",visionRuntimePreloading=!1;function preloadVisionRuntime(){return __awaiter(this,void 0,void 0,(function(){function e(e){e.detail.url===t&&(progressByUseCase.visionRuntime=sumUpProgressForDependencies([t]),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.visionRuntime",{detail:progressByUseCase.visionRuntime})))}var t;return __generator(this,(function(a){switch(a.label){case 0:if(visionRuntimePreloading)return[2,new Promise((function(e){setInterval((function(){visionRuntimePreloading||e()}),100)}))];visionRuntimePreloading=!0,t="".concat(visionTasksBasePath,"/vision_wasm_internal.wasm"),document.addEventListener("idmission.preloadProgress",e),a.label=1;case 1:return a.trys.push([1,,3,4]),[4,preloadDependency(t)];case 2:return a.sent(),[3,4];case 3:return document.removeEventListener("idmission.preloadProgress",e),visionRuntimePreloading=!1,[7];case 4:return[2]}}))}))}function getFrameDimensions(e){var t=e.width,a=e.height;return e instanceof HTMLImageElement&&(t=e.naturalWidth,a=e.naturalHeight),e instanceof HTMLVideoElement&&(t=e.videoWidth,a=e.videoHeight),[t,a]}var templateObject_1$G,InvisibleCanvas=styled__default.default.canvas(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"])));function drawToCanvas(e,t,a,n){if(e){var r=e.getContext("2d");if(r){if(!a||!n){var o=getFrameDimensions(t);a||(a=o[0]),n||(n=o[1])}e.width=a,e.height=n,r.drawImage(t,0,0,a,n)}}}function clearCanvas(e){var t;null===(t=null==e?void 0:e.getContext("2d"))||void 0===t||t.clearRect(0,0,null==e?void 0:e.width,null==e?void 0:e.height)}function cropToShoulders(e,t,a,n,r,o,i){if(void 0===o&&(o=.92),!e||!t||!a)return"";var c=e.getContext("2d"),l=t.getContext("2d"),s=a.getContext("2d");if(!c||!l||!s)throw new Error("could not get 2d context");if(e.width=n.width,e.height=n.height,c.putImageData(n,0,0),n.height>n.width)t.width=n.width,t.height=n.height,l.drawImage(e,0,0,t.width,t.height);else{var d=r.box,u=.6*n.height,m=Math.max(0,d.xMin+d.width/2-u/2);t.width=u,t.height=n.height,l.drawImage(e,m,0,t.width,t.height,0,0,t.width,t.height)}a.height=null!=i?i:t.height,a.width=t.width*(a.height/t.height),null==s||s.drawImage(t,0,0,a.width,a.height);var p=a.toDataURL("image/jpeg",o);return log("cropToShoulders size",(new TextEncoder).encode(p).length),clearCanvas(e),clearCanvas(t),clearCanvas(a),p}function cropToDetectedObjectBox(e,t,a){a||(a=document.createElement("canvas"));var n=a.getContext("2d");if(!n)throw new Error("could not get 2d context");var r=t.xMin,o=t.yMin,i=t.width,c=t.height;return a.width=i,a.height=c,n.drawImage(e,r,o,i,c,0,0,i,c),a}var defaultImageSegmenterModelPath="https://websdk-cdn-dev.idmission.com/assets/models/selfiesegmenter20240524/selfie_segmenter.tflite",imageSegmenterModelSizeInBytes=256440.32,tinyModelCacheKey=(new Date).getTime(),initialModelCapabilities={probeState:"notProbed",delegate:"GPU",networkTier:"untested",networkSpeed:0,networkTestTime:0},modelCapabilities=_assign({},initialModelCapabilities);function probeModelCapabilities(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return"probed"===modelCapabilities.probeState?[2]:"probing"===modelCapabilities.probeState?[2,new Promise((function(e){setInterval((function(){"probed"===modelCapabilities.probeState&&e()}),100)}))]:(modelCapabilities.probeState="probing",[4,preloadVisionRuntime()]);case 1:e.sent(),e.label=2;case 2:return e.trys.push([2,4,9,10]),log("Model Probing: testing GPU capabilities..."),[4,loadTinyModel("GPU")];case 3:return e.sent(),log("Model Probing: GPU is capable."),[3,10];case 4:warn("Model Probing: GPU delegate could not be loaded",e.sent()),modelCapabilities.delegate="CPU",e.label=5;case 5:return e.trys.push([5,7,,8]),log("Model Probing: testing CPU capabilities..."),[4,loadTinyModel("CPU")];case 6:return e.sent(),log("Model Probing: CPU is capable."),[3,8];case 7:return warn("Model Probing: CPU delegate could not be loaded",e.sent()),modelCapabilities.delegate="NONE",[3,8];case 8:return[3,10];case 9:return modelCapabilities.probeState="probed",[7];case 10:return[2]}}))}))}function loadTinyModel(){return __awaiter(this,arguments,void 0,(function(e,t){var a,n,r,o,i,c,l;return void 0===e&&(e="GPU"),void 0===t&&(t=1e4),__generator(this,(function(s){switch(s.label){case 0:a="".concat(defaultImageSegmenterModelPath,"?_=").concat(tinyModelCacheKey),n=new Date,s.label=1;case 1:return s.trys.push([1,3,,4]),[4,Promise.race([preloadDependency(a),giveUpAfter(t)])];case 2:return s.sent(),[3,4];case 3:return error("speed test failed",s.sent()),modelCapabilities.networkTier="unusable",[2];case 4:return r=((new Date).getTime()-n.getTime())/1e3,modelCapabilities.networkTestTime||(modelCapabilities.networkTestTime=r),modelCapabilities.networkSpeed||(modelCapabilities.networkSpeed=imageSegmenterModelSizeInBytes/r),modelCapabilities.networkTier=r<.5?"fast":r<2?"medium":"slow",log("Model Probing: network speed",(modelCapabilities.networkSpeed/1024/1024).toFixed(3),"Mbps"),log("Model Probing: network test took",r),log("Model Probing: network tier",modelCapabilities.networkTier),c=(i=tasksVision.ImageSegmenter).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 5:return[4,c.apply(i,[s.sent(),{baseOptions:{modelAssetPath:a,delegate:e}}])];case 6:return o=s.sent(),l=document.createElement("canvas"),o.segment(l),l.remove(),[2]}}))}))}function giveUpAfter(e){return new Promise((function(t,a){setTimeout((function(){a(new Error("gave up after reaching maximum time allowed"))}),e)}))}function convertBoundingBox(e){var t,a,n,r,o,i,c,l;return{xMin:null!==(t=null==e?void 0:e.originX)&&void 0!==t?t:0,xMax:(null!==(a=null==e?void 0:e.originX)&&void 0!==a?a:0)+(null!==(n=null==e?void 0:e.width)&&void 0!==n?n:0),yMin:null!==(r=null==e?void 0:e.originY)&&void 0!==r?r:0,yMax:(null!==(o=null==e?void 0:e.originY)&&void 0!==o?o:0)+(null!==(i=null==e?void 0:e.height)&&void 0!==i?i:0),width:null!==(c=null==e?void 0:e.width)&&void 0!==c?c:0,height:null!==(l=null==e?void 0:e.height)&&void 0!==l?l:0}}function waitForVideoReady(e,t){return void 0===t&&(t=100),new Promise((function(a){var n,r,o;if((null!==(r=null===(n=e.current)||void 0===n?void 0:n.readyState)&&void 0!==r?r:0)>=2)return a();null===(o=e.current)||void 0===o||o.load();var i=setInterval((function(){var t,n;(null!==(n=null===(t=e.current)||void 0===t?void 0:t.readyState)&&void 0!==n?n:0)>=2&&(clearInterval(i),a())}),t)}))}function calculateIoU(e,t){var a=Math.max(e.xMin,t.xMin),n=Math.max(e.yMin,t.yMin),r=Math.min(e.xMax,t.xMax),o=Math.min(e.yMax,t.yMax),i=Math.max(0,r-a)*Math.max(0,o-n),c=(e.xMax-e.xMin)*(e.yMax-e.yMin)+(t.xMax-t.xMin)*(t.yMax-t.yMin)-i;return 0===c?0:i/c}function average(e){var t=e.length;if(0===t)return 0;for(var a=0,n=0;n<t;n++)a+=e[n];return a/t}var DEFAULT_CDN_URL="https://websdk-cdn-dev.idmission.com/assets",defaultDocumentDetectorModelPath="".concat(DEFAULT_CDN_URL,"/models/DocumentDetector/DocumentDetector-20241018_093000.tflite"),defaultFocusModelPath="".concat(DEFAULT_CDN_URL,"/models/Focus/Focus-20241008_102708.tflite"),defaultFaceDetectorModelPath="".concat(DEFAULT_CDN_URL,"/models/blazeface20240207/blaze_face_short_range.tflite"),defaultFocusModelLoadTimeoutMs=45e3,defaultFocusThresholds={idCardFront:{desktop:0,mobile:.3},idCardBack:{desktop:0,mobile:.3},passport:{desktop:0,mobile:.3}},classifier=null,classifierSettings=null;function loadFocusModel(){return __awaiter(this,arguments,void 0,(function(e){var t,a;return void 0===e&&(e=defaultFocusModelPath),__generator(this,(function(n){switch(n.label){case 0:return classifier&&(null==classifierSettings?void 0:classifierSettings.modelAssetPath)===e?[2,classifier]:(closeFocusModel(),[4,preloadFocusModelDependencies()]);case 1:if(n.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for focus detector.");return a=(t=tasksVision.ImageClassifier).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 2:return[4,a.apply(t,[n.sent(),{baseOptions:{modelAssetPath:e,delegate:modelCapabilities.delegate},runningMode:"VIDEO"}])];case 3:return classifier=n.sent(),classifierSettings={modelAssetPath:e},[2,classifier]}}))}))}function closeFocusModel(){null==classifier||classifier.close(),classifier=null,classifierSettings=null}function useLoadFocusModel(e){var t=e.modelPath,a=void 0===t?defaultFocusModelPath:t,n=e.modelLoadTimeoutMs,r=void 0===n?defaultFocusModelLoadTimeoutMs:n,o=e.onModelError,i=e.videoRef,c=React.useState(!1),l=c[0],s=c[1],d=React.useState(0),u=d[0],m=d[1],p=React.useState(null),f=p[0],g=p[1];return React.useEffect((function(){var e=this;function t(e){m(progressToPercentage(e.detail))}s(!1),document.addEventListener("idmission.preloadProgress.focus",t);var n=setTimeout((function(){g(new Error("Model loading time limit exceeded."))}),r);return loadFocusModel(a).then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return m(100),clearTimeout(n),[4,waitForVideoReady(i)];case 1:return e.sent(),setTimeout((function(){t.classifyForVideo(i.current,performance.now()),s(!0)}),500),[2]}}))}))})).catch((function(e){g(e)})).finally((function(){clearTimeout(n)})),function(){log("unloading focus model"),closeFocusModel(),clearTimeout(n),document.removeEventListener("idmission.preloadProgress.focus",t)}}),[a,r,i]),React.useEffect((function(){f&&(null==o||o(f))}),[f,o]),{ready:l,modelDownloadProgress:u,modelError:f}}var lastFocusPredictionAt=0,lastFocusPredictionTime=0;function setLastFocusPredictionAt(e){lastFocusPredictionTime=e-lastFocusPredictionAt,lastFocusPredictionAt=e}function makeFocusModelPrediction(e,t,a,n){var r,o,i,c,l;if(!classifier)return null;var s=new Date,d=cropIfNecessary(e,t,a,n),u=classifier.classifyForVideo(d,performance.now());return{score:null!==(l=null===(c=null===(i=null===(o=null===(r=null==u?void 0:u.classifications)||void 0===r?void 0:r[0])||void 0===o?void 0:o.categories)||void 0===i?void 0:i.find((function(e){return"focused"===e.categoryName})))||void 0===c?void 0:c.score)&&void 0!==l?l:0,predictionTime:(new Date).getTime()-s.getTime()}}function cropIfNecessary(e,t,a,n){if(!n)return e;var r=cropToDetectedObjectBox(e,n,t),o=[n.width,n.height],i=o[0],c=o[1];if(c<=i)return r;var l=a.getContext("2d");return l?(a.width=c,a.height=i,l.clearRect(0,0,a.width,a.height),l.translate(a.width/2,a.height/2),l.rotate(1.5708),l.drawImage(r,-i/2,-c/2),a):r}var defaultSelfieCaptureModelLoadTimeoutMs=45e3,detector$1=null,detectorSettings$1=null;function loadFaceDetector(){return __awaiter(this,arguments,void 0,(function(e){var t,a;return void 0===e&&(e=defaultFaceDetectorModelPath),__generator(this,(function(n){switch(n.label){case 0:return detector$1&&(null==detectorSettings$1?void 0:detectorSettings$1.modelAssetPath)===e?[2,detector$1]:(closeFaceDetector(),[4,preloadFaceDetectorDependencies()]);case 1:if(n.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for face detector.");return a=(t=tasksVision.FaceDetector).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 2:return[4,a.apply(t,[n.sent(),{baseOptions:{modelAssetPath:e,delegate:modelCapabilities.delegate},runningMode:"VIDEO"}])];case 3:return detector$1=n.sent(),detectorSettings$1={modelAssetPath:e},[2,detector$1]}}))}))}function closeFaceDetector(){null==detector$1||detector$1.close(),detector$1=null,detectorSettings$1=null}function useLoadFaceDetector(e){var t=e.onModelError,a=e.modelLoadTimeoutMs,n=void 0===a?defaultSelfieCaptureModelLoadTimeoutMs:a,r=e.videoRef,o=React.useState(!1),i=o[0],c=o[1],l=React.useState(0),s=l[0],d=l[1],u=React.useState(null),m=u[0],p=u[1];return React.useEffect((function(){var e=this;c(!1);var t=setTimeout((function(){p(new Error("Model loading time limit exceeded."))}),n);function a(e){d(progressToPercentage(e.detail))}return document.addEventListener("idmission.preloadProgress.faceDetection",a),loadFaceDetector().then((function(a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return d(100),clearTimeout(t),[4,waitForVideoReady(r)];case 1:return e.sent(),a.detectForVideo(r.current,performance.now()),c(!0),[2]}}))}))})).catch((function(e){p(e)})).finally((function(){clearTimeout(t)})),function(){log("unloading face detection model"),closeFaceDetector(),clearTimeout(t),document.removeEventListener("idmission.preloadProgress.faceDetection",a)}}),[n,r]),React.useEffect((function(){m&&(null==t||t(m))}),[m,t]),{ready:i,modelDownloadProgress:s,modelError:m}}var lastFaceDetectionAt=0,lastFaceDetectionTime=0;function setLastFaceDetectionAt(e){lastFaceDetectionTime=e-lastFaceDetectionAt,lastFaceDetectionAt=e}var framesNeededSamples$1=[];function trackFramesNeeded$1(e,t){void 0===t&&(t=25),framesNeededSamples$1.unshift(e),framesNeededSamples$1.length>t&&(framesNeededSamples$1.length=t)}var lastNFaces=[],lastNPairs$1=[];function trackFace(e,t){if(void 0===t&&(t=12),lastNFaces.unshift(e),lastNFaces.length>t&&(lastNFaces.length=t),lastNFaces.length>1){var a=lastNFaces[1],n=calculateIoU(e.box,a.box);lastNPairs$1.unshift({a:e,b:a,iou:n}),lastNPairs$1.length>t-1&&(lastNPairs$1.length=t-1)}}function makeFaceDetectorPrediction(e){if(!detector$1)return null;var t=detector$1.detectForVideo(e,performance.now()),a=t.detections.map((function(t){return{box:convertBoundingBox(t.boundingBox),keypoints:t.keypoints.map((function(t){var a;return _assign(_assign({},t),{x:t.x*e.width,y:t.y*e.height,name:null!==(a=t.label)&&void 0!==a?a:""})}))}}));return _assign(_assign({},t),{faces:a})}function processFaceDetectorPrediction(e){var t=e.faces,a=e.videoWidth,n=e.videoHeight,r=e.requireVerticalFaceCentering,o=void 0===r||r,i=e.stabilityThreshold,c=void 0===i?.75:i,l=t[0],s=0===t.length,d=o,u=!1,m=!1,p=!1;if(l){var f=a/2,g=n/2,v=(l.box.xMin+l.box.xMax)/2,_=(l.box.yMin+l.box.yMax)/2,h=.125*a,b=.125*n,C=.2*l.box.width,y=.2*l.box.height,R=l.keypoints[2];if(R){u=Math.abs(v-R.x)>C||Math.abs(_-R.y)>y;var x=Math.abs(f-v)>h,D=Math.abs(g+50-_)>b;d=x||o&&D}m=l.box.width>a/1.5,p=l.box.width<a/(a<n?6:7)}var E=!(s||d||u||m||p);lastFaceDetectionTime>0&&trackFramesNeeded$1(500/lastFaceDetectionTime);var w=!1;if(E){var S=Math.ceil(average(framesNeededSamples$1));trackFace(l,S),w=lastNFaces.length>=S&&!lastNPairs$1.some((function(e){return e.iou<c}))}var k=E&&w;return{face:l,faceNotDetected:s,faceNotCentered:d,faceLookingAway:u,faceTooClose:m,faceTooFar:p,faceReady:k,faceReadyAt:k?new Date:null,faceIsStable:w}}var preloadModels=function(e){return __awaiter(void 0,[e],void 0,(function(e){var t,a=e.documentDetectionModel,n=void 0===a||a,r=e.focusModel,o=void 0===r||r,i=e.faceDetectionModel,c=void 0===i||i;return __generator(this,(function(e){switch(e.label){case 0:return[4,probeModelCapabilities()];case 1:return e.sent(),t=[],n&&t.push(preloadDocumentDetectorDependencies),o&&t.push(preloadFocusModelDependencies),c&&t.push(preloadFaceDetectorDependencies),[4,Promise.all(t)];case 2:return e.sent(),[2]}}))}))},progressByUrl={},progressByUseCase={visionRuntime:{loaded:0,total:0},documentDetection:{loaded:0,total:0},focus:{loaded:0,total:0},faceDetection:{loaded:0,total:0}};function preloadDependency(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,new Promise((function(t,a){var n=new XMLHttpRequest;n.addEventListener("progress",(function(t){t.lengthComputable&&(progressByUrl[e]=t,document.dispatchEvent(new CustomEvent("idmission.preloadProgress",{detail:{url:e,loaded:t.loaded,total:t.total}})))})),n.addEventListener("loadend",(function(){t(4===n.readyState&&200===n.status)})),n.addEventListener("error",a),n.open("GET",e,!0),n.send()}))]}))}))}var documentDetectorPreloading=!1,focusModelPreloading=!1,faceDetectorPreloading=!1;function preloadDocumentDetectorDependencies(){return __awaiter(this,void 0,void 0,(function(){function e(e){t.includes(e.detail.url)&&(progressByUseCase.documentDetection=sumUpProgressForDependencies(t),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.documentDetection",{detail:progressByUseCase.documentDetection})))}var t;return __generator(this,(function(a){switch(a.label){case 0:return documentDetectorPreloading?[2,new Promise((function(e){var t=setInterval((function(){documentDetectorPreloading||(clearInterval(t),e())}),100)}))]:(documentDetectorPreloading=!0,[4,probeModelCapabilities()]);case 1:if(a.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");t=[defaultDocumentDetectorModelPath],document.addEventListener("idmission.preloadProgress",e),a.label=2;case 2:return a.trys.push([2,,4,5]),[4,Promise.all(t.map(preloadDependency))];case 3:return a.sent(),[3,5];case 4:return document.removeEventListener("idmission.preloadProgress",e),documentDetectorPreloading=!1,[7];case 5:return[2]}}))}))}function preloadFocusModelDependencies(){return __awaiter(this,void 0,void 0,(function(){function e(e){t.includes(e.detail.url)&&(progressByUseCase.focus=sumUpProgressForDependencies(t),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.focus",{detail:progressByUseCase.focus})))}var t;return __generator(this,(function(a){switch(a.label){case 0:return focusModelPreloading?[2,new Promise((function(e){var t=setInterval((function(){focusModelPreloading||(clearInterval(t),e())}),100)}))]:(focusModelPreloading=!0,[4,probeModelCapabilities()]);case 1:if(a.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");t=[defaultFocusModelPath],document.addEventListener("idmission.preloadProgress",e),a.label=2;case 2:return a.trys.push([2,,4,5]),[4,Promise.all(t.map(preloadDependency))];case 3:return a.sent(),[3,5];case 4:return document.removeEventListener("idmission.preloadProgress",e),focusModelPreloading=!1,[7];case 5:return[2]}}))}))}function preloadFaceDetectorDependencies(){return __awaiter(this,void 0,void 0,(function(){function e(e){t.includes(e.detail.url)&&(progressByUseCase.faceDetection=sumUpProgressForDependencies(t),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.faceDetection",{detail:progressByUseCase.faceDetection})))}var t;return __generator(this,(function(a){switch(a.label){case 0:return faceDetectorPreloading?[2,new Promise((function(e){var t=setInterval((function(){faceDetectorPreloading||(clearInterval(t),e())}),100)}))]:(faceDetectorPreloading=!0,[4,probeModelCapabilities()]);case 1:if(a.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");t=[defaultFaceDetectorModelPath],document.addEventListener("idmission.preloadProgress",e),a.label=2;case 2:return a.trys.push([2,,4,5]),[4,Promise.all(t.map(preloadDependency))];case 3:return a.sent(),[3,5];case 4:return document.removeEventListener("idmission.preloadProgress",e),faceDetectorPreloading=!1,[7];case 5:return[2]}}))}))}function progressToPercentage(e){return e.total>0?Math.round(100*e.loaded/e.total):0}function sumUpProgressForDependencies(e){return e.reduce((function(e,t){var a=progressByUrl[t];return a?(e.loaded+=a.loaded,e.total+=a.total,e):e}),{loaded:0,total:0})}var defaultDocumentDetectionScoreThreshold=.1,defaultDocumentDetectionModelLoadTimeoutMs=45e3,defaultDocumentDetectionThresholds={idCardFront:.6,idCardBack:.6,passport:.4,stability:{idCardFront:.85,idCardBack:.85,passport:.5}},documentTypeDisplayNames={idCardFront:"ID card front",idCardBack:"ID card back",passport:"Passport",none:"None"},detector=null,detectorSettings=null;function loadDocumentDetector(){return __awaiter(this,arguments,void 0,(function(e,t){var a,n;return void 0===e&&(e=defaultDocumentDetectorModelPath),void 0===t&&(t=defaultDocumentDetectionScoreThreshold),__generator(this,(function(r){switch(r.label){case 0:return detector&&(null==detectorSettings?void 0:detectorSettings.modelAssetPath)===e&&(null==detectorSettings?void 0:detectorSettings.scoreThreshold)===t?[2,detector]:(closeDocumentDetector(),[4,preloadDocumentDetectorDependencies()]);case 1:if(r.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");return n=(a=tasksVision.ObjectDetector).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 2:return[4,n.apply(a,[r.sent(),{baseOptions:{modelAssetPath:e,delegate:modelCapabilities.delegate},scoreThreshold:t,runningMode:"VIDEO"}])];case 3:return detector=r.sent(),detectorSettings={modelAssetPath:e,scoreThreshold:t},[2,detector]}}))}))}function closeDocumentDetector(){null==detector||detector.close(),detector=null,detectorSettings=null}function useLoadDocumentDetector(e){var t=e.modelPath,a=void 0===t?defaultDocumentDetectorModelPath:t,n=e.modelLoadTimeoutMs,r=void 0===n?defaultDocumentDetectionModelLoadTimeoutMs:n,o=e.scoreThreshold,i=void 0===o?defaultDocumentDetectionScoreThreshold:o,c=e.onModelError,l=e.videoRef,s=React.useState(!1),d=s[0],u=s[1],m=React.useState(0),p=m[0],f=m[1],g=React.useState(null),v=g[0],_=g[1];return React.useEffect((function(){var e=this;function t(e){f(progressToPercentage(e.detail))}u(!1),document.addEventListener("idmission.preloadProgress.documentDetection",t);var n=setTimeout((function(){_(new Error("Model loading time limit exceeded."))}),r);return loadDocumentDetector(a,i).then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return f(100),clearTimeout(n),[4,waitForVideoReady(l)];case 1:return e.sent(),setTimeout((function(){t.detectForVideo(l.current,performance.now()),u(!0)}),500),[2]}}))}))})).catch((function(e){_(e)})).finally((function(){clearTimeout(n)})),function(){log("unloading document detection model"),closeDocumentDetector(),clearTimeout(n),document.removeEventListener("idmission.preloadProgress.documentDetection",t)}}),[r,a,i,l]),React.useEffect((function(){v&&(null==c||c(v))}),[v,c]),{ready:d,modelDownloadProgress:p,modelError:v,setModelError:_}}function makeDocumentDetectorPrediction(e){return __awaiter(this,void 0,void 0,(function(){var t,a,n,r,o;return __generator(this,(function(i){if(!detector)return[2,null];t=new Date;try{return a=detector.detectForVideo(e,performance.now()),n=(new Date).getTime()-t.getTime(),r=e.width,o=e.height,[2,_assign(_assign({},a),{time:n,frameWidth:r,frameHeight:o})]}catch(e){error("caught object detection error",e)}return[2,null]}))}))}var lastDetectionAt=0,lastDetectionTime=0;function setLastDetectionAt(e){lastDetectionTime=e-lastDetectionAt,lastDetectionAt=e}var framesNeededSamples=[];function trackFramesNeeded(e,t){void 0===t&&(t=25),framesNeededSamples.unshift(e),framesNeededSamples.length>t&&(framesNeededSamples.length=t)}var lastNBoxes=[],lastNPairs=[];function trackBox(e,t){if(void 0===t&&(t=12),lastNBoxes.unshift(e),lastNBoxes.length>t&&(lastNBoxes.length=t),lastNBoxes.length>1){var a=lastNBoxes[1],n=calculateIoU(e,a);lastNPairs.unshift({a:e,b:a,iou:n}),lastNPairs.length>t-1&&(lastNPairs.length=t-1)}}var defaultDocumentDetectionBoundaries={top:20,bottom:20,left:20,right:20};function processDocumentDetectorPrediction(e,t,a){var n,r,o,i,c,l,s,d,u,m,p,f;void 0===a&&(a=defaultDocumentDetectionBoundaries);var g=e.detections,v=e.frameWidth,_=e.frameHeight,h=e.time,b=null!==(n=a.top)&&void 0!==n?n:20,C=null!==(r=a.left)&&void 0!==r?r:20,y=null!==(o=a.right)&&void 0!==o?o:20,R=null!==(i=a.bottom)&&void 0!==i?i:20,x=.8*v,D=applyNonMaxSuppression(g.flatMap((function(e){return e.categories.map((function(t){return{label:null==t?void 0:t.categoryName,score:null==t?void 0:t.score,box:convertBoundingBox(e.boundingBox)}}))})),(function(e){var t=e.box,a=t.xMin,n=t.yMin,r=t.width;return n>b&&n+t.height+R<_&&(a>C||a+r>x)&&a+r+y<v})),E=g.length>0&&!g.some((function(e){var t=e.boundingBox;return Object.values(null!=t?t:{}).some((function(e){return e>0}))})),w=D.find((function(e){return"Document"===e.label})),S=D.find((function(e){return"Document back"===e.label})),k=D.find((function(e){return"Passport page"===e.label})),I=null!==(c=null==w?void 0:w.score)&&void 0!==c?c:0,T=null!==(l=null==S?void 0:S.score)&&void 0!==l?l:0,O=null!==(s=null==k?void 0:k.score)&&void 0!==s?s:0,M=I>=(null!==(d=t.idCardFront)&&void 0!==d?d:0),L=T>=(null!==(u=t.idCardBack)&&void 0!==u?u:0),j=O>=(null!==(m=t.passport)&&void 0!==m?m:0),F=j?k:L?S:w,B=j?t.passport:L?t.idCardBack:t.idCardFront,N=null!==(p=null==F?void 0:F.score)&&void 0!==p?p:0,$=N>=(null!=B?B:0),A="none";j?A="passport":L?A="idCardBack":$&&(A="idCardFront");var P=!!F;lastDetectionTime>0&&trackFramesNeeded(1e3/lastDetectionTime);var U=!1,V=!1;if(F){var G=[F.box.width/v,F.box.height/_];if(V=G[0]>.85||G[1]>.85,$&&P&&!V){var W=(null!==(f=t.stability)&&void 0!==f?f:defaultDocumentDetectionThresholds.stability)[A],q=Math.ceil(average(framesNeededSamples));trackBox(F.box,q),U=lastNBoxes.length>=q&&!lastNPairs.some((function(e){return e.iou<W}))}}return{prediction:e,detectedObjects:D,detectionScore:N,detectionTime:h,detectionThresholdMet:$,detectedDocumentType:A,idCardFrontDetectionScore:I,idCardFrontDetectionThresholdMet:M,idCardBackDetectionScore:T,idCardBackDetectionThresholdMet:L,passportDetectionScore:O,passportDetectionThresholdMet:j,bestDocument:F,documentInBounds:P,documentTooClose:V,documentIsStable:U,frameWidth:v,frameHeight:_,allZero:E}}function applyNonMaxSuppression(e,t){var a={};return e.forEach((function(e,n){e&&(a[e.label]||(a[e.label]=[0,-1]),e.score>a[e.label][0]&&(null==t?void 0:t(e))&&(a[e.label]=[e.score,n]))})),Object.keys(a).map((function(t){return e[a[t][1]]})).filter((function(e){return!!e}))}function useFrameLoop(e,t){var a=t.throttleMs,n=void 0===a?0:a,r=t.autoStart,o=void 0!==r&&r,i=React.useState(!1),c=i[0],l=i[1],s=React.useRef(null),d=React.useRef(0),u=React.useRef(0);React.useEffect((function(){if(c){var t,a=d.current;return function r(){return __awaiter(this,void 0,void 0,(function(){var o,i,c,l,m,p;return __generator(this,(function(f){switch(f.label){case 0:return a!==d.current?[2]:(o=(new Date).getTime(),i=o-(null!==(p=null===(m=s.current)||void 0===m?void 0:m.getTime())&&void 0!==p?p:0),[4,e(u.current,i)]);case 1:return f.sent(),c=(new Date).getTime()-o,l=Math.max((null!=n?n:0)-c,0),t=setTimeout((function(){u.current=requestAnimationFrame(r)}),l),[2]}}))}))}().then(),function(){d.current+=1,u.current&&cancelAnimationFrame(u.current),t&&clearTimeout(t)}}}),[e,c,n]);var m=React.useCallback((function(){s.current=new Date,l(!0)}),[]),p=React.useCallback((function(){d.current+=1,l(!1),s.current=null}),[]);return React.useEffect((function(){return o&&m(),function(){p()}}),[o,m,p]),{start:m,stop:p}}function listAvailableCameras(e){return __awaiter(this,arguments,void 0,(function(e,t){var a,n;return void 0===t&&(t=!1),__generator(this,(function(r){switch(r.label){case 0:return[4,navigator.mediaDevices.getUserMedia({video:{facingMode:{exact:e}},audio:t})];case 1:return a=r.sent(),[4,navigator.mediaDevices.enumerateDevices()];case 2:return n=r.sent().filter((function(e){return"videoinput"===e.kind})),a.getVideoTracks().forEach((function(e){e.enabled=!1,e.stop()})),a=null,[2,n]}}))}))}var currentCamera,frontCameraLabels=["front","avant","anteriore","cameraaanvoorzijde","kamerapåframsidan","forsidekamera","kamerapåforsiden","aparatprzedni","etukamera","kameradepan","ÖnKamera","cameramặttrước","camerăfață","prednákamera","prednjakamera","előlapikamera","přednífotoaparát","μπροστινήκάμερα","переднякамера","передняякамера","преднакамера","алдыңғыкамера","מצלמה קדמית","الكاميرا الأمامية","फ़्रंटकैमरा","前置相机","前置鏡頭","前面カメラ","전면카메라","กล้องด้านหน้า"].map((function(e){return e.toLocaleLowerCase().split(" ").join("")})),rearCameraLabels=["back","rear","posterior","trasera","traseira","arrière","rückkamera","fotocamera(posteriore)","cameraaanachterzijde","kamerapåbaksidan","kamerapåbaksiden","bagsidekamera","aparattylny","takakamera","arkakamera","kamerabelakang","cameramặtsau","camerăspate","stražnjakamera","zadnákamera","hátoldalikamera","zadnífotoaparát","πίσωκάμερα","заднякамера","Задняякамера","заднакамера","артқыкамера","מצלמה אחורית","الكاميرا الخلفية","बैककैमरा","后置相机","後置鏡頭","背面カメラ","후면카메라","กล้องด้านหลัง"].map((function(e){return e.toLocaleLowerCase().split(" ").join("")})),backUltraWideCameraLabels=["backdualwidecamera","backultrawidecamera","ultraampliaposterior","ultra-angulartraseira","ultragrandeangulartraseira","ultragrandangle","ultragranangular","ultra-weitwinkelkamera","ultra-grandangolo","ultrabredecameraaanachterzijde","ultravidvinkelkamerapåbaksidan","ultravidvinkelkameraetpåbagsiden","ultravidvinkelkamerabak","ultragenişkameraarkayüzü","ultralaajakulmainentakakamera","tylnyaparatultraszerokokątny","cameracựcrộngmặtsau","camerăcuobiectivultra‑superangularspate","ultraszéleslátószögűkamera","kameraultralebarbelakang","stražnjaultraširokakamera","zadníultraširokoúhlýfotoaparát","ultraširokouhlá","πίσωυπερευρείακάμερα","заднянадширококутнакамера","Задняясверхширокоугольнаякамера","Задна свръх широкоъгълна камера","артқыультракеңбұрыштыкамера","מצלמה אולטרה רחבה אחורית","كاميرا خلفية عريضة جدًا","बैकअल्ट्रावाइडकैमरा","后置超广角相机","後置超廣角鏡頭相機","背面超広角カメラ","후면울트라와이드카메라","กล้องด้านหลังอัลตร้าไวด์"].map((function(e){return e.toLocaleLowerCase().split(" ").join("")})),cameraLabelMatches=function(e,t){var a=e instanceof MediaDeviceInfo?getDeviceLabel(e):e;return("string"==typeof t?[t]:t).some((function(e){return a.includes(e)}))},getDeviceLabel=function(e){return e.label.toLocaleLowerCase().split(" ").join("")};function obtainCameraAccess(e,t,a){releaseCameraAccess(),log("obtaining camera access...");var n=e.getVideoTracks()[0].getSettings(),r=n.width,o=n.height;log("camera dimensions",r,o);var i=t.toLocaleLowerCase().split(" ").join("");log("camera label",i);var c=cameraLabelMatches(i,__spreadArray(__spreadArray(__spreadArray([],rearCameraLabels,!0),backUltraWideCameraLabels,!0),["iphone"],!1));log("is rear facing?",c);return r||(r=0),o||(o=0),currentCamera={label:t,stream:e,width:r,height:o,isRearFacing:c,release:function(){e.getTracks().forEach((function(e){e.enabled=!1,e.stop()})),a&&(a.pause(),a.srcObject=null,a.src="")}},log("camera access granted"),a&&(a.srcObject=e),log("video source initialized"),currentCamera}function releaseCameraAccess(){currentCamera&&(log("releasing camera access..."),currentCamera.release(),currentCamera=void 0)}var initialState$5={videoRef:{current:null},videoLoaded:!1,videoStream:null,videoDevice:null,isRearFacing:!1,camera:null,cameraReady:!1,cameraAccessDenied:!1,iphoneContinuityCameraAvailable:!1,iphoneContinuityCameraDenied:!1,preferIphoneContinuityCamera:!0,audioStream:null,microphoneReady:!1,microphoneAccessDenied:!1},createCameraStore=function(e){var t=zustand.createStore((function(t,a){return _assign(_assign(_assign({},initialState$5),e),{reset:function(){return t(_assign(_assign({},initialState$5),e))},setConfig:function(e){return t(e)},onVideoMounted:function(){return t({videoLoaded:!0})},setIphoneContinuityCameraAllowed:function(e){return t({preferIphoneContinuityCamera:e})},requestCameraAccess:function(){return __awaiter(this,void 0,void 0,(function(){var n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C,y;return __generator(this,(function(R){switch(R.label){case 0:n=a(),r=n.videoRef,i=n.preferFrontFacingCamera,c=n.preferIphoneContinuityCamera,l=n.iphoneContinuityCameraDenied,(o=n.releaseCameraAccess)(),R.label=1;case 1:return R.trys.push([1,11,,12]),[4,listAvailableCameras()];case 2:s=R.sent(),d=void 0,debug("availableCameras",s),debug("platformDetails",u=getPlatform()),l||(null==u?void 0:u.os)&&"OS X"!==u.os.family?("Android"===(null===(b=null==u?void 0:u.os)||void 0===b?void 0:b.family)||s.every((function(e){return e.label.startsWith("camera2 ")})))&&debug("cameras have been sorted",s=s.sort((function(e,t){return e.label.toLowerCase().localeCompare(t.label.toLowerCase())}))):(m=s.find((function(e){return cameraLabelMatches(e,"iphone")})),t({iphoneContinuityCameraAvailable:!!m}),m&&c&&(d=m)),i&&(d=s.find((function(e){return cameraLabelMatches(e,frontCameraLabels)}))),d||(d=s.find((function(e){return cameraLabelMatches(e,"backtriplecamera")}))),d||(d=s.find((function(e){return cameraLabelMatches(e,"backdualcamera")}))),d||(d=s.find((function(e){return cameraLabelMatches(e,rearCameraLabels)&&!cameraLabelMatches(e,backUltraWideCameraLabels)}))),d||(d=s.find((function(e){return cameraLabelMatches(e,rearCameraLabels)}))),!i&&"iOS"===(null===(C=null==u?void 0:u.os)||void 0===C?void 0:C.family)&&s.length>0&&(d||(d=s[1])),d||(d=s[0]),debug("selectedCamera",d),t({videoDevice:d}),p={audio:!1,video:{deviceId:{exact:d.deviceId},width:{ideal:e.maxVideoWidth},aspectRatio:1.777777778,frameRate:{}}},e.maxFps&&(p.video.frameRate={max:e.maxFps}),f=null,R.label=3;case 3:return R.trys.push([3,5,,6]),debug("obtaining camera access with constraints",p),[4,navigator.mediaDevices.getUserMedia(p)];case 4:return f=R.sent(),[3,6];case 5:return"NotAllowedError"===R.sent().name?(t(c?{iphoneContinuityCameraAvailable:!1,iphoneContinuityCameraDenied:!0}:{cameraAccessDenied:!0}),[2]):[3,6];case 6:if(f)return[3,10];R.label=7;case 7:return R.trys.push([7,9,,10]),[4,navigator.mediaDevices.getUserMedia({audio:!1,video:!0})];case 8:return f=R.sent(),debug("opened stream with no width and height constraints"),[3,10];case 9:return R.sent(),debug("cannot open stream at all"),[3,10];case 10:if(!f)throw error("failed to open camera"),new Error("failed to open camera");return debug("camera access granted with constraints",p),g=a().iphoneContinuityCameraAvailable,v=function(){g&&c?(debug("someone unplugged the continuity camera"),o(),t({videoStream:null,videoDevice:null,iphoneContinuityCameraAvailable:!1,iphoneContinuityCameraDenied:!0})):(debug("someone unplugged the webcam"),o(),t({videoStream:null,videoDevice:null,videoLoaded:!1,cameraAccessDenied:!0}))},null===(y=r.current)||void 0===y||y.addEventListener("ended",v),f.getVideoTracks().forEach((function(e){e.onended=v,e.onmute=v})),_=obtainCameraAccess(f,d.label,r.current),t({camera:_,cameraReady:!0,cameraAccessDenied:!1,isRearFacing:_.isRearFacing,videoStream:f}),[3,12];case 11:if("NotAllowedError"!==(h=R.sent()).name)throw error("camera access encountered some other error",h),h;return error("camera access has been blocked by the user",h),t({cameraAccessDenied:!0}),[3,12];case 12:return[2]}}))}))},releaseCameraAccess:function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){return(e=a().camera)?(e.release(),t({camera:null,cameraReady:!1,cameraAccessDenied:!1}),[2]):[2]}))}))},requestMicrophoneAccess:function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:a().releaseMicrophoneAccess(),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,navigator.mediaDevices.getUserMedia({audio:!0,video:!1})];case 2:return e=n.sent(),t({audioStream:e,microphoneReady:!0}),e.getAudioTracks().forEach((function(e){e.onended=function(){t({microphoneAccessDenied:!0})}})),[3,4];case 3:return n.sent(),t({microphoneAccessDenied:!0}),[3,4];case 4:return[2]}}))}))},releaseMicrophoneAccess:function(){var e,n=a().audioStream;null===(e=null==n?void 0:n.stop)||void 0===e||e.call(n),null==n||n.getAudioTracks().forEach((function(e){var t;null===(t=e.stop)||void 0===t||t.call(e)})),t({audioStream:null,microphoneReady:!1,microphoneAccessDenied:!1})}})}));return e.requestAccessAutomatically&&t.getState().requestCameraAccess(),e.requireMicrophoneAccess&&t.getState().requestMicrophoneAccess(),_assign(_assign({},t),{destroy:function(){t.getState().releaseCameraAccess(),t.getState().releaseMicrophoneAccess()}})},CameraStoreContext=React.createContext(void 0);function CameraStoreProvider(e){var t=e.children,a=e.requestAccessAutomatically,n=void 0===a||a,r=e.preferIphoneContinuityCamera,o=void 0===r||r,i=e.preferFrontFacingCamera,c=void 0!==i&&i,l=e.maxVideoWidth,s=void 0===l?1920:l,d=e.maxFps,u=e.onCameraAccessDenied,m=e.onMicrophoneAccessDenied,p=e.requireMicrophoneAccess,f=void 0!==p&&p,g=React.useRef(null),v=React.useRef();return v.current||(v.current=createCameraStore({videoRef:g,requestAccessAutomatically:n,preferIphoneContinuityCamera:o,preferFrontFacingCamera:c,maxVideoWidth:s,maxFps:d,onCameraAccessDenied:u,onMicrophoneAccessDenied:m,requireMicrophoneAccess:f})),React.useEffect((function(){var e,t,a,n=null===(e=v.current)||void 0===e?void 0:e.getState();n&&(o===(null==n?void 0:n.preferIphoneContinuityCamera)&&c===(null==n?void 0:n.preferFrontFacingCamera)||(null===(t=v.current)||void 0===t||t.setState({preferIphoneContinuityCamera:o,preferFrontFacingCamera:c}),null===(a=v.current)||void 0===a||a.getState().requestCameraAccess()))}),[c,o]),React.useEffect((function(){return function(){var e;return null===(e=v.current)||void 0===e?void 0:e.destroy()}}),[]),React__namespace.default.createElement(CameraStoreContext.Provider,{value:v.current},t)}function useCameraStore(e){var t=React.useContext(CameraStoreContext);if(!t)throw new Error("useCameraStore cannot be used without Provider");return zustand.useStore(t,e)}var DocumentDetectionModelContext=React.createContext({startDocumentDetection:function(){return null},stopDocumentDetection:function(){return null},documentDetectionModelReady:!1,documentDetectionModelDownloadProgress:0,documentDetectionModelError:null,onDocumentDetected:function(){return null},detectionTime:0,documentDetectionThresholds:{},setDocumentDetectionThresholds:function(){return null},documentDetectionBoundaries:defaultDocumentDetectionBoundaries,setDocumentDetectionBoundaries:function(){return null},documentDetectionLastPredictionCanvas:{current:null},clearDocumentDetectionLastPredictionCanvas:function(){return null}});function DocumentDetectionModelProvider(e){var t=this,a=e.autoStart,n=void 0===a||a,r=e.children,o=e.throttleMs,i=void 0===o?16:o,c=e.delayAfterStartMs,l=void 0===c?0:c,s=e.documentDetectionModelPath,d=void 0===s?defaultDocumentDetectorModelPath:s,u=e.documentDetectionModelScoreThreshold,m=void 0===u?defaultDocumentDetectionScoreThreshold:u,p=e.documentDetectionModelLoadTimeoutMs,f=void 0===p?defaultDocumentDetectionModelLoadTimeoutMs:p,g=e.onDocumentDetectionModelError,v=useCameraStore(),_=v.videoRef,h=v.videoLoaded,b=v.cameraReady,C=React.useRef(null),y=React.useRef(),R=React.useState({}),x=R[0],D=R[1],E=React.useState(defaultDocumentDetectionBoundaries),w=E[0],S=E[1],k=React.useState(0),I=k[0],T=k[1],O=React.useState(0),M=O[0],L=O[1],j=React.useRef(0),F=useLoadDocumentDetector({modelPath:d,modelLoadTimeoutMs:f,scoreThreshold:m,onModelError:g,videoRef:_}),B=F.ready,N=F.modelDownloadProgress,$=F.modelError,A=F.setModelError,P=useFrameLoop(React.useCallback((function(e,a){return __awaiter(t,void 0,void 0,(function(){var t,n,r,o,i,c,s;return __generator(this,(function(d){switch(d.label){case 0:return h&&b&&B&&_.current&&C.current?(t=j.current,r=_.current.videoHeight,C.current.width=n=_.current.videoWidth,C.current.height=r,(o=C.current.getContext("2d"))&&4===_.current.readyState?t!==j.current?[2]:(o.drawImage(_.current,0,0,n,r),[4,makeDocumentDetectorPrediction(C.current)]):[3,3]):[2];case 1:return(i=d.sent())?((c=processDocumentDetectorPrediction(i,x,w)).frameId=e,setLastDetectionAt((new Date).getTime()),debug(c),c.allZero&&T((function(e){return e+1})),t!==j.current||a<l?[2]:[4,null===(s=y.current)||void 0===s?void 0:s.call(y,c)]):[3,3];case 2:d.sent(),d.label=3;case 3:return[2]}}))}))}),[b,l,w,x,B,h,_]),{throttleMs:i,autoStart:n}),U=P.start,V=P.stop;React.useEffect((function(){I>=2&&A(new Error("model is returning all zeroes"))}),[A,I]);var G=React.useCallback((function(e){y.current=e}),[]),W=React.useCallback((function(){j.current+=1,L((function(e){return e+1}))}),[]),q=React.useMemo((function(){return{startDocumentDetection:U,stopDocumentDetection:V,documentDetectionModelReady:B,documentDetectionModelError:$,documentDetectionModelDownloadProgress:N,onDocumentDetected:G,detectionTime:lastDetectionTime,documentDetectionThresholds:x,setDocumentDetectionThresholds:D,documentDetectionBoundaries:w,setDocumentDetectionBoundaries:S,documentDetectionLastPredictionCanvas:C,clearDocumentDetectionLastPredictionCanvas:W}}),[U,V,B,$,N,G,x,w,W]);return React__namespace.createElement(DocumentDetectionModelContext.Provider,{value:q},React__namespace.createElement(InvisibleCanvas,{key:M,ref:C}),r)}var isMobileCache,FocusModelContext=React.createContext({focusModelReady:!1,focusModelDownloadProgress:0,focusModelError:null,focusThresholds:{},setFocusThresholds:function(){return null},makeFocusPrediction:function(){return null},focusPredictionTime:0});function FocusModelProvider(e){var t=e.children,a=e.focusModelPath,n=void 0===a?defaultFocusModelPath:a,r=e.focusModelLoadTimeoutMs,o=void 0===r?defaultFocusModelLoadTimeoutMs:r,i=e.onFocusModelError,c=e.showCanvases,l=void 0!==c&&c,s=React.useRef(null),d=React.useRef(null),u=React.useState({}),m=u[0],p=u[1],f=useLoadFocusModel({modelPath:n,modelLoadTimeoutMs:o,onModelError:i,videoRef:useCameraStore().videoRef}),g=f.ready,v=f.modelDownloadProgress,_=f.modelError,h=React.useCallback((function(e,t){if(!g)return null;var a=makeFocusModelPrediction(e,s.current,d.current,t);return a?(setLastFocusPredictionAt(a.predictionTime),a):null}),[g]),b=React.useMemo((function(){return{focusModelReady:g,focusModelDownloadProgress:v,focusModelError:_,makeFocusPrediction:h,focusPredictionTime:lastFocusPredictionTime,focusThresholds:m,setFocusThresholds:p}}),[m,h,v,_,g]);return React__namespace.default.createElement(FocusModelContext.Provider,{value:b},React__namespace.default.createElement(InvisibleCanvas,{ref:d,style:l?{display:"block"}:void 0}),React__namespace.default.createElement(InvisibleCanvas,{ref:s,style:l?{display:"block"}:void 0}),t)}function _isNavigatorDefined(){return"undefined"!=typeof navigator&&null!=navigator}function isMobile(){return void 0!==isMobileCache?isMobileCache:isMobileCache=evaluateIsMobile()}function evaluateIsMobile(e){if(e||_isNavigatorDefined()){if(e||(e=navigator),"ReactNative"===e.product)return!0;var t=e.userAgent||e.vendor||("undefined"!=typeof window?window.opera:"");if(!t){return e.userAgentData&&e.userAgentData.mobile}return/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4))}return!1}var onMobile=isMobile(),defaultIdCaptureThresholds={detection:defaultDocumentDetectionThresholds,focus:defaultFocusThresholds},IdCaptureModelsContext=React.createContext({ready:!1,start:function(){return null},stop:function(){return null},modelDownloadProgress:0,modelError:null,thresholds:defaultIdCaptureThresholds,setThresholds:function(){return null},documentDetectionBoundaries:defaultDocumentDetectionBoundaries,setDocumentDetectionBoundaries:function(){return null},onPredictionMade:function(){return null},detectionTime:0,focusPredictionTime:0,bestFrameDetails:{current:null},getBestFrame:function(){return null},resetBestFrame:function(){return null},requiredDocumentType:"none",setRequiredDocumentType:function(){return null}});function IdCaptureModelsProviderInner(e){var t=e.children,a=e.onModelError,n=React.useContext(DocumentDetectionModelContext),r=n.documentDetectionModelReady,o=n.documentDetectionModelDownloadProgress,i=n.startDocumentDetection,c=n.stopDocumentDetection,l=n.documentDetectionLastPredictionCanvas,s=n.clearDocumentDetectionLastPredictionCanvas,d=n.onDocumentDetected,u=n.detectionTime,m=n.documentDetectionThresholds,p=n.setDocumentDetectionThresholds,f=n.documentDetectionBoundaries,g=n.setDocumentDetectionBoundaries,v=n.documentDetectionModelError,_=React.useContext(FocusModelContext),h=_.focusModelReady,b=_.focusModelDownloadProgress,C=_.makeFocusPrediction,y=_.focusThresholds,R=_.setFocusThresholds,x=_.focusPredictionTime,D=_.focusModelError,E=React.useRef(),w=React.useRef(null),S=React.useRef(null),k=React.useRef(0),I=React.useRef(0),T=React.useState("none"),O=T[0],M=T[1],L=React.useMemo((function(){return _assign(_assign({},m),{focus:y})}),[m,y]),j=React.useCallback((function(e){e.detection&&p(e.detection),e.focus&&R(e.focus)}),[p,R]);React.useEffect((function(){var e=this;d((function(t){return __awaiter(e,void 0,void 0,(function(){var e,a,n,r,o,i,c,s,d,u,m,p,f;return __generator(this,(function(g){return l.current?(e=I.current,a=0,n=0,r=!1,("none"===O||t.detectedDocumentType===O||(null===(s=O.includes)||void 0===s?void 0:s.call(O,t.detectedDocumentType)))&&"none"!==t.detectedDocumentType&&t.detectionThresholdMet&&t.documentInBounds&&!t.documentTooClose&&t.documentIsStable&&((o=C(l.current,null===(d=t.bestDocument)||void 0===d?void 0:d.box))&&(n=o.score,a=o.predictionTime),i=null===(u=L.focus)||void 0===u?void 0:u[t.detectedDocumentType],c=null!==(m=onMobile?null==i?void 0:i.mobile:null==i?void 0:i.desktop)&&void 0!==m?m:0,r=n>=c,k.current<=n&&e===I.current&&(k.current=n,drawToCanvas(S.current,l.current),w.current={boundingBox:null===(p=t.bestDocument)||void 0===p?void 0:p.box,documentType:t.detectedDocumentType,detectionScore:t.detectionScore,focusScore:n})),null===(f=E.current)||void 0===f||f.call(E,_assign(_assign({},t),{focusScore:n,focusPredictionTime:a,focusThresholdMet:r})),[2]):[2]}))}))}))}),[l,C,d,O,L.focus]);var F=null!=v?v:D;React.useEffect((function(){F&&(null==a||a(F))}),[F,a]);var B=React.useCallback((function(e){E.current=e}),[]),N=React.useCallback((function(){return w.current&&S.current?_assign(_assign({},w.current),{canvas:S.current}):null}),[]),$=React.useState(0),A=$[0],P=$[1],U=React.useCallback((function(){I.current+=1,P((function(e){return e+1})),s(),w.current=null,k.current=0}),[s]);React.useEffect((function(){O&&U()}),[O,U]);var V=React.useMemo((function(){return{ready:r&&h,modelDownloadProgress:(o+b)/2,modelError:F,start:i,stop:c,thresholds:L,setThresholds:j,documentDetectionBoundaries:f,setDocumentDetectionBoundaries:g,onPredictionMade:B,detectionTime:u,focusPredictionTime:x,getBestFrame:N,resetBestFrame:U,bestFrameDetails:w,requiredDocumentType:O,setRequiredDocumentType:M}}),[u,f,o,r,b,h,x,N,F,B,O,U,g,j,i,c,L]);return React__namespace.default.createElement(IdCaptureModelsContext.Provider,{value:V},React__namespace.default.createElement(InvisibleCanvas,{key:A,ref:S}),t)}function IdCaptureModelsProvider(e){var t=e.children,a=__rest(e,["children"]);return React__namespace.default.createElement(DocumentDetectionModelProvider,_assign({},a),React__namespace.default.createElement(FocusModelProvider,_assign({},a),React__namespace.default.createElement(IdCaptureModelsProviderInner,_assign({},a),t)))}var CapturedDocumentTypeValues=["idCardFront","idCardBack","passport","selfie"],requiredDocumentsForOption={idCardFront:["idCardFront"],idCardBack:["idCardBack"],passport:["passport"],idCard:["idCardFront","idCardBack"],idCardAndPassport:["idCardFront","idCardBack","passport"],idCardOrPassport:["idCardFront","idCardBack","passport"]};function requiredImageCountForOption(e){return"idCardOrPassport"===e?1:requiredDocumentsForOption[e].length}function allowedImageCountForOption(e){return"idCardOrPassport"===e?2:requiredImageCountForOption(e)}var initialState$4={initialDrawComplete:!1,redrawing:!1,guideRectX:0,guideRectY:0,guideRectWidth:0,guideRectHeight:0,guideRectOffsetTop:0,guideImageWidth:0,guideImageHeight:0,pageWidth:0,pageHeight:0,videoWidth:0,videoHeight:0,detectedObjects:[],bestDocument:void 0,detectedDocumentType:"none",detectionThresholdMet:!1,documentInBounds:!1,documentTooClose:!1,documentIsStable:!1,flipRequired:!1,backDetectedFirst:!1,idCardDetectedButNotAllowed:!1,passportDetectedButNotAllowed:!1,enableOverrideWrongDocumentTypeDialog:!1,allowOverrideWrongDocumentTypeAfterMs:8e3,allowOverrideWrongDocumentTypeGuidance:!1,overrideWrongDocumentTypeGuidance:!1,wrongDocumentTypePredictions:0,idCardFrontDetectionScore:0,idCardFrontDetectionThresholdMet:!1,idCardBackDetectionScore:0,idCardBackDetectionThresholdMet:!1,passportDetectionScore:0,passportDetectionThresholdMet:!1,focusScore:0,focusThresholdMet:!1,isGoodFrame:!1,goodFramesCount:0,goodFramesThreshold:3,goodFramesThresholdMet:!1,lastFrameCapturedAt:null,frameCaptureRate:0,capturing:!1,captureFailed:!1,imageUrl:null,captureState:"capturing",capturedDocuments:{},captureRequirement:"idCardOrPassport",requestedDocumentType:"idCardFront",allowIdCardBackToFrontCapture:!1,operationStartedAt:null,captureStartedAt:null},IdCaptureStateContext=React.createContext(initialState$4),IdCaptureDispatchContext=React.createContext((function(){})),_reducer=function(e,t){var a,n;switch(t.type){case"configureWizard":var r=t.payload,o=r.captureRequirement,i=r.precapturedDocuments,c=r.allowIdCardBackToFrontCapture,l=r.enableOverrideWrongDocumentTypeDialog,s=r.allowOverrideWrongDocumentTypeAfterMs,d=_assign(_assign({},e),{captureRequirement:o,allowIdCardBackToFrontCapture:null!=c&&c,enableOverrideWrongDocumentTypeDialog:l,allowOverrideWrongDocumentTypeAfterMs:s});if("idCardBack"===o&&(d.requestedDocumentType="idCardBack"),"passport"===o&&(d.requestedDocumentType="passport"),i)for(var u=0,m=CapturedDocumentTypeValues;u<m.length;u++){var p=m[u],f=i[p];f&&(d.requestedDocumentType=p,d=_reducer(d,{type:"documentCaptured",payload:f}))}return d.operationStartedAt=new Date,d;case"setRequiredDocumentType":return _assign(_assign({},e),{requiredDocumentType:t.payload});case"redrawRequested":return _assign(_assign({},e),{redrawing:!0,guideRectX:0,guideRectY:0,guideRectWidth:0,guideRectHeight:0,guideRectOffsetTop:0});case"redrawInProgress":return _assign(_assign({},e),{redrawing:!1,guideRectX:0,guideRectY:0,guideRectWidth:0,guideRectHeight:0,guideRectOffsetTop:0});case"redrawCompleted":return _assign(_assign(_assign({},e),t.payload),{initialDrawComplete:!0});case"pageRendered":return _assign(_assign({},e),t.payload);case"guideImageLoaded":return _assign(_assign({},e),{guideImageWidth:t.payload.width,guideImageHeight:t.payload.height});case"objectsDetected":var g=t.payload.prediction,v=g.detectedObjects,_=g.detectionThresholdMet,h=g.detectedDocumentType,b=g.idCardFrontDetectionScore,C=g.idCardFrontDetectionThresholdMet,y=g.idCardBackDetectionScore,R=g.idCardBackDetectionThresholdMet,x=g.passportDetectionScore,D=g.passportDetectionThresholdMet,E=g.bestDocument,w=g.documentInBounds,S=g.documentTooClose,k=g.documentIsStable,I=g.focusScore,T=g.focusThresholdMet,O=g.frameWidth,M=g.frameHeight,L=new Date,j=0,F=e.goodFramesThreshold;if(e.lastFrameCapturedAt){var B=L.getTime()-e.lastFrameCapturedAt.getTime();B>0&&(j=1e3/B)>0&&(F=Math.ceil(3*j))}var N=h.includes("idCard")&&!e.captureRequirement.includes("idCard"),$=!e.captureRequirement.toLowerCase().includes("passport"),A="idCardFront"in e.capturedDocuments,P="idCardBack"in e.capturedDocuments,U="passport"===h&&($||(A&&!P||!A&&P)),V=!e.overrideWrongDocumentTypeGuidance&&(e.allowIdCardBackToFrontCapture?A&&"idCardFront"===h:"idCardBack"===e.requestedDocumentType&&"idCardFront"===h),G=!e.overrideWrongDocumentTypeGuidance&&(e.allowIdCardBackToFrontCapture?P&&"idCardBack"===h:"idCardFront"===e.requestedDocumentType&&"idCardBack"===h),W=e.wrongDocumentTypePredictions;"capturing"===e.captureState&&(V||G)&&(W+=1);var q=_&&w&&!S&&!V&&!G&&T&&!N&&!U&&k,z=e.goodFramesCount;q&&(z+=1);var H=z>=F,Y=e.requestedDocumentType;e.captureRequirement.includes("idCard")&&e.allowIdCardBackToFrontCapture&&("idCardFront"!==h||"idCardFront"===e.requestedDocumentType||A?"idCardBack"!==h||"idCardBack"===e.requestedDocumentType||P||(Y="idCardBack"):Y="idCardFront"),"idCardOrPassport"===e.captureRequirement&&("passport"===h&&"passport"!==e.requestedDocumentType&&(Y="passport"),"passport"===Y&&x<.3&&(Y=A?"idCardBack":"idCardFront"));var K=!!e.captureStartedAt&&(new Date).getTime()-e.captureStartedAt.getTime()>1e3,Z=Math.ceil(e.allowOverrideWrongDocumentTypeAfterMs/1e3*j),X=e.enableOverrideWrongDocumentTypeDialog&&K&&!e.overrideWrongDocumentTypeGuidance&&Z>0&&(e.allowOverrideWrongDocumentTypeGuidance||W>=Z);return _assign(_assign({},e),{videoWidth:O,videoHeight:M,detectedObjects:v,bestDocument:E,requestedDocumentType:Y,detectedDocumentType:h,detectionThresholdMet:_,documentInBounds:w,documentTooClose:S,documentIsStable:k,flipRequired:V,backDetectedFirst:G,idCardDetectedButNotAllowed:N,passportDetectedButNotAllowed:U,allowOverrideWrongDocumentTypeGuidance:X,wrongDocumentTypePredictions:W,idCardFrontDetectionScore:b,idCardFrontDetectionThresholdMet:C,idCardBackDetectionScore:y,idCardBackDetectionThresholdMet:R,passportDetectionScore:x,passportDetectionThresholdMet:D,focusScore:I,focusThresholdMet:T,isGoodFrame:q,goodFramesCount:z,goodFramesThreshold:F,goodFramesThresholdMet:H,lastFrameCapturedAt:L,frameCaptureRate:j});case"captureStarted":return _assign(_assign({},e),{captureStartedAt:new Date,capturing:!1,captureFailed:!1});case"capturing":return _assign(_assign({},e),{capturing:!0,captureFailed:!1});case"captured":return _assign(_assign({},e),{capturing:!1,captureFailed:!1});case"frameCaptured":return _assign(_assign({},e),{imageUrl:t.payload.imageUrl});case"captureFailed":return _assign(_assign({},e),{capturing:!1,captureFailed:!0});case"documentCaptured":var J=_assign(_assign({},e),{capturing:!1,captureFailed:!1,allowOverrideFlipRequirement:!1,overrideFlipRequirement:!1,goodFramesCount:0,wrongDocumentTypePredictions:0,capturedDocuments:_assign(_assign({},e.capturedDocuments),(a={},a[t.payload.documentType]=t.payload,a))}),Q=requiredDocumentsForOption[e.captureRequirement].filter((function(e){return!(e in J.capturedDocuments)}));return"idCardOrPassport"===e.captureRequirement&&(Q="passport"===e.requestedDocumentType?[]:Q.filter((function(e){return"passport"!==e}))),0===Q.length?J.captureState="complete":(J.requestedDocumentType=Q[0],("idCardFront"===e.requestedDocumentType&&"idCardBack"===J.requestedDocumentType||"idCardBack"===e.requestedDocumentType&&"idCardFront"===J.requestedDocumentType)&&(J.captureState="requestingFlip",J.idCardFrontDetectionThresholdMet=!1,J.idCardBackDetectionThresholdMet=!1,J.passportDetectionThresholdMet=!1,J.wrongDocumentTypePredictions=0)),J;case"documentCapturedManually":var ee=_assign(_assign({},e),{capturedDocuments:_assign(_assign({},e.capturedDocuments),(n={},n[e.requestedDocumentType]=_assign(_assign({},t.payload),{width:0,height:0}),n))});Q=requiredDocumentsForOption[e.captureRequirement].filter((function(e){return!(e in ee.capturedDocuments)}));return"idCardOrPassport"===e.captureRequirement&&(Q="passport"===e.requestedDocumentType?[]:Q.filter((function(e){return"passport"!==e}))),0===Q.length?ee.captureState="complete":(ee.requestedDocumentType=Q[0],("idCardFront"===e.requestedDocumentType&&"idCardBack"===ee.requestedDocumentType||"idCardBack"===e.requestedDocumentType&&"idCardFront"===ee.requestedDocumentType)&&(ee.captureState="requestingFlip",ee.idCardFrontDetectionThresholdMet=!1,ee.idCardBackDetectionThresholdMet=!1,ee.passportDetectionThresholdMet=!1)),ee;case"flipRequestCompleted":return _assign(_assign({},e),{captureState:"capturing",allowOverrideWrongDocumentTypeGuidance:!1,overrideWrongDocumentTypeGuidance:!1,wrongDocumentTypePredictions:0});case"allowOverrideFlipRequirement":return _assign(_assign({},e),{allowOverrideWrongDocumentTypeGuidance:!0});case"overrideFlipRequirement":return _assign(_assign({},e),{allowOverrideWrongDocumentTypeGuidance:!1,overrideWrongDocumentTypeGuidance:!0});case"resetWizard":return _assign(_assign({},initialState$4),{captureRequirement:e.captureRequirement,allowIdCardBackToFrontCapture:e.allowIdCardBackToFrontCapture});default:return e}},IdCaptureStateProvider=function(e){var t=e.children,a=React.useReducer(_reducer,initialState$4),n=a[0],r=a[1],o=useDebounce.useDebouncedCallback((function(){r({type:"redrawRequested"})}),500);React.useLayoutEffect((function(){if("undefined"!=typeof window)return window.addEventListener("resize",o),function(){window.removeEventListener("resize",o)}}),[o]);var i=React.useContext(IdCaptureModelsContext).setRequiredDocumentType;return React.useEffect((function(){n.overrideWrongDocumentTypeGuidance&&i("none")}),[n.overrideWrongDocumentTypeGuidance,i]),React__namespace.default.createElement(IdCaptureStateContext.Provider,{value:n},React__namespace.default.createElement(IdCaptureDispatchContext.Provider,{value:r},t))},useIdCaptureState=function(){var e=React.useContext(IdCaptureStateContext),t=React.useContext(IdCaptureDispatchContext);if(!e||!t)throw new Error("useIdCaptureState cannot be used without IdCaptureStateProvider");return[e,t]};function DebugStatsPane(e){var t=React__namespace.default.createElement(DebugStatsPaneDiv,null,e.children),a=document.getElementById("idmission-above-guides-content");return a?reactDom.createPortal(t,a):t}var DebugStatsPaneDiv=styled__default.default.span(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"],["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"]))),ObjectDetectionDebugOverlayDiv=styled__default.default.div(templateObject_2$y||(templateObject_2$y=__makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ","\n transform-style: preserve-3d;\n"],["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ","\n transform-style: preserve-3d;\n"])),(function(e){return e.$flipX?"transform: scaleX(-1);":""})),ObjectDetectionDebugBox=styled__default.default.div(templateObject_3$p||(templateObject_3$p=__makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ",";\n color: ",";\n ","\n transform-style: preserve-3d;\n"],["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ",";\n color: ",";\n ","\n transform-style: preserve-3d;\n"])),(function(e){var t=e.$color;return null!=t?t:"green"}),(function(e){var t=e.$color;return null!=t?t:"green"}),(function(e){return e.$flipX?"transform: scaleX(-1);":""})),FaceDetectionKeypointMarker=styled__default.default.div(templateObject_4$j||(templateObject_4$j=__makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ",";\n font: 10px monospace;\n color: ",";\n border-radius: 50%;\n ","\n transform-style: preserve-3d;\n"],["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ",";\n font: 10px monospace;\n color: ",";\n border-radius: 50%;\n ","\n transform-style: preserve-3d;\n"])),(function(e){var t=e.$color;return null!=t?t:"red"}),(function(e){var t=e.$color;return null!=t?t:"red"}),(function(e){return e.$flipX?"transform: scaleX(-1);":""}));function useDebugScalingDetails(e){var t=e.enabled,a=void 0===t||t,n=e.pageWidth,r=e.pageHeight,o=e.videoWidth,i=e.videoHeight;return React.useMemo((function(){var e=!1,t=0,c=0,l=0,s=0;return a&&((e=n/r<o/i)?l=((t=o*(r/i))-n)/2:s=((c=i*(n/o))-r)/2),{horizontal:e,pageWidth:n,pageHeight:r,videoWidth:o,videoHeight:i,scaledWidth:t,scaledHeight:c,xOffset:l,yOffset:s}}),[a,r,n,i,o])}var templateObject_1$F,templateObject_2$y,templateObject_3$p,templateObject_4$j,DebugBoundingBoxOverlay=function(e){var t=e.scaling,a=e.$flipX,n=e.children,r=useIdCaptureState()[0];return React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv,{id:"debug-overlay-div",$flipX:a,style:{top:r.guideRectY,left:r.guideRectX,width:r.guideRectWidth||(null==t?void 0:t.pageWidth),height:r.guideRectHeight||(null==t?void 0:t.pageHeight)}},n)};function IdCaptureDetectedObjectDebugBox(e){var t,a,n,r,o=e.obj,i=e.color,c=e.scaling,l=c.pageWidth,s=c.pageHeight,d=c.videoWidth,u=c.videoHeight,m=c.scaledWidth,p=c.scaledHeight;return d&&u&&l&&s?(c.horizontal?(t=o.box.yMin/u*s,a=o.box.xMin/d*m-c.xOffset,n=o.box.width/d*m,r=o.box.height/u*s):(t=o.box.yMin/u*p-c.yOffset,a=o.box.xMin/d*l,n=o.box.width/d*l,r=o.box.height/u*p),React__namespace.default.createElement(ObjectDetectionDebugBox,{$flipX:e.flipX,$color:void 0===i?"green":i,style:{top:t,left:a,width:n,height:r}})):React__namespace.default.createElement(React__namespace.default.Fragment,null)}function SelfieCaptureFaceDebugBox(e){var t,a,n,r,o=e.face,i=e.flipX,c=e.color,l=e.scaling,s=l.pageWidth,d=l.pageHeight,u=l.videoWidth,m=l.videoHeight,p=l.scaledWidth,f=l.scaledHeight;return u&&m&&s&&d?(l.horizontal?(t=o.box.yMin/m*d,a=o.box.xMin/u*p-l.xOffset,n=o.box.width/u*p,r=o.box.height/m*d):(t=o.box.yMin/m*f-l.yOffset,a=o.box.xMin/u*s,n=o.box.width/u*s,r=o.box.height/m*f),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(ObjectDetectionDebugBox,{$flipX:i,$color:void 0===c?"green":c,style:{top:t,left:a,width:n,height:r}}),o.keypoints.map((function(e,t){return React__namespace.default.createElement(SelfieCaptureFaceKeypoint,{key:t,point:e,scaling:l,flipX:i})})))):React__namespace.default.createElement(React__namespace.default.Fragment,null)}function SelfieCaptureFaceKeypoint(e){var t,a,n=e.point,r=e.color,o=e.scaling,i=o.videoWidth,c=o.videoHeight;return o.horizontal?(t=n.x/i*o.scaledWidth-o.xOffset,a=n.y/c*o.pageHeight):(t=n.x/i*o.pageWidth,a=n.y/c*o.scaledHeight-o.yOffset),React__namespace.default.createElement(FaceDetectionKeypointMarker,{$flipX:e.flipX,$color:void 0===r?"red":r,style:{top:a-=2,left:t-=2}})}var enTranslation={},esTranslation={"Use your device camera to capture your ID":"Para capturar la identificación hay que utilizar la cámara del dispositivo.","Use your iPhone as a webcam":"Usar el iPhone como cámara web","Models warming up...":"Cargando modelos...","Camera initializing...":"Inicializando la cámara...","Camera access blocked":"Acceso bloqueado a la cámara","Location access blocked":"Acceso bloqueado a la localización",Continue:"Continuar","Processing...":"Procesando...","Your camera permission is disabled":"El permiso de la cámara está desactivado","This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.":"Esta aplicación requiere el acceso a la cámara para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la cámara en el explorador actual.","Your microphone permission is disabled":"El permiso de la micrófono está desactivado","This application requires access to your microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for microphone permissions, you must go to settings and provide microphone access to the current browser.":"Esta aplicación requiere tener acceso al micrófono para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso al micrófono en el explorador actual.","Your location permission is disabled":"El permiso de la localización está desactivado","This application requires access to your location to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for location permissions, you must go to settings and provide location access to the current browser.":"Esta aplicación requiere el acceso a la localización para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la localización en el explorador actual.",Retry:"Reintentar","Scan the front of ID":"Escanear el frente de la ID","Scan the back of ID":"Escanear el reverso de la ID","Scan the ID page of passport":"Escanear la página de datos del pasaporte","ID Card Front":"Frente de la ID","ID Card Back":"Reverso de la ID",Passport:"Pasaporte","Document not detected":"No se ha detectado el documento","Document is not centered":"Documento no centrado","Document too close, please back up":"Documento muy cerca, favor de alejarse","Please hold your ID document steady":"Por favor, hay que mantener firme su identificación","Document out of focus – try improving the lighting":"Documento no enfocado - hay que tratar de mejorar la iluminación","ID card front detected - please flip your ID card":"Anverso de ID detectado, por favor voltea tu identificación","ID card back detected - please flip your ID card":"Reverso de ID detectado, por favor voltea tu identificación","ID card detected, please scan a passport instead":"Se ha detectado una credencial, por favor hay que escanear un pasaporte","Passport detected, please scan an ID card instead":"Se ha detectado un pasaporte, por favor hay que escanear una credencial","Document detected, hold still...":"Se ha detectado el documento, no moverse por favor...","ID card front detected, hold still...":"Anverso de ID detectado, no mover...","ID card back detected, hold still...":"Reverso de ID detectado, no mover...","Passport detected, hold still...":"Pasaporte detectado, no mover...","Capturing...":"Capturando...","Capture failed!":"Falló la captura","Please flip your ID card...":"Por favor voltea la identificación...","ID card front captured.":"Se ha capturado el frente de la identificación.","ID card back captured.":"Se ha capturado el reverso de la identificación.","ID Capture Successful":"Captura Exitosa de ID","Verify the entire ID was captured clearly with no glare.":"Hay que verificar que toda la ID se vea completa y sin reflejos.",Submit:"Enviar","Submitting...":"Enviando...","Use your device camera to capture your face":"Hay que utilizar la cámara del dispositivo para capturar el rostro","Remove Sunglasses & Hat":"Hay que quitarse lentes y/o la gorra","Avoid Excessive Backlighting":"Hay que evitar demasiada luz en el fondo","Hold still for a few seconds...":"Hay que permanecer quieto por unos segundos...","Please hold still...":"Favor de no moverse...","Look straight into the camera...":"Hay que mirar directamente a la cámara...","Move back...":"Hay que hacerse hacia atrás..","Move forward...":"Hay que hacerse hacia adelante...","Move to the center...":"Hay que moverse hacia el centro...","Please remove your eye coverings (sunglasses, eye patch, etc.)...":"Hay que quitarse lo que cubre los ojos (lentes, parche, etc.)...","Please remove your head coverings (hat, scarf, etc.)...":"Hay que quitarse lo que cubre la cabeza (gorra, mascada, etc.)...","Please remove your mask...":"Hay que quitarse el cubrebocas...","Live face not detected, please try again":"Rostro vivo no detectado. Por favor hay que intentar de nuevo.",Exit:"Salir","Face liveness has been verified!":"Se ha verificado la Prueba de Vida en rostro!",Done:"Terminar","Could not verify your face.":"No se pudo verificar tu rostro.","An error occurred while verifying your face.":"Se ha producido un error al verificar tu rostro.","Customer has been identified!":"¡Se ha identificado al cliente!","Customer not found":"Cliente no encontrado","Additional document capture":"Captura de otro documento",Next:"Siguiente","Please sign the box below":"Por favor, hay que firmar en el recuadro de abajo",Accept:"Aceptar",Clear:"Borrar","Video signature has been successfully captured!":"La video firma ha sido exitosa.","Network unreachable":"No hay conexión a internet.","We're having trouble reaching our services, please check your connection and try again.":"Estamos teniendo problemas para alcanzar nuestros servicios, por favor verificar la conexión a internet e intentar de nuevo.","We're sorry, an unexpected error has occurred.":"Lo sentimos, se ha producido un error inesperado.","Document Capture":"Captura de documento",Capture:"Capturar","Retry capture":"Reintentar la captura",Upload:"Enviar","Uploading...":"Procesando...","Upload succeeded!":"Proceso completo!","Performing facial recognition, please hold still...":"Realizando el reconocimiento facial, por favor no te muevas","Display the front of your ID card...":"Hay que mostrar el frente de la identificación...","Display the back of your ID card...":"Hay que mostrar el reverso de la identificación...","Please move your face to the center...":"Por favor, hay que mover la cabeza hacia el centro...","Searching for ID card...":"Localizando la identificación...","Please read the following text aloud":"Hay que leer el siguiente texto en voz alta","Video ID has been successfully captured!":"Video ID capturado exitosamente!","ID Front Image":"Frente de ID","ID Back Image":"Reverso de ID","We're having some trouble.":"Se ha presentado un problema.","On-device capture guidance failed, please capture a selfie manually.":"La captura automática para toma de selfie falló. Por favor, hay que tomarse la selfie manualmente.","Verifying...":"Verificando....","Please capture the front of your ID card.":"Hay que capturar el frente de la identificación.","Please capture the back of your ID card.":"Hay que capturar el reverso de la identificación.","Please capture the front of your ID card, or the ID page of your passport.":"Hay que capturar el frente de la identificación o la página de datos del pasaporte.","Please capture the back of your ID card, or click Done if submitting a passport.":"Hay que capturar el reverso de la identificación o hay que presionar el botón de Terminar si se trata de un pasaporte.","Please capture the ID page of your passport.":"Hay que capturar la página de datos del pasaporte.","On-device capture guidance failed, please capture a photo of your ID card manually.":"La captura automática falló. Por favor hay que tomar una foto de la identificación manualmente.","On-device capture guidance failed, please capture a photo of your passport manually.":"La captura automática falló. Por favor hay que tomar una foto de la pasaporte manualmente.","On-device capture guidance failed, please capture photos of your ID card and passport manually.":"La captura automática falló. Por favor hay que tomar una foto de la identificación y del pasaporte manualmente.","On-device capture guidance failed, please capture photos of your ID card or passport manually.":"La captura automática falló. Por favor hay que tomar una foto de la identificación o del pasaporte manualmente.","Capture ID page of passport":"Captura pasaporte (página de la foto)","Capture back of ID card":"Captura del reverso","Downloading...":"Descargando...","Accessing camera...":"Accediendo a la cámara","Camera ready":"Cámara está lista","Loading guided capture experience...":"Cargando la experiencia guiada para la captura....","Guided capture experience ready":"La experiencia guiada está lista","Let's Go!":"Vamos!","We are having trouble identifying the correct side of your id, do you want to continue with capture anyway?":"Estamos teniendo problemas para identificar el lado correcto de tu identificación, quieres continuar con la captura?",OK:"Sí"},resources={en:{translation:enTranslation},es:{translation:esTranslation}};function initializeI18n(){i18n__default.default.use(LanguageDetector__default.default).use(reactI18next.initReactI18next).init({resources:resources,detection:{caches:[]},fallbackLng:"en",debug:!1,interpolation:{escapeValue:!1}})}var useLanguage=function(e){var t=reactI18next.useTranslation().i18n;React.useEffect((function(){"auto"!==e?t.changeLanguage(e):t.changeLanguage()}),[t,e])};function evaluateVerbiage(e,t,a,n){if("string"==typeof a)return a;if("object"==typeof a){var r=a;if(r[t])return r[t];var o=t.split("-")[0];if(r[o])return r[o]}return e(n)}function useVerbiage(e,t){var a=reactI18next.useTranslation(),n=a.t,r=a.i18n;return React.useMemo((function(){return evaluateVerbiage(n,r.language,e,t)}),[t,r.language,n,e])}function useTranslations(e,t){var a=reactI18next.useTranslation(),n=a.t,r=a.i18n;return React.useMemo((function(){return _assign(_assign({},e),Object.keys(t).reduce((function(a,o){var i;return _assign(_assign({},a),((i={})[o]=evaluateVerbiage(n,r.language,null==e?void 0:e[o],t[o]),i))}),{}))}),[t,r.language,n,e])}var templateObject_1$E,templateObject_2$x,GuidanceMessageContainerDiv=styled__default.default.div(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n position: absolute;\n top: calc(",");\n ","\n font-weight: bold;\n width: 100%;\n display: flex;\n"],["\n position: absolute;\n top: calc(",");\n ","\n font-weight: bold;\n width: 100%;\n display: flex;\n"])),(function(e){var t=e.$top;return null!=t?t:"10vh"}),(function(e){var t=e.$bottom;return t?"bottom: ".concat(t,";"):""})),GuidanceMessageContainer=function(e){var t=React__namespace.default.createElement(GuidanceMessageContainerDiv,_assign({},e)),a=document.getElementById("idmission-above-guides-content");return a?reactDom.createPortal(t,a):t},GuidanceMessage=styled__default.default.div(templateObject_2$x||(templateObject_2$x=__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ",";\n color: ",";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"],["\n margin-left: auto;\n margin-right: auto;\n background: ",";\n color: ",";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])),(function(e){var t,a,n,r,o,i;return null!==(i=null!==(t=e.$background)&&void 0!==t?t:null===(o=null===(n=null===(a=e.theme)||void 0===a?void 0:a.guidanceMessages)||void 0===n?void 0:n[null!==(r=e.$variant)&&void 0!==r?r:"default"])||void 0===o?void 0:o.backgroundColor)&&void 0!==i?i:"#ccc"}),(function(e){var t,a,n,r,o,i;return null!==(i=null!==(t=e.$textColor)&&void 0!==t?t:null===(o=null===(n=null===(a=e.theme)||void 0===a?void 0:a.guidanceMessages)||void 0===n?void 0:n[null!==(r=e.$variant)&&void 0!==r?r:"default"])||void 0===o?void 0:o.textColor)&&void 0!==i?i:"black"}));function OverrideWrongDocumentTypeGuidanceDialog(e){var t=e.classNames,a=void 0===t?{}:t,n=e.verbiage,r=void 0===n?{}:n,o=useIdCaptureState(),i=o[0],c=o[1],l=useTranslations(r,{messageText:"We are having trouble identifying the correct side of your id, do you want to continue with capture anyway?",buttonText:"OK"});return i.allowOverrideWrongDocumentTypeGuidance?React__namespace.default.createElement(Container$2,{className:a.container},React__namespace.default.createElement(InnerContainer,{className:a.inner},React__namespace.default.createElement(Message,{className:a.message},l.messageText),React__namespace.default.createElement(ButtonContainer,{className:a.buttonContainer},React__namespace.default.createElement(Button,{variant:"positive",className:a.button,onClick:function(){return c({type:"overrideFlipRequirement"})}},l.buttonText)))):null}var templateObject_1$D,templateObject_2$w,templateObject_3$o,templateObject_4$i,templateObject_5$b,templateObject_1$C,templateObject_2$v,templateObject_3$n,templateObject_4$h,templateObject_1$B,templateObject_1$A,Container$2=styled__default.default.div(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ",";\n color: ",";\n display: flex;\n z-index: 100001;\n"],["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ",";\n color: ",";\n display: flex;\n z-index: 100001;\n"])),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.idCapture)||void 0===t?void 0:t.overrideWrongDocumentTypeGuidance)||void 0===a?void 0:a.backgroundColor)&&void 0!==n?n:"#eed202"}),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.idCapture)||void 0===t?void 0:t.overrideWrongDocumentTypeGuidance)||void 0===a?void 0:a.textColor)&&void 0!==n?n:"black"})),InnerContainer=styled__default.default.div(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"],["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"]))),Message=styled__default.default.span(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"],["\n display: block;\n margin: auto 12px auto 0;\n"]))),ButtonContainer=styled__default.default.div(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"],["\n display: flex;\n margin-left: auto;\n"]))),Button=styled__default.default(LoaderButton)(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"],["\n white-space: nowrap;\n margin: auto;\n"]))),IdCapture=function(e){var t,a,n,r,o,i,c,l=e.requiredDocumentType,s=e.thresholds,d=void 0===s?defaultIdCaptureThresholds:s,u=e.guidanceMessage,m=e.guidanceSatisfied,p=e.onCapture,f=e.classNames,g=void 0===f?{}:f,v=e.colors,_=void 0===v?{}:v,h=e.verbiage,b=void 0===h?{}:h,C=e.debugMode,y=void 0!==C&&C,R=useResizeObserver__default.default(),x=R.ref,D=R.width,E=void 0===D?1:D,w=R.height,S=void 0===w?1:w,k=useIdCaptureState(),I=k[0],T=k[1],O=useCameraStore(),M=O.camera,L=O.isRearFacing,j=React.useContext(IdCaptureModelsContext),F=j.ready,B=j.setThresholds,N=j.detectionTime,$=j.focusPredictionTime,A=j.getBestFrame;React.useEffect((function(){B(d)}),[d,B]),React.useEffect((function(){l&&T({type:"setRequiredDocumentType",payload:l})}),[T,l]),React.useEffect((function(){T({type:"pageRendered",payload:{pageWidth:E,pageHeight:S}})}),[T,S,E]);var P=I.goodFramesThresholdMet&&!I.capturing&&timeSince(I.captureStartedAt)>=3e3;React.useEffect((function(){if(P){T({type:"capturing"});var e=A();if(!e)return log("uh oh, i did not get a photo"),void T({type:"captureFailed"});var t=e.canvas,a=e.documentType,n=e.boundingBox,r=e.detectionScore,o=e.focusScore,i=t.width,c=t.height,l=t.toDataURL("image/jpeg",.95);T({type:"frameCaptured",payload:{imageUrl:l}});var s="passport"===a?"passport":I.requestedDocumentType;setTimeout((function(){var e,t=(new Date).getTime()-(null!==(e=I.captureStartedAt)&&void 0!==e?e:new Date).getTime();null==p||p(l,i,c,s,{autoCapture:"Y",captureTime:t,boundingBox:n,bestDetectionScore:r,bestFocusScore:o}),T({type:"captured"})}),0)}}),[T,A,p,P,I.captureStartedAt,I.requestedDocumentType]);var U=styled.useTheme();_.guideBoxUnsatisfiedColor||(_.guideBoxUnsatisfiedColor=null!==(n=null===(a=null===(t=U.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.unsatisfiedColor)&&void 0!==n?n:"white"),_.guideBoxSatisfiedColor||(_.guideBoxSatisfiedColor=null!==(i=null===(o=null===(r=U.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.satisfiedColor)&&void 0!==i?i:"green");var V=useTranslations(b,{instructionText:"Scan the front of ID",processingIdCardText:"ID card front captured.",guidanceSatisfiedText:"".concat(documentTypeDisplayNames[I.detectedDocumentType]," detected, hold still..."),guidancePleaseFlipText:"ID card front detected - please flip your ID card",guidanceBackDetectedFirstText:"ID card back detected - please flip your ID card",guidanceTooBlurryText:"Document out of focus – try improving the lighting",guidanceNotCenteredText:"Document is not centered",guidanceTooCloseText:"Document too close, please back up",guidanceNotDetectedText:"Document not detected",guidanceIdCardNotAllowedText:"ID card detected, please scan a passport instead",guidancePassportNotAllowedText:"Passport detected, please scan an ID card instead",guidanceNotStableText:"Please hold your ID document steady"}),G=useDebugScalingDetails({enabled:y,pageWidth:I.guideRectWidth,pageHeight:I.guideRectHeight,videoWidth:I.videoWidth,videoHeight:I.videoHeight}),W=I.isGoodFrame;return"boolean"==typeof m&&(W=m),u||(u=W?V.guidanceSatisfiedText:I.detectionThresholdMet?I.backDetectedFirst?V.guidanceBackDetectedFirstText:I.flipRequired?V.guidancePleaseFlipText:I.idCardDetectedButNotAllowed?V.guidanceIdCardNotAllowedText:I.passportDetectedButNotAllowed?V.guidancePassportNotAllowedText:I.documentInBounds?I.documentTooClose?V.guidanceTooCloseText:I.documentIsStable?I.focusThresholdMet?"":V.guidanceTooBlurryText:V.guidanceNotStableText:V.guidanceNotCenteredText:V.guidanceNotDetectedText),React__namespace.default.createElement(PageContainer,{ref:x,className:"flex ".concat(null!==(c=g.container)&&void 0!==c?c:"")},""!==u&&React__namespace.default.createElement(GuidanceMessageContainer,{$top:"",$bottom:"12.5dvh",className:g.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{$variant:W?"positive":"default",className:g.guidanceMessage},u),React__namespace.default.createElement(OverrideWrongDocumentTypeGuidanceDialog,{classNames:g.overrideWrongDocumentTypeGuidanceDialog,verbiage:b.overrideWrongDocumentTypeGuidanceDialog})),y&&React__namespace.default.createElement(DebugBoundingBoxOverlay,{$flipX:!L,scaling:G},I.detectedObjects.map((function(e,t){return React__namespace.default.createElement(IdCaptureDetectedObjectDebugBox,{key:t,obj:e,scaling:G,flipX:!L})}))),y&&React__namespace.default.createElement(DebugStatsPane,null,M?React__namespace.default.createElement(React__namespace.default.Fragment,null,"✅ Camera: ",M.label," (",M.width,"x",M.height,")"):"❌ Camera not ready",React__namespace.default.createElement("br",null),I.frameCaptureRate>.75?"✅":"👎"," Frame Rate:"," ",Math.round(1e3*(I.frameCaptureRate+Number.EPSILON))/1e3," ","fps (",N,"ms doc detect, ",$,"ms focus)",React__namespace.default.createElement("br",null),F?React__namespace.default.createElement(React__namespace.default.Fragment,null,I.detectionThresholdMet?"✅":"❌"," Detected Document Type: ",I.detectedDocumentType,React__namespace.default.createElement("br",null),I.idCardFrontDetectionThresholdMet?"✅":"❌"," ID Card Front Score: ",I.idCardFrontDetectionScore.toFixed(3),React__namespace.default.createElement("br",null),I.idCardBackDetectionThresholdMet?"✅":"❌"," ID Card Back Score: ",I.idCardBackDetectionScore.toFixed(3),React__namespace.default.createElement("br",null),I.passportDetectionThresholdMet?"✅":"❌"," Passport Score: ",I.passportDetectionScore.toFixed(3),React__namespace.default.createElement("br",null),I.focusThresholdMet?"✅":"❌"," Focus Score:"," ",I.focusScore.toFixed(3),React__namespace.default.createElement("br",null),I.documentInBounds?"✅":"❌"," Document In Bounds",React__namespace.default.createElement("br",null),I.documentIsStable?"✅":"❌"," Document Is Stable",React__namespace.default.createElement("br",null),I.goodFramesThresholdMet?"✅":"❌"," Good Frame Count:"," ",I.goodFramesCount,"/",I.goodFramesThreshold):React__namespace.default.createElement(React__namespace.default.Fragment,null,"❌ Models not ready")))},timeSince=function(e){return e?Math.abs((new Date).getTime()-e.getTime()):0},CameraAccessDeniedOverlay=function(e){var t,a=e.assets,n=void 0===a?{}:a,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=useCameraStore((function(e){return e.requestCameraAccess}));n.imageUrl||(n.imageUrl=DEFAULT_CDN_URL+"/camera-disable-icon.png");var u=useTranslations(s,{headingText:"Your camera permission is disabled",descriptionText:"This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.",retryBtnText:"Retry"});return React__namespace.default.createElement(OverlayContainer,{className:"flex ".concat(null!==(t=o.container)&&void 0!==t?t:"")},React__namespace.default.createElement(StyledOverlayInner$3,{className:o.inner},React__namespace.default.createElement(StyledOverlayImageContainer$3,{className:o.imageContainer},React__namespace.default.createElement("img",{src:n.imageUrl,alt:"",className:o.image})),React__namespace.default.createElement("h3",{className:o.heading},u.headingText),React__namespace.default.createElement(Description$4,{className:o.description},u.descriptionText),React__namespace.default.createElement(RetryButton$1,{variant:"warning",onClick:d,colors:c.retryBtn,className:o.retryBtn,finished:!0},u.retryBtnText)))},StyledOverlayInner$3=styled__default.default(OverlayInner$2)(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"],["\n max-width: 500px;\n height: auto;\n margin: auto;\n"]))),StyledOverlayImageContainer$3=styled__default.default(OverlayImageContainer)(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n flex-grow: 0;\n"],["\n flex-grow: 0;\n"]))),Description$4=styled__default.default.p(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"],["\n line-height: 1.5;\n margin-bottom: 50px;\n"]))),RetryButton$1=styled__default.default(LoaderButton)(templateObject_4$h||(templateObject_4$h=__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"],["\n width: 200px;\n margin: 0 auto;\n"]))),ExitCaptureStyledButton=styled__default.default.button(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"],["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"]))),ExitCaptureButton=function(e){return React__namespace.default.createElement(ExitCaptureStyledButton,{onClick:e.onClick,className:e.className},React__namespace.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"19.3 19.3 25.499999999999996 25.499999999999996",enableBackground:"new 0 0 64 64",width:16,height:16},React__namespace.default.createElement("g",{id:"close-outline-bot_x5F_s1g1_x5F_s2g2_x5F_s3g1_x5F_s4g1"},React__namespace.default.createElement("line",{fill:"none",stroke:"#000000",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",x1:"19.75",y1:"44.25",x2:"44.25",y2:"19.75"})),React__namespace.default.createElement("g",{id:"close-outline-top_x5F_s1g1_x5F_s2g2_x5F_s3g1_x5F_s4g1"},React__namespace.default.createElement("line",{fill:"none",stroke:"#000000",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",x1:"44.25",y1:"44.25",x2:"19.75",y2:"19.75"}))))},ButtonsRow=styled__default.default.div(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"],["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));function IdCaptureLoadingGraphic(e){var t=window.innerHeight>window.innerWidth;return React__namespace.default.createElement(t?IdCaptureLoadingGraphicMobile:IdCaptureLoadingGraphicDesktop,_assign({},e))}function IdCaptureLoadingGraphicDesktop(e){var t,a,n,r,o,i,c=e.width,l=void 0===c?698:c,s=e.height,d=void 0===s?452:s,u=e.className,m=React.useState(0),p=m[0],f=m[1];React.useEffect((function(){var e=setInterval((function(){f((function(e){return(e+1)%7}))}),1e3);return function(){clearInterval(e)}}),[]);var g=styled.useTheme(),v=null!==(n=null===(a=null===(t=g.idCapture)||void 0===t?void 0:t.loadingOverlay)||void 0===a?void 0:a.loadingGraphicAccentColor)&&void 0!==n?n:"var(--idm-color-positive-600)",_=null!==(i=null===(o=null===(r=g.idCapture)||void 0===r?void 0:r.loadingOverlay)||void 0===o?void 0:o.loadingGraphicAccentOpacity)&&void 0!==i?i:.2;return React__namespace.default.createElement(LoadingGraphicWrapper,null,React__namespace.default.createElement(LoadingGraphicSvg,{className:u,width:l,height:d,$frame:p,$borderColor:v,viewBox:"0 0 698 452",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React__namespace.default.createElement("g",{filter:1===p?"url(#filter0_f_91_884)":void 0},React__namespace.default.createElement("path",{d:"M10 0.5L688 0.5C693.247 0.5 697.5 4.75329 697.5 10L697.5 442C697.5 447.246 693.247 451.5 688 451.5L9.99999 451.5C4.75328 451.5 0.5 447.246 0.5 442L0.5 9.99998C0.5 4.75328 4.75329 0.5 10 0.5Z",fill:"#F3F3F3",stroke:"#DCDCDC"}),React__namespace.default.createElement("mask",{id:"mask0_91_854",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"30",y:"60",width:"207",height:"266"},React__namespace.default.createElement("rect",{x:"30.7754",y:"60.5945",width:"205.426",height:"265.304",rx:"3",fill:"#D9D9D9"})),React__namespace.default.createElement("g",{mask:"url(#mask0_91_854)"},React__namespace.default.createElement("path",{d:"M161.429 226.164C161.472 226.322 161.474 226.488 161.438 226.647C157.252 244.639 146.071 257.508 132.955 257.508C119.837 257.508 108.632 244.59 104.447 226.595C104.411 226.439 104.413 226.276 104.453 226.121L107.568 214.051L108.337 211.118C108.453 210.678 108.85 210.371 109.305 210.371L156.578 210.371C157.034 210.371 157.432 210.68 157.546 211.122L160.976 224.435L161.305 225.701L161.429 226.164Z",fill:"#D2D4DA"}),React__namespace.default.createElement("path",{d:"M185.475 157.408C185.556 157.356 185.628 157.291 185.693 157.219C210.004 130.149 193.715 196.897 180.188 189.065C157.256 175.818 183.525 158.645 185.475 157.408Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M267.491 324.918C267.577 325.255 267.487 325.608 267.24 325.853C254.85 338.143 225.105 345.481 222.791 346.037C222.686 346.063 222.601 346.067 222.493 346.058C219.509 345.795 174.209 342.097 147.081 357.481C142.849 359.881 122.568 356.455 121.909 356.343C121.888 356.339 121.882 356.339 121.861 356.337L89.946 352.929C89.8715 352.921 89.8068 352.921 89.7323 352.929C87.9869 353.117 64.0883 355.438 45.1808 343.79C29.8522 334.346 9.55527 336.584 -1.36759 325.857C-1.61519 325.614 -1.71005 325.255 -1.62441 324.919L1.46107 312.802C6.33129 293.793 21.3654 279.026 40.5404 274.455L42.6579 273.963L66.162 268.361L72.5851 266.837C75.2907 266.181 77.8788 265.267 80.3256 264.095C82.3725 263.11 84.3253 261.962 86.1605 260.649C88.1368 259.243 89.9955 257.649 91.6659 255.891C96.1597 251.18 99.4771 245.367 101.171 238.827L103.665 229.17L104.324 226.568L104.371 226.357L107.571 214.051L108.319 211.123C108.433 210.681 108.831 210.371 109.288 210.371L156.558 210.371C157.013 210.371 157.411 210.679 157.526 211.12L160.978 224.435L161.308 225.701L161.475 226.325C161.489 226.377 161.496 226.431 161.496 226.486V226.486C161.496 226.54 161.503 226.595 161.517 226.647L162.202 229.193L164.696 238.827C167.025 247.781 172.413 255.446 179.73 260.649C183.729 263.532 188.317 265.665 193.282 266.837L199.211 268.244L225.326 274.455C244.501 279.026 259.535 293.793 264.406 312.802L267.491 324.918Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M161.429 226.164C161.472 226.322 161.474 226.488 161.438 226.647C157.252 244.639 146.071 257.508 132.955 257.508C119.837 257.508 108.632 244.59 104.447 226.595C104.411 226.439 104.413 226.276 104.453 226.121L107.568 214.051L108.337 211.118C108.453 210.678 108.85 210.371 109.305 210.371L156.578 210.371C157.034 210.371 157.432 210.68 157.546 211.122L160.976 224.435L161.305 225.701L161.429 226.164Z",fill:"#DC968D"}),React__namespace.default.createElement("path",{d:"M80.3983 157.408C80.3166 157.356 80.2445 157.291 80.1799 157.219C55.8686 130.149 72.1582 196.897 85.685 189.065C108.616 175.818 82.3476 158.645 80.3983 157.408Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M189.527 137.873C189.52 137.873 189.515 137.879 189.515 137.885C189.515 139.944 189.397 141.956 189.162 143.968C188.974 145.796 188.15 153.601 186.692 163.54C185.895 169.048 184.865 175.184 183.649 181.346C183.638 181.398 183.635 181.447 183.631 181.5V181.5C183.625 181.607 183.575 181.713 183.554 181.818C180.568 196.836 176.367 211.751 170.881 217.193C164.67 223.381 159.682 229.007 153.988 233.062C148.295 237.14 141.919 239.672 132.978 239.672C124.038 239.672 117.662 237.14 111.968 233.062C106.298 229.007 101.286 223.381 95.0752 217.193C89.5754 211.714 85.367 196.715 82.3561 181.682C82.3499 181.651 82.3467 181.628 82.3467 181.596V181.596C82.3467 181.566 82.3438 181.526 82.338 181.496C81.9648 179.566 81.6147 177.636 81.2645 175.728C81.1233 174.932 80.9821 174.135 80.841 173.338C80.2528 169.962 79.7352 166.657 79.2646 163.563C77.5768 152.19 76.7532 143.609 76.7472 143.546C76.747 143.544 76.7471 143.545 76.7469 143.543C76.5589 141.692 76.4648 139.794 76.4648 137.873C76.4648 137.381 76.4648 136.889 76.4648 136.397C76.5825 131.967 77.1942 127.654 78.3 123.528C78.3471 123.341 78.3941 123.153 78.4412 122.966C84.723 100.089 105.121 83.0011 129.731 81.6416C130.814 81.5713 131.872 81.5479 132.978 81.5479C148.601 81.5479 162.741 87.8531 172.975 98.0494C181.822 106.839 187.75 118.559 189.186 131.615C189.42 133.674 189.538 135.756 189.539 137.862C189.539 137.868 189.533 137.873 189.527 137.873V137.873Z",fill:"#FEAEA5"}),React__namespace.default.createElement("path",{d:"M141.871 188.529C141.871 192.42 137.895 195.561 132.977 195.561C128.06 195.561 124.107 192.42 124.107 188.529V188.529C124.107 188.132 124.593 188.105 124.773 188.459C126.079 191.03 129.266 192.842 132.977 192.842C136.689 192.842 139.893 191.03 141.204 188.458C141.381 188.112 141.871 188.14 141.871 188.529V188.529Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M267.512 325.037C267.599 325.374 267.509 325.727 267.264 325.974C232.886 360.672 133.16 359.767 132.956 359.765C132.95 359.765 132.962 359.765 132.956 359.765C132.752 359.767 33.0007 360.672 -1.3537 325.95C-1.59784 325.703 -1.68748 325.351 -1.60167 325.014L1.48353 312.922C6.35375 293.889 21.3879 279.122 40.5629 274.551L66.2315 268.456L72.6075 266.933C75.2325 266.311 77.7789 265.415 80.1745 264.28C80.5729 264.092 81.0485 264.176 81.3541 264.494C94.359 278.009 112.66 286.435 132.956 286.435C153.253 286.435 171.556 278.008 184.562 264.49C184.865 264.174 185.337 264.088 185.734 264.274C188.127 265.395 190.657 266.311 193.304 266.933L198.88 268.269L225.349 274.551C244.524 279.122 259.558 293.889 264.405 312.922L267.512 325.037Z",fill:"#6E7174"}),React__namespace.default.createElement("path",{d:"M197.318 267.895C198.038 268.068 198.334 268.924 197.847 269.481C190.872 277.457 169.982 297.251 132.954 298.717C92.046 300.357 71.408 275.554 67.0543 269.627C66.6418 269.065 66.9505 268.284 67.6281 268.122L72.606 266.933C75.231 266.311 77.7773 265.415 80.173 264.28C80.5713 264.092 81.0469 264.176 81.3526 264.494C94.3575 278.009 112.659 286.435 132.954 286.435C153.252 286.435 171.555 278.008 184.56 264.49C184.864 264.174 185.336 264.088 185.732 264.274C188.126 265.395 190.655 266.311 193.303 266.933L197.318 267.895Z",fill:"#555A5E"}),React__namespace.default.createElement("path",{d:"M75.4663 140.851C75.4663 152.603 78.3795 166.091 80.4253 174.114C80.713 175.242 82.458 175.01 82.5156 173.848C83.0875 162.287 85.7494 140.134 97.4904 130.033C108.545 120.523 117.526 131.201 132.13 131.201C145.353 131.201 157.695 120.704 168.836 130.033C181.053 140.264 183.463 159.992 183.739 171.736C183.767 172.936 185.717 173.218 186.003 172.053C187.986 163.959 190.429 151.77 190.429 140.851C190.429 100.426 174.665 81.3704 132.13 81.3704C93.3928 81.3704 75.4663 100.225 75.4663 140.851Z",fill:"#525252"})),React__namespace.default.createElement("rect",{x:"30.7754",y:"360.29",width:"640.93",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"267.427",y:"134.29",width:"402.636",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"267.427",y:"209.623",width:"180.775",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"481.069",y:"209.623",width:"188.992",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"267.427",y:"284.956",width:"180.775",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"481.069",y:"284.956",width:"188.992",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"266.829",y:"58.3618",width:"402.636",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("g",{fillOpacity:3===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"672",y:"55",width:"47",height:"410",transform:"rotate(90 672 55)",fill:v}),React__namespace.default.createElement("rect",{x:"670",y:"206",width:"47",height:"194",transform:"rotate(90 670 206)",fill:v}),React__namespace.default.createElement("rect",{x:"242",y:"61",width:"271",height:"218",transform:"rotate(90 242 61)",fill:v}),React__namespace.default.createElement("rect",{x:"677",y:"357",width:"47",height:"653",transform:"rotate(90 677 357)",fill:v})),React__namespace.default.createElement("g",{fillOpacity:4===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"455",y:"281",width:"47",height:"194",transform:"rotate(90 455 281)",fill:v}),React__namespace.default.createElement("rect",{x:"672",y:"131",width:"47",height:"411",transform:"rotate(90 672 131)",fill:v})),React__namespace.default.createElement("g",{fillOpacity:p>=5?1:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("circle",{cx:"360",cy:"215",r:"41",fill:v}),React__namespace.default.createElement("path",{d:"M339.937 218.076L350.044 229.83L381.809 201.915",stroke:"white",strokeWidth:"10",strokeOpacity:p>=5?1:0,strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"stroke-opacity 0.2s linear"}}))),React__namespace.default.createElement("filter",{id:"filter0_f_91_884",x:"0",y:"0",width:"848",height:"556",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},React__namespace.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),React__namespace.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),React__namespace.default.createElement("feGaussianBlur",{stdDeviation:"5",result:"effect1_foregroundBlur_91_884"}))))}function IdCaptureLoadingGraphicMobile(e){var t,a,n,r,o,i,c=e.width,l=void 0===c?428:c,s=e.height,d=void 0===s?747:s,u=e.className,m=React.useState(0),p=m[0],f=m[1];React.useEffect((function(){var e=setInterval((function(){f((function(e){return(e+1)%7}))}),1e3);return function(){clearInterval(e)}}),[]);var g=styled.useTheme(),v=null!==(n=null===(a=null===(t=g.idCapture)||void 0===t?void 0:t.loadingOverlay)||void 0===a?void 0:a.loadingGraphicAccentColor)&&void 0!==n?n:"var(--idm-color-positive-600)",_=null!==(i=null===(o=null===(r=g.idCapture)||void 0===r?void 0:r.loadingOverlay)||void 0===o?void 0:o.loadingGraphicAccentOpacity)&&void 0!==i?i:.2;return React__namespace.default.createElement("svg",{className:u,width:l,height:d,viewBox:"0 0 428 747",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React__namespace.default.createElement(LoadingGraphicCardGroup,{id:"card",$offScreen:p<1},React__namespace.default.createElement("path",{d:"M76.5001 181.274C76.5001 176.027 80.7534 171.774 86.0001 171.774L342 171.774C347.247 171.774 351.5 176.027 351.5 181.274L351.5 586C351.5 591.247 347.247 595.5 342 595.5L86.0001 595.5C80.7534 595.5 76.5001 591.247 76.5001 586L76.5001 181.274Z",fill:"#F3F3F3",stroke:"#DCDCDC"}),React__namespace.default.createElement("mask",{id:"mask0_29_1815",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"113",y:"452",width:"163",height:"126"},React__namespace.default.createElement("rect",{x:"113",y:"577.273",width:"125",height:"162",rx:"3",transform:"rotate(-90 113 577.273)",fill:"#D9D9D9"})),React__namespace.default.createElement("g",{mask:"url(#mask0_29_1815)"},React__namespace.default.createElement("path",{d:"M214.008 497.796C214.165 497.754 214.33 497.751 214.489 497.788C225.426 500.352 233.24 507.14 233.24 515.098C233.24 523.058 225.395 529.861 214.455 532.423C214.3 532.46 214.138 532.458 213.983 532.418L206.704 530.546L205.204 530.154C204.764 530.039 204.457 529.641 204.457 529.186L204.457 501.028C204.457 500.571 204.766 500.173 205.208 500.059L213.044 498.048L213.817 497.847L214.008 497.796Z",fill:"#D2D4DA"}),React__namespace.default.createElement("path",{d:"M172.144 483.183C172.092 483.102 172.027 483.031 171.955 482.966C155.547 468.233 196.225 478.134 191.447 486.357C183.444 500.161 173.096 484.665 172.144 483.183Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M274.192 433.287C274.528 433.202 274.882 433.292 275.124 433.541C282.444 441.074 286.849 458.59 287.283 460.373C287.308 460.479 287.314 460.558 287.305 460.667C287.111 462.898 284.971 490.135 294.285 506.502C295.735 509.05 293.703 521.155 293.593 521.803C293.589 521.823 293.587 521.84 293.585 521.861L291.51 541.224C291.502 541.299 291.502 541.364 291.509 541.439C291.65 542.782 292.959 557.13 285.925 568.508C280.203 577.763 281.504 589.995 275.126 596.677C274.887 596.927 274.528 597.02 274.193 596.935L267.003 595.111C255.396 592.147 246.379 582.999 243.588 571.332L243.287 570.043L239.866 555.741L238.936 551.833C238.535 550.186 237.977 548.611 237.262 547.123C236.66 545.877 235.959 544.689 235.158 543.572C234.299 542.37 233.326 541.239 232.252 540.222C229.375 537.488 225.826 535.469 221.832 534.438L215.936 532.921L214.347 532.52L214.218 532.491L206.704 530.544L205.21 530.164C204.767 530.051 204.457 529.652 204.457 529.194L204.457 501.04C204.457 500.584 204.765 500.186 205.207 500.071L213.044 498.046L213.817 497.846L214.198 497.744C214.23 497.736 214.263 497.731 214.297 497.731C214.33 497.731 214.363 497.727 214.395 497.718L215.95 497.302L221.832 495.784C227.3 494.367 231.98 491.088 235.158 486.636C236.918 484.202 238.22 481.411 238.936 478.39L239.795 474.782L243.588 458.891C246.379 447.223 255.396 438.075 267.003 435.112L274.192 433.287Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M214.008 497.796C214.165 497.754 214.33 497.751 214.489 497.788C225.426 500.352 233.24 507.14 233.24 515.098C233.24 523.058 225.395 529.861 214.455 532.423C214.3 532.46 214.138 532.458 213.983 532.418L206.704 530.546L205.204 530.154C204.764 530.039 204.457 529.641 204.457 529.186L204.457 501.028C204.457 500.571 204.766 500.173 205.208 500.059L213.044 498.048L213.817 497.847L214.008 497.796Z",fill:"#DC968D"}),React__namespace.default.createElement("path",{d:"M172.144 547.035C172.092 547.117 172.027 547.188 171.955 547.252C155.547 561.986 196.225 552.085 191.447 543.861C183.444 530.057 173.096 545.553 172.144 547.035Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M160.188 480.675C160.188 480.679 160.191 480.682 160.195 480.682C161.452 480.682 162.681 480.754 163.91 480.897C165.026 481.011 169.792 481.512 175.861 482.4C179.224 482.885 182.971 483.511 186.733 484.252C186.765 484.258 186.795 484.26 186.827 484.262C186.893 484.266 186.958 484.296 187.022 484.309C196.192 486.126 205.299 488.682 208.623 492.02C212.401 495.8 215.836 498.835 218.312 502.3C220.803 505.764 222.348 509.644 222.348 515.084C222.348 520.524 220.803 524.404 218.312 527.869C215.836 531.319 212.401 534.368 208.623 538.148C205.277 541.494 196.118 544.055 186.939 545.887C186.92 545.891 186.906 545.893 186.886 545.893C186.867 545.893 186.844 545.895 186.825 545.898C185.646 546.125 184.468 546.338 183.303 546.551C182.817 546.637 182.33 546.723 181.843 546.809C179.782 547.167 177.764 547.482 175.875 547.768C168.946 548.793 163.714 549.294 163.652 549.3C163.651 549.3 163.651 549.3 163.649 549.3C162.519 549.415 161.361 549.472 160.188 549.472C159.888 549.472 159.587 549.472 159.287 549.472C156.581 549.4 153.948 549.028 151.429 548.355C151.314 548.327 151.2 548.298 151.085 548.269C137.116 544.447 126.682 532.035 125.852 517.06C125.809 516.401 125.795 515.757 125.795 515.084C125.795 505.578 129.645 496.974 135.871 490.746C141.238 485.363 148.395 481.756 156.367 480.882C157.624 480.739 158.895 480.668 160.181 480.668C160.185 480.668 160.188 480.671 160.188 480.675Z",fill:"#FEAEA5"}),React__namespace.default.createElement("path",{d:"M191.119 509.673C193.495 509.673 195.413 512.092 195.413 515.084C195.413 518.077 193.495 520.482 191.119 520.482C190.877 520.482 190.861 520.186 191.077 520.077C192.647 519.282 193.753 517.343 193.753 515.084C193.753 512.826 192.647 510.876 191.077 510.079C190.866 509.971 190.883 509.673 191.119 509.673Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M274.264 433.275C274.6 433.189 274.954 433.278 275.199 433.524C296.217 454.568 295.682 514.893 295.68 515.097C295.68 515.103 295.68 515.092 295.68 515.098C295.682 515.302 296.217 575.643 275.184 596.673C274.939 596.917 274.586 597.007 274.251 596.921L267.076 595.097C255.454 592.134 246.437 582.986 243.646 571.318L239.925 555.699L238.994 551.819C238.638 550.318 238.133 548.86 237.499 547.48C237.314 547.078 237.398 546.602 237.715 546.294C245.845 538.394 250.903 527.342 250.903 515.098C250.903 502.851 245.844 491.798 237.711 483.897C237.396 483.591 237.311 483.119 237.493 482.719C238.122 481.341 238.638 479.89 238.994 478.376L239.81 474.983L243.646 458.877C246.437 447.21 255.454 438.061 267.076 435.112L274.264 433.275Z",fill:"#6E7174"}),React__namespace.default.createElement("path",{d:"M239.436 476.54C239.609 475.821 240.466 475.529 241.015 476.024C246.147 480.64 257.535 493.254 258.403 515.098C259.367 539.068 245.359 551.601 241.088 554.862C240.535 555.285 239.753 554.982 239.59 554.305L238.994 551.82C238.638 550.319 238.133 548.86 237.499 547.48C237.314 547.079 237.398 546.603 237.715 546.295C245.845 538.394 250.903 527.343 250.903 515.098C250.903 502.852 245.844 491.799 237.711 483.898C237.396 483.592 237.311 483.119 237.493 482.72C238.122 481.342 238.638 479.891 238.994 478.377L239.436 476.54Z",fill:"#555A5E"}),React__namespace.default.createElement("path",{d:"M162.007 550.079C167.945 550.079 174.609 548.865 179.507 547.741C180.642 547.481 180.435 545.695 179.275 545.595C171.872 544.959 160.808 542.941 155.401 536.678C149.594 529.951 156.114 524.486 156.114 515.6C156.114 507.554 149.704 500.044 155.401 493.265C160.661 487.005 170.034 484.976 177.145 484.392C178.342 484.293 178.605 482.241 177.431 481.993C172.848 481.025 167.193 480.126 162.007 480.126C137.322 480.126 125.686 489.718 125.686 515.6C125.686 539.171 137.2 550.079 162.007 550.079Z",fill:"#525252"})),React__namespace.default.createElement("rect",{x:"296",y:"577.273",width:"390",height:"25",rx:"3",transform:"rotate(-90 296 577.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"158",y:"433.273",width:"245",height:"25",rx:"3",transform:"rotate(-90 158 433.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"204",y:"433.273",width:"110",height:"25",rx:"3",transform:"rotate(-90 204 433.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"204",y:"303.274",width:"115",height:"25",rx:"3",transform:"rotate(-90 204 303.274)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"250",y:"433.273",width:"110",height:"25",rx:"3",transform:"rotate(-90 250 433.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"250",y:"303.274",width:"115",height:"25",rx:"3",transform:"rotate(-90 250 303.274)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"111.637",y:"433.637",width:"245",height:"25",rx:"3",transform:"rotate(-90 111.637 433.637)",fill:"#C1C1C1"}),React__namespace.default.createElement("g",{fillOpacity:2===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"200",y:"188",width:"33",height:"118",fill:v}),React__namespace.default.createElement("rect",{x:"108",y:"444",width:"171",height:"136",fill:v}),React__namespace.default.createElement("rect",{x:"108",y:"187",width:"33",height:"247",fill:v}),React__namespace.default.createElement("rect",{x:"293",y:"186",width:"31",height:"394",fill:v})),React__namespace.default.createElement("g",{fillOpacity:3===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"154",y:"185",width:"33",height:"249",fill:v}),React__namespace.default.createElement("rect",{x:"247",y:"322",width:"31",height:"113",rx:"5",fill:v})),React__namespace.default.createElement("g",{fillOpacity:p>=4?1:0,strokeOpacity:p>=4?1:0,style:{transition:"fill-opacity 0.2s linear, stroke-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"78.5",y:"171.5",width:"271",height:"426",rx:"2.5",stroke:v,strokeWidth:"5"}),React__namespace.default.createElement("circle",{cx:"214.5",cy:"383.5",r:"23.5",fill:v}),React__namespace.default.createElement("path",{d:"M203 385.263L208.793 392L227 376",stroke:"white",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"}))),React__namespace.default.createElement(LoadingGraphicPhoneGroup,{id:"phone",clipPath:"url(#clip0_29_1778)",$offScreen:p<1},React__namespace.default.createElement("rect",{x:"154",y:"693",width:"120",height:"5",rx:"2.5",fill:"#333343"}),React__namespace.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M372.869 156.244H373.495V156.241C376.342 156.241 378.647 158.551 378.647 161.396V234.788C378.647 237.637 376.339 239.944 373.495 239.944H372.869V677.09C372.869 698.895 355.203 716.571 333.411 716.571H94.2366C72.444 716.571 54.7781 698.895 54.7781 677.09V278.699H54.1523C51.3051 278.699 49 276.39 49 273.544V228.052C49 225.203 51.3082 222.897 54.1523 222.897H54.7781V212.047H54.1523C51.3051 212.047 49 209.737 49 206.892V161.399C49 158.551 51.3082 156.244 54.1523 156.244H54.7781V90.4813C54.7781 68.6761 72.444 51 94.2366 51H333.411C355.203 51 372.869 68.6761 372.869 90.4813V156.244ZM98.3077 60.7649H329.34C347.039 60.7649 361.387 75.1214 361.387 92.8311V674.734C361.387 692.444 347.039 706.8 329.34 706.8H98.3077C80.6082 706.8 66.26 692.444 66.26 674.734V92.8311C66.26 75.1214 80.6082 60.7649 98.3077 60.7649Z",fill:"#333343"}),React__namespace.default.createElement("rect",{x:"154",y:"71",width:"120",height:"20",rx:"10",fill:"#333343"})),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_29_1778"},React__namespace.default.createElement("rect",{width:"428",height:"747",fill:"white"}))))}var templateObject_1$z,templateObject_2$u,templateObject_3$m,templateObject_4$g,LoadingGraphicWrapper=styled__default.default.div(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"],["\n display: flex;\n width: 100%;\n height: 100%;\n"]))),LoadingGraphicSvg=styled__default.default.svg(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n margin: auto;\n transform: scale(\n ","\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ","px solid\n ",";\n"],["\n margin: auto;\n transform: scale(\n ","\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ","px solid\n ",";\n"])),(function(e){return e.$frame>1?1:1===e.$frame?1.25:.75}),(function(e){return e.$frame>=5?10:0}),(function(e){return e.$borderColor})),LoadingGraphicCardGroup=styled__default.default.g(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"],["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])),(function(e){return e.$offScreen?"-500px":"0"})),LoadingGraphicPhoneGroup=styled__default.default.g(templateObject_4$g||(templateObject_4$g=__makeTemplateObject(["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"],["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])),(function(e){return e.$offScreen?"40px":"0"}));function LoadingListItemIndicator(e){var t=e.state,a=void 0===t?"running":t,n=__rest(e,["state"]);return React__namespace.default.createElement("svg",_assign({width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:_assign({margin:"auto 0.5rem auto 0",flexShrink:0},n.style)},n),"done"===a?React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("g",{clipPath:"url(#clip0_49_385)"},React__namespace.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM19.5643 8.27852C19.9549 7.88799 19.9549 7.25483 19.5643 6.8643C19.1738 6.47378 18.5406 6.47378 18.1501 6.8643L9.42866 15.5858L5.85005 12.0072C5.45953 11.6166 4.82636 11.6166 4.43584 12.0072C4.04531 12.3977 4.04531 13.0309 4.43584 13.4214L8.72155 17.7071C9.11208 18.0976 9.74524 18.0976 10.1358 17.7071L19.5643 8.27852Z",fill:"currentColor"})),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_49_385"},React__namespace.default.createElement("rect",{width:"24",height:"24",fill:"white"})))):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("g",{clipPath:"url(#clip0_49_370)"},React__namespace.default.createElement("mask",{id:"path-1-inside-1_49_370",fill:"white"},React__namespace.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.51472 20.4855C8.20101 25.1718 15.799 25.1718 20.4853 20.4855C25.1716 15.7992 25.1716 8.20119 20.4853 3.5149C15.799 -1.17139 8.20101 -1.17139 3.51472 3.5149C-1.17157 8.20119 -1.17157 15.7992 3.51472 20.4855Z"})),React__namespace.default.createElement("path",{d:"M6.39814 11.459C5.84586 11.459 5.39814 11.9067 5.39814 12.459C5.39814 13.0112 5.84586 13.459 6.39814 13.459V11.459ZM17.6019 13.459C18.1541 13.459 18.6019 13.0112 18.6019 12.459C18.6019 11.9067 18.1541 11.459 17.6019 11.459V13.459ZM6.39814 13.459H17.6019V11.459H6.39814V13.459ZM3.51472 20.4855L4.92893 19.0713L4.92893 19.0713L3.51472 20.4855ZM20.4853 3.5149L19.0711 4.92912L19.0711 4.92912L20.4853 3.5149ZM3.51472 3.5149L4.92893 4.92912L4.92893 4.92912L3.51472 3.5149ZM19.0711 19.0713C15.1658 22.9765 8.83417 22.9765 4.92893 19.0713L2.10051 21.8997C7.56784 27.367 16.4322 27.367 21.8995 21.8997L19.0711 19.0713ZM19.0711 4.92912C22.9763 8.83436 22.9763 15.166 19.0711 19.0713L21.8995 21.8997C27.3668 16.4323 27.3668 7.56803 21.8995 2.10069L19.0711 4.92912ZM4.92893 4.92912C8.83417 1.02387 15.1658 1.02387 19.0711 4.92912L21.8995 2.10069C16.4322 -3.36665 7.56784 -3.36665 2.10051 2.10069L4.92893 4.92912ZM4.92893 19.0713C1.02369 15.166 1.02369 8.83436 4.92893 4.92912L2.10051 2.10069C-3.36683 7.56803 -3.36683 16.4323 2.10051 21.8997L4.92893 19.0713Z",fill:"currentColor",mask:"url(#path-1-inside-1_49_370)"})),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_49_370"},React__namespace.default.createElement("rect",{width:"24",height:"24",fill:"white"})))))}var templateObject_1$y,templateObject_2$t,templateObject_3$l,templateObject_4$f,templateObject_5$a,templateObject_6$8,templateObject_7$5,templateObject_8$2,templateObject_9$2,templateObject_10$1,templateObject_11$1,templateObject_12$1,templateObject_13$1,templateObject_14$1,templateObject_15$1,templateObject_16,templateObject_17,templateObject_18,templateObject_1$x,templateObject_2$s,templateObject_1$w,templateObject_2$r,templateObject_1$v,templateObject_2$q,templateObject_3$k,templateObject_4$e,templateObject_5$9,templateObject_6$7,legacyInstructionImageUrl$1="".concat(DEFAULT_CDN_URL,"/WebSDK-Instruction-DL-Capture-3-Portrait.png"),IdCaptureLoadingOverlayDefault=function(e){var t,a,n,r,o,i,c=e.onDismissed,l=e.onUserCancel,s=e.instructions,d=e.rotateImage,u=void 0!==d&&d,m=e.assets,p=void 0===m?{}:m,f=e.classNames,g=void 0===f?{}:f,v=e.colors,_=void 0===v?{}:v,h=e.verbiage,b=void 0===h?{}:h,C=e.customOverlayContent,y=React.useContext(IdCaptureModelsContext),R=y.ready,x=y.modelDownloadProgress,D=useCameraStore(),E=D.cameraReady,w=D.cameraAccessDenied,S=D.iphoneContinuityCameraAvailable,k=D.setIphoneContinuityCameraAllowed,I=React.useState(!1),T=I[0],O=I[1];p.instructionImageUrl||(p.instructionImageUrl=legacyInstructionImageUrl$1);var M=useTranslations(b,{headingText:"Use your device camera to capture your ID",useContinuityCameraText:"Use your iPhone as a webcam",downloadingText:"Downloading...",modelsWarmingUpText:"Loading guided capture experience...",modelsReadyText:"Guided capture experience ready",cameraInitializingText:"Camera initializing...",cameraInitializedText:"Camera ready",continueText:"Let's Go!"});React.useEffect((function(){if(R&&E)return function(){return null};var e=setTimeout((function(){O(!1)}),500);return function(){clearTimeout(e)}}),[E,R]);var L=React.useRef(null);if(T)return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(w)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:p.cameraAccessDenied,classNames:g.cameraAccessDenied,colors:_.cameraAccessDenied,verbiage:b.cameraAccessDenied});var j={};if(u){var F=null!==(a=null===(t=L.current)||void 0===t?void 0:t.naturalWidth)&&void 0!==a?a:0,B=null!==(r=null===(n=L.current)||void 0===n?void 0:n.naturalHeight)&&void 0!==r?r:0;j={transform:"rotate(-90deg) scale(".concat(F>B?B/F:1,")")}}return React__namespace.default.createElement(OverlayContainer,{className:g.container},React__namespace.default.createElement(OverlayInner$1,{className:g.inner},l&&React__namespace.default.createElement(ExitCaptureButton,{onClick:l,className:g.cancelBtn}),C||React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(OverlayHeader$1,null,React__namespace.default.createElement(StyledGuidanceMessage$2,{className:g.heading},M.headingText)),React__namespace.default.createElement(StyledOverlayImageContainer$2,{className:g.imageContainer,style:{pointerEvents:"none"}},(null==p?void 0:p.instructionImageUrl)&&p.instructionImageUrl!==legacyInstructionImageUrl$1?React__namespace.default.createElement(CustomLoadingGraphic$1,{ref:L,alt:M.headingText,src:p.instructionImageUrl,className:g.image,style:j}):React__namespace.default.createElement(IdCaptureLoadingGraphic,{className:g.image}))),s,React__namespace.default.createElement(ContinuityCameraCheckboxContainer$1,{className:g.continuityCameraCheckboxContainer},S&&React__namespace.default.createElement(ContinuityCameraCheckboxInner,{className:g.continuityCameraCheckboxInner},React__namespace.default.createElement(ContinuityCameraCheckbox$1,{className:g.continuityCameraCheckbox,id:"use-continuity-camera",type:"checkbox",defaultChecked:!0,onChange:function(e){k(e.target.checked)}}),React__namespace.default.createElement("label",{htmlFor:"use-continuity-camera",className:g.continuityCameraCheckboxLabel},M.useContinuityCameraText))),React__namespace.default.createElement(StyledButtonsRow$a,{className:g.buttonsRow},React__namespace.default.createElement(ProgressContainer$1,{className:g.progressContainer},React__namespace.default.createElement(ProgressBarBackground$1,{className:g.progressBackground}),React__namespace.default.createElement(ProgressBar$1,{$progress:x,className:g.progressBar},React__namespace.default.createElement(ProgressIndicator$1,{className:g.progressIndicator}))),React__namespace.default.createElement(LoadingListContainer$1,{className:g.loadingListContainer},React__namespace.default.createElement(LoadingList$1,{className:g.loadingList},React__namespace.default.createElement(LoadingListItem$1,{className:"".concat(null!==(o=g.loadingListItem)&&void 0!==o?o:""," ").concat(E?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:g.loadingListItemIndicator,state:E?"done":"running"}),E?M.cameraInitializedText:M.cameraInitializingText),React__namespace.default.createElement(LoadingListItem$1,{className:"".concat(null!==(i=g.loadingListItem)&&void 0!==i?i:""," ").concat(R?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:g.loadingListItemIndicator,state:R?"done":"running"}),R?M.modelsReadyText:x>=100?M.modelsWarmingUpText:"".concat(M.downloadingText," (").concat(x,"%)")))),React__namespace.default.createElement(ContinueButtonContainer$1,{className:g.continueBtnContainer},R&&E&&React__namespace.default.createElement(ContinueButton$1,{finished:!0,className:g.continueBtn,variant:"positive",colors:_.continueBtn,onClick:function(){O(!0),null==c||c()}},M.continueText)))))},OverlayInner$1=styled__default.default.div(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"],["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.backgroundColor)&&void 0!==r?r:"#ecedf3"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.textColor)&&void 0!==r?r:"black"})),OverlayHeader$1=styled__default.default.div(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"],["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"])),(function(e){var t;return null!==(t=e.theme.textAlign)&&void 0!==t?t:"center"}),(function(e){return e.theme.padding?"box-sizing: border-box; padding: ".concat(e.theme.padding,";"):""})),StyledGuidanceMessage$2=styled__default.default(GuidanceMessage)(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"],["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"]))),StyledOverlayImageContainer$2=styled__default.default(OverlayImageContainer)(templateObject_4$f||(templateObject_4$f=__makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"],["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"]))),ContinuityCameraCheckboxContainer$1=styled__default.default.div(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"],["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"]))),ContinuityCameraCheckboxInner=styled__default.default(GuidanceMessage)(templateObject_6$8||(templateObject_6$8=__makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"],["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"]))),ContinuityCameraCheckbox$1=styled__default.default.input(templateObject_7$5||(templateObject_7$5=__makeTemplateObject(["\n margin-right: 8px;\n"],["\n margin-right: 8px;\n"]))),StyledButtonsRow$a=styled__default.default(ButtonsRow)(templateObject_8$2||(templateObject_8$2=__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarTextColor)&&void 0!==r?r:"white"}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.idCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""})),LoadingListContainer$1=styled__default.default.div(templateObject_9$2||(templateObject_9$2=__makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"],["\n display: flex;\n position: relative;\n z-index: 2;\n"]))),LoadingList$1=styled__default.default.ul(templateObject_10$1||(templateObject_10$1=__makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"],["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"]))),LoadingListItem$1=styled__default.default.li(templateObject_11$1||(templateObject_11$1=__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"]))),ProgressContainer$1=styled__default.default.div(templateObject_12$1||(templateObject_12$1=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"]))),ProgressBarBackground$1=styled__default.default.div(templateObject_13$1||(templateObject_13$1=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundOpacity)&&void 0!==r?r:.75})),ProgressBar$1=styled__default.default.span(templateObject_14$1||(templateObject_14$1=__makeTemplateObject(["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"],["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"])),(function(e){return e.$progress})),ProgressIndicator$1=styled__default.default.span(templateObject_15$1||(templateObject_15$1=__makeTemplateObject(["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"],["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarIndicatorColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),progressBarAnimation),CustomLoadingGraphic$1=styled__default.default.img(templateObject_16||(templateObject_16=__makeTemplateObject(["\n transform-style: preserve-3d;\n"],["\n transform-style: preserve-3d;\n"]))),ContinueButtonContainer$1=styled__default.default.div(templateObject_17||(templateObject_17=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),ContinueButton$1=styled__default.default(LoaderButton)(templateObject_18||(templateObject_18=__makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"],["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.idCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.continueBtnBorder)?"border: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.idCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.continueBtnBorder,";"):""})),ContinuityCameraCheckboxContainer=styled__default.default.div(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"],["\n margin-top: 15px;\n margin-bottom: 15px;\n"]))),ContinuityCameraCheckbox=styled__default.default.input(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n margin-right: 8px;\n"],["\n margin-right: 8px;\n"]))),IdCaptureLoadingOverlayLegacy=function(e){var t,a,n,r,o=e.onDismissed,i=e.onUserCancel,c=e.instructions,l=e.rotateImage,s=void 0!==l&&l,d=e.assets,u=void 0===d?{}:d,m=e.classNames,p=void 0===m?{}:m,f=e.colors,g=void 0===f?{}:f,v=e.verbiage,_=void 0===v?{}:v,h=React.useContext(IdCaptureModelsContext),b=h.ready,C=h.modelDownloadProgress,y=useCameraStore(shallow.useShallow((function(e){return{cameraReady:e.cameraReady,cameraAccessDenied:e.cameraAccessDenied,iphoneContinuityCameraAvailable:e.iphoneContinuityCameraAvailable,setIphoneContinuityCameraAllowed:e.setIphoneContinuityCameraAllowed}}))),R=y.cameraReady,x=y.cameraAccessDenied,D=y.iphoneContinuityCameraAvailable,E=y.setIphoneContinuityCameraAllowed,w=React.useState(!1),S=w[0],k=w[1];u.instructionImageUrl||(u.instructionImageUrl="".concat(DEFAULT_CDN_URL,"/WebSDK-Instruction-DL-Capture-3-Portrait.png"));var I=useTranslations(_,{headingText:"Use your device camera to capture your ID",useContinuityCameraText:"Use your iPhone as a webcam",downloadingText:"Downloading...",modelsWarmingUpText:"Models warming up...",cameraInitializingText:"Camera initializing...",continueText:"Continue"});React.useEffect((function(){if(b&&R)return function(){return null};var e=setTimeout((function(){k(!1)}),500);return function(){clearTimeout(e)}}),[R,b]);var T=React.useRef(null);if(S)return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(x)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:u.cameraAccessDenied,classNames:p.cameraAccessDenied,colors:g.cameraAccessDenied,verbiage:_.cameraAccessDenied});var O={};if(s){var M=null!==(a=null===(t=T.current)||void 0===t?void 0:t.naturalWidth)&&void 0!==a?a:0,L=null!==(r=null===(n=T.current)||void 0===n?void 0:n.naturalHeight)&&void 0!==r?r:0;O={transform:"rotate(-90deg) scale(".concat(M>L?L/M:1,")")}}return React__namespace.default.createElement(OverlayContainer,{className:p.container},React__namespace.default.createElement(OverlayInner$2,{className:p.inner},React__namespace.default.createElement("h3",{className:p.heading},I.headingText),i&&React__namespace.default.createElement(ExitCaptureButton,{onClick:i,className:p.cancelBtn}),React__namespace.default.createElement(OverlayImageContainer,{className:p.imageContainer,style:{pointerEvents:"none"}},React__namespace.default.createElement("img",{ref:T,alt:I.headingText,src:u.instructionImageUrl,className:p.image,style:O})),c,React__namespace.default.createElement(ContinuityCameraCheckboxContainer,{className:p.continuityCameraCheckboxContainer},D&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(ContinuityCameraCheckbox,{className:p.continuityCameraCheckbox,id:"use-continuity-camera",type:"checkbox",defaultChecked:!0,onChange:function(e){E(e.target.checked)}}),React__namespace.default.createElement("label",{htmlFor:"use-continuity-camera",className:p.continuityCameraCheckboxLabel},I.useContinuityCameraText))),React__namespace.default.createElement(LoaderButton,{className:p.continueBtn,variant:"positive",disabled:!R||!b,finished:b&&R,colors:g.continueBtn,onClick:function(){k(!0),null==o||o()}},R&&b?I.continueText:b?I.cameraInitializingText:C>=100?I.modelsWarmingUpText:"".concat(I.downloadingText," (").concat(C,"%)"))))},components$1={default:IdCaptureLoadingOverlayDefault,legacy:IdCaptureLoadingOverlayLegacy},IdCaptureLoadingOverlay=function(e){var t,a=e.mode,n=void 0===a?"default":a,r=__rest(e,["mode"]),o=null!==(t=components$1[n])&&void 0!==t?t:components$1.default;return React__namespace.default.createElement(o,_assign({},r))},CapturedDocumentImg=function(e){var t=e.alt,a=e.className,n=e.image,r=React.useState(n.imageData),o=r[0],i=r[1],c=React.useState(!1),l=c[0],s=c[1],d=n.boundingBox,u=React.useRef(null),m=React.useCallback((function(){d&&!l&&(s(!0),setTimeout((function(){i(cropToDetectedObjectBox(u.current,d).toDataURL("image/jpeg",.95))}),100))}),[d,l]),p=React.useCallback((function(){fetch(n.imageData).then((function(e){return e.blob()})).then((function(e){var t,a=URL.createObjectURL(new Blob([e])),r=document.createElement("a");r.href=a,r.setAttribute("download","".concat(n.documentType,".jpg")),document.body.appendChild(r),r.click(),null===(t=r.parentNode)||void 0===t||t.removeChild(r)}))}),[n.documentType,n.imageData]);return React__namespace.default.createElement("img",{ref:u,alt:t,className:a,src:o,onLoad:m,onDoubleClick:p})},Card=styled__default.default.div(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"],["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"]))),FlexCard=styled__default.default(Card)(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),IdCaptureSuccess=function(e){var t=e.capturedDocuments,a=e.onSubmitClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=e.debugMode,u=void 0!==d&&d,m=React.useContext(SubmissionContext).submissionStatus,p=t.idCardFront,f=t.idCardBack,g=t.passport,v=useTranslations(s,{headingText:"ID Capture Successful",idCardFrontText:"ID Card Front",idCardBackText:"ID Card Back",passportText:"Passport",instructionText:"Verify the entire ID was captured clearly with no glare.",retryText:"Retry",submittingText:"Submitting...",submitText:"Done"});return React__namespace.default.createElement(GrayOverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(FlexCard,{className:o.card},React__namespace.default.createElement(Heading$a,{className:o.heading},v.headingText),React__namespace.default.createElement(ImagesContainer,{className:o.imageContainer},React__namespace.default.createElement(ImageRow,{className:o.imageRow},p&&React__namespace.default.createElement(ImageCol$1,{className:o.imageCol},React__namespace.default.createElement(StyledImage,{image:p,className:o.image,alt:v.idCardFrontText}),u&&React__namespace.default.createElement(DebugPre,null,"Detection Score: ".concat(p.detectionScore,"\nFocus Score: ").concat(p.focusScore,"\nBounding Box: ").concat(JSON.stringify(p.boundingBox)))),f&&React__namespace.default.createElement(ImageCol$1,{className:o.imageCol},React__namespace.default.createElement(StyledImage,{image:f,className:o.image,alt:v.idCardBackText}),u&&React__namespace.default.createElement(DebugPre,null,"Detection Score: ".concat(f.detectionScore,"\nFocus Score: ").concat(f.focusScore,"\nBounding Box: ").concat(JSON.stringify(f.boundingBox)))),g&&React__namespace.default.createElement(ImageCol$1,{className:o.imageCol},React__namespace.default.createElement(StyledImage,{image:g,className:o.image,alt:v.passportText}),u&&React__namespace.default.createElement(DebugPre,null,"Detection Score: ".concat(g.detectionScore,"\nFocus Score: ").concat(g.focusScore,"\nBounding Box: ").concat(JSON.stringify(g.boundingBox)))))),React__namespace.default.createElement(ButtonsColumn,{className:o.buttonsRow},React__namespace.default.createElement(WideButton,{className:o.submitBtn,variant:"positive",onClick:a,disabled:m===SubmissionStatus.SUBMITTING,colors:c.doneBtn,finished:!0},m===SubmissionStatus.SUBMITTING?v.submittingText:v.submitText),React__namespace.default.createElement(WideBorderButton,{className:o.retryBtn,variant:"warning",onClick:n,colors:c.retryBtn,finished:!0},v.retryText)))))},Heading$a=styled__default.default.h1(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"],["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"]))),ImagesContainer=styled__default.default(OverlayImageContainer)(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"],["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"]))),ImageRow=styled__default.default(OverlayImageRow)(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"],["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"]))),ImageCol$1=styled__default.default.div(templateObject_4$e||(templateObject_4$e=__makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"],["\n width: 100%;\n max-height: none !important;\n"]))),StyledImage=styled__default.default(CapturedDocumentImg)(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"],["\n width: 100%;\n border-radius: 12px;\n"]))),DebugPre=styled__default.default.pre(templateObject_6$7||(templateObject_6$7=__makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"],["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));function useShowSuccessScreen(e,t,a){var n=this,r=React.useState(!1),o=r[0],i=r[1];return React.useEffect((function(){t&&e&&("function"==typeof e?__awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e()];case 1:return t.sent()?null==a||a():i(!0),[2]}}))})):null==a||a())}),[t,a,e]),!e||o}function setCanvasDimensions(e,t,a){var n,r=1;"undefined"!=typeof window&&(r=window.devicePixelRatio),e.width=t*r,e.height=a*r,e.style.width=t+"px",e.style.height=a+"px",null===(n=e.getContext("2d"))||void 0===n||n.scale(r,r)}function resetCanvasDimensions(e){e.width=0,e.height=0,e.style.width="0",e.style.height="0"}var IdCardGuideImageContainer=styled__default.default(IdCardBorder)(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n position: relative;\n ","\n box-sizing: border-box;\n"],["\n position: relative;\n ","\n box-sizing: border-box;\n"])),(function(e){return e.$isVisible?"":"opacity: 0;"})),IdCardGuideImage=styled__default.default.img(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n transform-style: preserve-3d;\n ","\n ","\n"],["\n transform-style: preserve-3d;\n ","\n ","\n"])),(function(e){return e.$isMirrored?"transform: scaleX(-1);":""}),(function(e){return e.$isInvisible?"opacity: 0;":""}));function IdCardBorder(e){var t,a,n,r,o,i,c,l,s,d=e.children,u=e.status,m=void 0===u?"ready":u,p=e.borderWidth,f=void 0===p?20:p,g=e.borderRadius,v=void 0===g?25:g,_=e.borderColor,h=void 0===_?"white":_,b=e.aspectRatio,C=e.progress,y=void 0===C?0:C,R=__rest(e,["children","status","borderWidth","borderRadius","borderColor","aspectRatio","progress"]),x=useResizeObserver__default.default(),D=x.ref,E=x.width,w=void 0===E?0:E,S=x.height,k=void 0===S?0:S,I=React.useState(0),T=I[0],O=I[1];React.useEffect((function(){0===y&&"capturing"===m&&O((function(e){return e+1}))}),[y,m]);var M=styled.useTheme(),L=null!==(n=null===(a=null===(t=M.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.wavesDisabled)&&void 0!==n&&n,j=null!==(i=null===(o=null===(r=M.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.wavesColor)&&void 0!==i?i:"#287ec6",F=null!==(s=null===(l=null===(c=M.idCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.progressBarColor)&&void 0!==s?s:"#287ec6";return React__namespace.default.createElement(IdCardBorderContainer,_assign({},R),React__namespace.default.createElement("div",{ref:D,style:{aspectRatio:b}},d),"ready"===m&&!L&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderOpacity:.25,borderColor:j,borderWidth:f,className:"idmSdkWaves"}),React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderOpacity:.25,borderColor:j,borderWidth:f,className:"idmSdkWaves"}),React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderOpacity:.25,borderColor:j,borderWidth:f,className:"idmSdkWaves"})),React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderColor:h,borderWidth:f,className:"idmSdkWavesOrigin"}),("capturing"===m||y>0)&&React__namespace.default.createElement(IdCardBorderSvg,{key:"progress".concat(T),width:w,height:k,borderRadius:v,borderColor:F,borderWidth:f,isProgressBar:!0,progress:y,progressPaused:y>0&&"capturing"!==m}))}function IdCardBorderSvg(e){var t=e.borderRadius,a=e.borderColor,n=e.borderWidth,r=e.borderOpacity,o=void 0===r?1:r,i=e.progress,c=void 0===i?0:i,l=e.progressPaused,s=void 0!==l&&l,d=e.isProgressBar,u=void 0!==d&&d,m=__rest(e,["borderRadius","borderColor","borderWidth","borderOpacity","progress","progressPaused","isProgressBar"]),p=React.useState(0),f=p[0],g=p[1],v=c*f;return React__namespace.default.createElement(SvgOverlay,_assign({height:"100%",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"round-corner"},React__namespace.default.createElement("rect",{x:"0",y:"0",width:m.width||"100%",height:m.height||"100%",rx:t,ry:t}))),React__namespace.default.createElement(IdCardBorderRect,{ref:function(e){try{u&&e&&g(e.getTotalLength())}catch(e){debug("failed to measure SVG length",e)}},x:"0",y:"0",width:m.width||"100%",height:m.height||"100%",rx:t,ry:t,clipPath:"url(#round-corner)",stroke:a,strokeWidth:n,strokeOpacity:o,strokeDashoffset:u?v:void 0,strokeDasharray:u?f:void 0,className:u?"idmSdkProgressBorder ".concat(s?"idmSdkProgressPaused":""):""}))}var templateObject_1$u,templateObject_2$p,templateObject_3$j,templateObject_4$d,templateObject_5$8,IdCardBorderContainer=styled__default.default.div(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"],["\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])),wavesAnimation),SvgOverlay=styled__default.default.svg(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"]))),IdCardBorderRect=styled__default.default.rect(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: "," ","\n ",";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"],["\n &.idmSdkProgressBorder {\n animation: "," ","\n ",";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])),progressBorderAnimation,(function(e){var t;return null!==(t=e.$speed)&&void 0!==t?t:"3s"}),(function(e){var t;return null!==(t=e.$fillMode)&&void 0!==t?t:"forwards"})),defaultIdCaptureGuideImages={portrait:{SHOW_ID_FRONT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Front-SVG-Portrait-Borderless.svg"),width:386,height:573},SHOW_ID_BACK:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Back-SVG-Portrait-Borderless.svg"),width:386,height:573},SHOW_PASSPORT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-Passport-Front-SVG-Portrait-2.svg"),width:386,height:573}},landscape:{SHOW_ID_FRONT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Front-SVG-Landscape-Borderless.svg"),width:573,height:386},SHOW_ID_BACK:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Back-SVG-Landscape-Borderless.svg"),width:573,height:386},SHOW_PASSPORT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-Passport-Front-SVG-Landscape-2.svg"),width:573,height:386}}};function useGuideImagesByUrl(e){return React.useMemo((function(){return Object.fromEntries(Object.values(e).flatMap((function(e){return Object.values(e)})).map((function(e){return[e.url,e]})))}),[e])}function isObject(e){return!!e&&"object"==typeof e&&!Array.isArray(e)}function mergeDeep(e,t){var a=Object.assign({},e);return isObject(e)&&isObject(t)&&Object.keys(t).forEach((function(n){var r,o,i=n;isObject(t[i])?i in e?a[i]=mergeDeep(e[i],t[i]):Object.assign(a,((r={})[i]=t[i],r)):Object.assign(a,((o={})[i]=t[i],o))})),a}function useGuideImages(e){return React.useMemo((function(){return warnAboutImagesMissingDimensions(e),mergeDeep(defaultIdCaptureGuideImages,e)}),[e])}function warnAboutImagesMissingDimensions(e){Object.values(e).forEach((function(e){Object.values(e).forEach((function(e){!e.url||e.width&&e.height||warn("The image ".concat(e.url," is missing width and/or height. This will cause the image scaling issues in Safari. Please provide the width and height of the image."))}))}))}function useImagesWithBackToFront(e,t){var a=useGuideImages(e);return React.useMemo((function(){if(!t)return a;var e=structuredClone(a),n=e.portrait.SHOW_ID_FRONT;e.portrait.SHOW_ID_FRONT=e.portrait.SHOW_ID_BACK,e.portrait.SHOW_ID_BACK=n;var r=e.landscape.SHOW_ID_FRONT;return e.landscape.SHOW_ID_FRONT=e.landscape.SHOW_ID_BACK,e.landscape.SHOW_ID_BACK=r,e}),[a,t])}function getOrientation(e){return e&&window.innerWidth<window.innerHeight?"portrait":"landscape"}var templateObject_1$t,IdVideoCaptureFlipIdPrompt=function(e){var t=e.idCaptureGuideImages,a=void 0===t?defaultIdCaptureGuideImages:t,n=e.classNames,r=void 0===n?{}:n,o=e.borderWidth,i=e.borderColor,c=e.borderRadius,l=e.imageStyle,s=!useCameraStore((function(e){return e.isRearFacing})),d=React.useState(1),u=d[0],m=d[1],p=React.useState(0),f=p[0],g=p[1],v=["rotateY(".concat(f,"deg)")];s&&v.push("scaleX(-1)");var _=["rotateY(".concat(180-f,"deg)")];return s&&_.push("scaleX(-1)"),React.useEffect((function(){var e;function t(){m(1),g(180),e=setTimeout((function(){m(0),g(0)}),1500)}var a=setInterval(t,2500);return e=setTimeout(t,250),function(){clearInterval(a),clearTimeout(e)}}),[]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(FlipImageContainer,{className:r.frontImageContainer,status:"disabled",borderWidth:o,borderColor:i,borderRadius:c,$transforms:v.join(" "),$transitionTime:u,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{src:a.landscape.SHOW_ID_FRONT.url,className:r.frontImage,alt:"",style:l})),React__namespace.default.createElement(FlipImageContainer,{className:r.backImageContainer,status:"disabled",borderWidth:o,borderColor:i,borderRadius:c,$transforms:_.join(" "),$transitionTime:u,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{src:a.landscape.SHOW_ID_BACK.url,className:r.backImage,alt:"",style:l})))},FlipImageContainer=styled__default.default(IdCardGuideImageContainer)(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ","s;\n transform: ",";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"],["\n backface-visibility: hidden;\n transition: transform ","s;\n transform: ",";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])),(function(e){return e.$transitionTime}),(function(e){return e.$transforms})),GuideOrientationContext=React.createContext({orientation:"landscape",wrapperWidth:1,wrapperHeight:1,wrapperAspectRatio:0,imageAspectRatio:0,wrapperRef:null,setDimensions:function(){return null},onImageLoaded:function(){return null}});function GuideOrientationContextProvider(e){var t=e.children,a=React.useState({width:1,height:1})[1],n=React.useState(1),r=n[0],o=n[1],i=useResizeObserver__default.default(),c=i.ref,l=i.width,s=void 0===l?1:l,d=i.height,u=void 0===d?1:d,m=React.useMemo((function(){return s/u}),[u,s]),p=React.useCallback((function(e){var t=e.target;o(t.naturalWidth/t.naturalHeight)}),[]),f=React.useMemo((function(){return{orientation:"landscape",wrapperWidth:s,wrapperHeight:u,wrapperAspectRatio:m,imageAspectRatio:r,setDimensions:a,wrapperRef:c,onImageLoaded:p}}),[r,p,a,m,u,c,s]);return React__namespace.default.createElement(GuideOrientationContext.Provider,{value:f},t)}function useGuideOrientationContext(){var e=React.useContext(GuideOrientationContext);if(!e)throw new Error("useGuideOrientationContext cannot be used without GuideOrientationContextProvider");return e}var templateObject_1$s,templateObject_2$o,templateObject_3$i,templateObject_4$c,templateObject_5$7,templateObject_6$6,templateObject_7$4,templateObject_8$1,templateObject_9$1,templateObject_1$r,templateObject_2$n,FlipIdPrompt=function(e){var t=e.images,a=void 0===t?defaultIdCaptureGuideImages:t,n=e.width,r=e.height,o=e.borderWidth,i=void 0===o?20:o,c=e.borderColor,l=void 0===c?"white":c,s=e.borderRadius,d=void 0===s?25:s,u=e.isMirrored,m=void 0!==u&&u,p=e.portraitGuidesOnMobile,f=void 0===p||p,g=e.classNames,v=void 0===g?{}:g,_=useGuideOrientationContext().onImageLoaded,h=getOrientation(f),b=React.useState(1),C=b[0],y=b[1],R=React.useState(0),x=R[0],D=R[1],E=["rotateY(".concat(x,"deg)")];m&&E.push("scaleX(-1)");var w=["rotateY(".concat(180-x,"deg)")];return m&&w.push("scaleX(-1)"),React.useEffect((function(){var e,t=function(){y(1),D(180),e=setTimeout((function(){y(0),D(0)}),1500)},a=setInterval(t,2500);return e=setTimeout(t,250),function(){clearInterval(a),clearTimeout(e)}}),[]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(FlipImageContainer,{status:"disabled",className:v.frontImageContainer,borderWidth:i,borderColor:l,borderRadius:d,$transforms:E.join(" "),$transitionTime:C,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{alt:"",src:a[h].SHOW_ID_FRONT.url,className:v.frontImage,onLoad:_,width:n,height:r})),React__namespace.default.createElement(FlipImageContainer,{status:"disabled",className:v.backImageContainer,borderWidth:i,borderColor:l,borderRadius:d,$transforms:w.join(" "),$transitionTime:C,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{alt:"",src:a[h].SHOW_ID_BACK.url,className:v.backImage,width:n,height:r})))},IdCaptureGuideOverlay=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p=e.classNames,f=void 0===p?{}:p,g=e.images,v=void 0===g?defaultIdCaptureGuideImages:g,_=e.padding,h=e.imagePadding,b=e.imageVisible,C=void 0===b||b,y=e.borderWidth,R=e.borderColor,x=e.idCardBorderWidth,D=void 0===x?"2.5%":x,E=e.idCardBorderColor,w=void 0===E?"white":E,S=e.maskColor,k=e.isMirrored,I=void 0!==k&&k,T=e.isBackToFront,O=void 0!==T&&T,M=e.portraitGuidesOnMobile,L=void 0===M||M,j=e.instruction,F=void 0===j?"":j,B=e.requestedAction,N=void 0===B?"SHOW_ID_FRONT":B,$=e.progress,A=void 0===$?0:$,P=e.status,U=void 0===P?"ready":P,V=e.onClick,G=useGuideOrientationContext(),W=G.wrapperRef,q=G.wrapperWidth,z=G.wrapperHeight,H=G.imageAspectRatio,Y=G.wrapperAspectRatio,K=G.onImageLoaded,Z=G.setDimensions,X=useIdCaptureState(),J=X[0],Q=X[1],ee=styled.useTheme();void 0===y&&(y=null!==(n=null===(a=null===(t=ee.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:4),React.useEffect((function(){Z({width:q,height:z})}),[Z,z,q]);var te=null!=_?_:isMobile()?null!==(i=null===(o=null===(r=ee.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.mobilePadding)&&void 0!==i?i:0:null!==(s=null===(l=null===(c=ee.idCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.desktopPadding)&&void 0!==s?s:50,ae=2*te+2*y,ne=useImagesWithBackToFront(v,O),re=useGuideImagesByUrl(ne),oe=ne[getOrientation(L)]["FLIP_ID"===N?"SHOW_ID_FRONT":N],ie=null!==(m=null!=h?h:null===(u=null===(d=ee.idCapture)||void 0===d?void 0:d.guideBox)||void 0===u?void 0:u.imagePadding)&&void 0!==m?m:50,ce=J.guideRectWidth-2*ie,le=J.guideRectHeight-2*ie,se=H>=Y?q-ae:void 0,de=React.useCallback((function(e){var t,a;K(e);var n=e.currentTarget,r=re[n.src],o=null!==(t=null==r?void 0:r.width)&&void 0!==t?t:n.naturalWidth,i=null!==(a=null==r?void 0:r.height)&&void 0!==a?a:n.naturalHeight;Q({type:"guideImageLoaded",payload:{width:o,height:i}})}),[Q,K,re]);return React__namespace.default.createElement(StyledPageContainer,{ref:W,onClick:V,className:f.container},React__namespace.default.createElement(GuidesContainer,{className:f.inner},React__namespace.default.createElement(GuideRegion,{$maskColor:S,$minHeight:te,className:regionClsx(f,"Top")},""!==F&&React__namespace.default.createElement(GuideText,{className:f.guideText},F)),React__namespace.default.createElement(GuideCenterRow,{className:f.centerRow},React__namespace.default.createElement(Spacer,{$maskColor:S,$minWidth:te,className:regionClsx(f,"Left")}),React__namespace.default.createElement(GuideCenterRegion,{$minWidth:se,$isMirrored:I,className:f.centerRegion},React__namespace.default.createElement(GuideCenterBorder,{$borderWidth:y,$borderColor:R,$padding:ie,className:f.centerRegionBorder},React__namespace.default.createElement(GuideCenterInner,{className:f.centerRegionInner},React__namespace.default.createElement(IdCardGuideImageContainer,{status:U,progress:A,borderWidth:D,borderColor:w,$isVisible:"FLIP_ID"!==N},React__namespace.default.createElement(IdCardGuideImage,{alt:"",src:oe.url,onLoad:de,className:f.image,$isInvisible:!C,$isMirrored:I,width:ce,height:le})),"FLIP_ID"===N&&React__namespace.default.createElement(FlipIdPrompt,{images:ne,borderWidth:D,borderColor:w,portraitGuidesOnMobile:L,isMirrored:I,classNames:f.flipIdPrompt,width:ce,height:le})))),React__namespace.default.createElement(Spacer,{$maskColor:S,$minWidth:te,className:regionClsx(f,"Right")})),React__namespace.default.createElement(GuideRegion,{$maskColor:S,$minHeight:te,className:regionClsx(f,"Bottom")},""!==F&&React__namespace.default.createElement(GuideText,{style:{opacity:0}},F))))},regionClsx=function(e,t){return[e.dimmingRegion,e["dimmingRegion".concat(t)]].filter((function(e){return e})).join(" ")},StyledPageContainer=styled__default.default(PageContainerDiv)(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"],["\n z-index: 1000;\n overflow-y: hidden;\n"]))),GuidesContainer=styled__default.default.div(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"],["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"]))),GuideCenterRow=styled__default.default.div(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"],["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"]))),GuideRegion=styled__default.default.div(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ",";\n color: ",";\n text-align: center;\n ","\n ","\n"],["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ",";\n color: ",";\n text-align: center;\n ","\n ","\n"])),(function(e){var t,a,n,r,o;return null!==(o=null!==(t=e.$maskColor)&&void 0!==t?t:null===(r=null===(n=null===(a=e.theme)||void 0===a?void 0:a.idCapture)||void 0===n?void 0:n.guideOverlay)||void 0===r?void 0:r.backgroundColor)&&void 0!==o?o:"rgba(0, 0, 0, 0.5)"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.guideOverlay)||void 0===n?void 0:n.textColor)&&void 0!==r?r:"white"}),(function(e){return e.$minWidth?"min-width: ".concat(e.$minWidth,"px;"):""}),(function(e){return e.$minHeight?"min-height: ".concat(e.$minHeight,"px;"):""})),Spacer=styled__default.default(GuideRegion)(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n display: block;\n width: auto;\n"],["\n display: block;\n width: auto;\n"]))),GuideCenterRegion=styled__default.default.div(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n ","\n ","\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"],["\n ","\n ","\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])),(function(e){return e.$minWidth?"min-width: ".concat(e.$minWidth,"px;"):""}),(function(e){return e.$isMirrored?"transform: scaleX(-1);":""})),GuideCenterBorder=styled__default.default.div(templateObject_7$4||(templateObject_7$4=__makeTemplateObject(["\n box-sizing: border-box;\n border: ",";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ","\n"],["\n box-sizing: border-box;\n border: ",";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ","\n"])),(function(e){var t,a;return"".concat(null!==(t=e.$borderWidth)&&void 0!==t?t:4,"px solid ").concat(null!==(a=e.$borderColor)&&void 0!==a?a:"white")}),(function(e){return e.$padding?"padding: ".concat(e.$padding,"px;"):""})),GuideText=styled__default.default.span(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"],["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"]))),GuideCenterInner=styled__default.default.div(templateObject_9$1||(templateObject_9$1=__makeTemplateObject(["\n position: relative;\n margin: auto;\n"],["\n position: relative;\n margin: auto;\n"]))),IdCaptureFitGuide=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p=e.aspectRatio,f=e.maskColor,g=e.borderRadius,v=void 0===g?33:g,_=e.borderColor,h=e.borderWidth,b=e.padding,C=e.imageVisible,y=e.isMirrored,R=void 0!==y&&y,x=e.isBackToFront,D=void 0!==x&&x,E=e.portraitGuidesOnMobile,w=void 0===E||E,S=e.instruction,k=e.requestedAction,I=void 0===k?"SHOW_ID_FRONT":k,T=e.status,O=void 0===T?"ready":T,M=e.progress,L=void 0===M?0:M,j=e.images,F=void 0===j?defaultIdCaptureGuideImages:j,B=e.classNames,N=void 0===B?{}:B,$=useIdCaptureState(),A=$[0],P=A.redrawing,U=A.guideImageWidth,V=A.guideImageHeight,G=$[1],W=React.useRef(null),q=useResizeObserver__default.default(),z=q.ref,H=q.width,Y=void 0===H?1:H,K=q.height,Z=void 0===K?1:K,X=styled.useTheme();return void 0===h&&(h=null!==(n=null===(a=null===(t=X.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:4),void 0===b&&(b=isMobile()?null!==(i=null===(o=null===(r=X.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.mobilePadding)&&void 0!==i?i:0:null!==(s=null===(l=null===(c=X.idCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.desktopPadding)&&void 0!==s?s:0),void 0===p&&0!==U&&(p=U/V),void 0===f&&(f=null!==(m=null===(u=null===(d=X.idCapture)||void 0===d?void 0:d.guideOverlay)||void 0===u?void 0:u.backgroundColor)&&void 0!==m?m:"#708090"),React.useEffect((function(){var e=W.current;if(e){if(P){resetCanvasDimensions(e);var t=setTimeout((function(){G({type:"redrawInProgress"})}),10);return function(){clearTimeout(t)}}var a=Y-2*b-2*h,n=Z-2*b-2*h,r=[b+h,b+h,a,n],o=r[0],i=r[1],c=r[2],l=r[3];if(void 0!==p){var s=n*p;s<a?o+=(a-(c=s))/2:i+=(n-(l=a/p))/2}setCanvasDimensions(e,Y,Z);var d=e.getContext("2d");if(d)return d.fillStyle=f,d.clearRect(0,0,Y,Z),d.fillRect(0,0,Y,Z),d.beginPath(),d.roundRect(o,i,c,l,v),d.lineWidth=h,d.strokeStyle=null!=_?_:"white",(null==_?void 0:_.startsWith("var("))&&(d.strokeStyle=getComputedStyle(document.documentElement).getPropertyValue(_.slice(4,-1))),d.stroke(),d.fillStyle="rgba(0,0,0,1)",d.globalCompositeOperation="destination-out",d.fill(),d.globalCompositeOperation="source-over",G({type:"redrawCompleted",payload:{guideRectX:o,guideRectY:i,guideRectWidth:c,guideRectHeight:l,guideRectOffsetTop:e.offsetTop}}),function(){}}}),[p,_,v,h,G,f,b,P,Z,Y]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(CanvasWrapper$1,{ref:z,$maskColor:f,className:N.canvasWrapper},React__namespace.default.createElement(Canvas$1,{ref:W,className:N.canvas})),React__namespace.default.createElement(IdCaptureGuideOverlay,{maskColor:"transparent",borderWidth:0,isMirrored:R,isBackToFront:D,portraitGuidesOnMobile:w,instruction:S,images:F,classNames:N,imageVisible:C,requestedAction:I,status:O,progress:L}))},CanvasWrapper$1=styled__default.default.div(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n z-index: -1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n z-index: -1;\n"])),(function(e){return e.$maskColor})),Canvas$1=styled__default.default.canvas(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"])));function IdCaptureGuides(e){var t=e.guideType,a=void 0===t?"fit":t,n=e.status,r=void 0===n?"ready":n,o=e.progress,i=void 0===o?0:o,c=e.portraitGuidesOnMobile,l=void 0===c||c,s=e.requestedAction,d=void 0===s?"SHOW_ID_FRONT":s,u=e.isBackToFront,m=void 0!==u&&u,p=e.images,f=void 0===p?defaultIdCaptureGuideImages:p,g=e.classNames,v=void 0===g?{}:g,_=e.colors,h=void 0===_?{}:_,b=e.verbiage,C=void 0===b?{}:b,y=useIdCaptureState()[0],R=useCameraStore((function(e){return e.isRearFacing})),x=useTranslations(C,{instructionText:"Scan the front of ID",capturingText:"Capturing...",captureFailedText:"Capture failed!"});return React__namespace.default.createElement(React__namespace.default.Fragment,null,"overlay"===a&&React__namespace.default.createElement(IdCaptureGuideOverlay,{images:f,classNames:v,status:r,progress:i,instruction:y.captureFailed?x.captureFailedText:y.capturing?null==x?void 0:x.capturingText:x.instructionText,isMirrored:!R,borderColor:y.isGoodFrame?h.guideBoxSatisfiedColor:h.guideBoxUnsatisfiedColor,imageVisible:"FLIP_ID"===d||!y.idCardFrontDetectionThresholdMet||!y.documentInBounds||y.documentTooClose}),"fit"===a&&React__namespace.default.createElement(IdCaptureFitGuide,{images:f,classNames:v,requestedAction:d,status:r,progress:i,instruction:y.captureFailed?x.captureFailedText:y.capturing?null==x?void 0:x.capturingText:x.instructionText,isMirrored:!R,isBackToFront:m,portraitGuidesOnMobile:l,borderColor:y.isGoodFrame?h.guideBoxSatisfiedColor:h.guideBoxUnsatisfiedColor,imageVisible:"FLIP_ID"===d||!y.detectionThresholdMet||!y.documentInBounds||y.documentTooClose||y.backDetectedFirst||y.flipRequired}))}var templateObject_1$q,templateObject_2$m,templateObject_3$h,templateObject_4$b,templateObject_1$p,templateObject_2$l,templateObject_1$o,templateObject_1$n,templateObject_1$m,templateObject_2$k,templateObject_3$g,templateObject_4$a,templateObject_5$6,templateObject_6$5,templateObject_7$3,IdCaptureImagePreview=function(e){var t=e.classNames,a=void 0===t?{}:t,n=e.text,r=e.imageUrl,o=React.useRef(null),i=React.useState(!1),c=i[0],l=i[1],s=React.useState(0),d=s[0],u=s[1];return React__namespace.default.createElement(ImagePreviewWrapper,{className:a.container,style:{opacity:c?1:0}},n&&React__namespace.default.createElement(ImagePreviewText,{className:a.text},n),React__namespace.default.createElement(ImagePreviewImageWrapper,{className:a.imageContainer,style:{aspectRatio:d}},React__namespace.default.createElement("img",{ref:o,src:r,alt:"",className:a.image,onLoad:function(){u(o.current.naturalWidth/o.current.naturalHeight),l(!0)},onError:function(){error("failed to load image from url",r)}})))},SelfieProgressPreview=function(e){var t=e.classNames,a=void 0===t?{}:t,n=e.text,r=e.imageUrl,o=React.useRef(null),i=React.useState(!1),c=i[0],l=i[1],s=React.useState(0),d=s[1];return React__namespace.default.createElement(ImagePreviewWrapper,{className:a.container,style:{aspectRatio:s[0],opacity:c?1:0}},React__namespace.default.createElement(ImagePreviewText,{className:a.text},React__namespace.default.createElement(StyledSpinner,{className:a.spinner,$size:24,$color:"white",$thickness:3}),n),React__namespace.default.createElement(ImagePreviewImageWrapper,{className:a.imageContainer},React__namespace.default.createElement("img",{ref:o,src:r,alt:"",className:a.image,onLoad:function(){d(o.current.naturalWidth/o.current.naturalHeight),l(!0)},onError:function(){error("failed to load image from url",r)}})))},StyledSpinner=styled__default.default(Spinner)(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"],["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"]))),ImagePreviewWrapper=styled__default.default.div(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"],["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"]))),ImagePreviewText=styled__default.default.div(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"],["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"]))),ImagePreviewImageWrapper=styled__default.default.div(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"],["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"]))),documentCaptureInitialState={documents:[],currentDocumentIndex:0,initialDrawComplete:!1,redrawing:!1,capturing:!1,rectX:0,rectY:0,rectWidth:0,rectHeight:0,rectOffsetTop:0,uploadCapturedDocument:function(){return Promise.resolve()}},DocumentCaptureStateContext=React.createContext(documentCaptureInitialState),DocumentCaptureDispatchContext=React.createContext((function(){})),documentCaptureStateReducer=function(e,t){var a,n,r,o,i;switch(t.type){case"setDocuments":return _assign(_assign({},e),{documents:t.payload,currentDocumentIndex:0});case"setHooks":return _assign(_assign({},e),t.payload);case"redrawRequested":return _assign(_assign({},e),{redrawing:!0,rectX:0,rectY:0,rectWidth:0,rectHeight:0,rectOffsetTop:0});case"redrawInProgress":return _assign(_assign({},e),{redrawing:!1,rectX:0,rectY:0,rectWidth:0,rectHeight:0,rectOffsetTop:0});case"redrawCompleted":return _assign(_assign(_assign({},e),t.payload),{initialDrawComplete:!0});case"captureRequested":return _assign(_assign({},e),{capturing:!0});case"captureCompleted":return(c=_assign(_assign({},e),{capturing:!1})).documents[l=e.currentDocumentIndex].content=t.payload.content,c.documents[l].contentUrl=t.payload.contentUrl,null===(a=e.onDocumentCaptured)||void 0===a||a.call(e,c.documents[l]),c;case"retryCapture":return(c=_assign({},e)).documents[l=e.currentDocumentIndex].content=void 0,c.documents[l].contentUrl=void 0,c;case"uploadStarted":return(c=_assign({},e)).documents[l=e.currentDocumentIndex].uploadState="in_progress",c;case"uploadCompleted":return(c=_assign({},e)).documents[l=e.currentDocumentIndex].documentId=t.payload.documentId,c.documents[l].uploadState="succeeded",null===(r=(n=c.documents[l]).onUploaded)||void 0===r||r.call(n,c.documents[l]),null===(o=e.onDocumentUploaded)||void 0===o||o.call(e,c.documents[l]),e.documents.length-1>l?c.currentDocumentIndex+=1:null===(i=e.onAllDocumentsUploaded)||void 0===i||i.call(e,c.documents),c;case"uploadFailed":var c,l;return(c=_assign({},e)).documents[l=e.currentDocumentIndex].uploadState="failed",c;default:return e}},DocumentCaptureStateProvider=function(e){var t=e.documents,a=void 0===t?[]:t,n=e.aspectRatio,r=e.cameraFeedMode,o=e.instructions,i=e.onDocumentCaptured,c=e.onDocumentUploaded,l=e.onAllDocumentsUploaded,s=e.children,d=React.useReducer(documentCaptureStateReducer,documentCaptureInitialState),u=d[0],m=d[1],p=useCameraStore(),f=p.videoStream,g=p.videoRef,v=React.useContext(SubmissionContext).uploadDocument,_=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var a;return __generator(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),m({type:"uploadStarted"}),[4,v(e,{filetype:t})];case 1:return a=n.sent(),setTimeout((function(){m({type:"uploadCompleted",payload:{documentId:a}})}),0),[3,3];case 2:return n.sent(),m({type:"uploadFailed"}),[3,3];case 3:return[2]}}))}))}),[v]);React.useEffect((function(){var e=(null==a?void 0:a.length)?a.map((function(e){return _assign(_assign({title:"Document Capture",aspectRatio:n,cameraFeedMode:"snapToGuides",instructions:o},e),{uploadState:"not_started"})})):[{title:"Document Capture",aspectRatio:n,cameraFeedMode:null!=r?r:"snapToGuides",instructions:o,uploadState:"not_started"}];m({type:"setDocuments",payload:e}),e.forEach((function(e){e.content&&(e.contentUrl||(e.contentUrl=URL.createObjectURL(e.content)),_(e.content,e.content.type))}))}),[n,r,a,o,_]),React.useEffect((function(){m({type:"setHooks",payload:{onDocumentCaptured:i,onDocumentUploaded:c,onAllDocumentsUploaded:l}})}),[i,l,c]);var h=useDebounce.useDebouncedCallback((function(){m({type:"redrawRequested"})}),500);React.useLayoutEffect((function(){if("undefined"!=typeof window)return window.addEventListener("resize",h),function(){window.removeEventListener("resize",h)}}),[h]);var b=g.current;React.useEffect((function(){if(u.capturing&&(null==f?void 0:f.active))if("undefined"!=typeof ImageCapture){var e=f.getTracks().find((function(e){return"video"===e.kind}));if(!e)throw new Error("Failed to find a video feed for taking a photo");new ImageCapture(e).takePhoto().then(a).catch((function(){}))}else if(b){var t=document.createElement("canvas");drawToCanvas(t,b),t.toBlob(a)}function a(e){if(e){var t=URL.createObjectURL(e);m({type:"captureCompleted",payload:{content:e,contentUrl:t}})}}}),[u.capturing,f,b]);var C=React.useMemo((function(){return _assign(_assign({},u),{uploadCapturedDocument:_})}),[u,_]);return React__namespace.default.createElement(DocumentCaptureStateContext.Provider,{value:C},React__namespace.default.createElement(DocumentCaptureDispatchContext.Provider,{value:m},s))},useDocumentCaptureState=function(){var e=React.useContext(DocumentCaptureStateContext),t=React.useContext(DocumentCaptureDispatchContext);if(!e||!t)throw new Error("useDocumentCaptureState cannot be used without DocumentCaptureStateProvider");return[e,t]},DocumentCaptureGuideOverlay=function(e){var t,a,n,r,o,i,c,l,s,d=e.aspectRatio,u=e.borderRadius,m=void 0===u?25:u,p=e.borderColor,f=e.borderWidth,g=e.maskColor,v=e.padding,_=e.classNames,h=void 0===_?{}:_,b=useResizeObserver__default.default(),C=b.ref,y=b.width,R=void 0===y?1:y,x=b.height,D=void 0===x?1:x,E=useDocumentCaptureState(),w=E[0].redrawing,S=E[1],k=React.useRef(null),I=styled.useTheme();return void 0===f&&(f=null!==(n=null===(a=null===(t=I.documentCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:4),void 0===v&&(v=isMobile()?null!==(i=null===(o=null===(r=I.documentCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.mobilePadding)&&void 0!==i?i:0:null!==(s=null===(l=null===(c=I.documentCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.desktopPadding)&&void 0!==s?s:0),React.useEffect((function(){var e=k.current;if(e){if(w)return resetCanvasDimensions(e),void setTimeout((function(){S({type:"redrawInProgress"})}),10);var t=R-2*v-2*f,a=D-2*v-2*f,n=[v+f,v+f,t,a],r=n[0],o=n[1],i=n[2],c=n[3];if(void 0!==d){var l=a*d;l<t?r+=(t-(i=l))/2:o+=(a-(c=t/d))/2}setCanvasDimensions(e,R,D);var s=e.getContext("2d");if(s)s.fillStyle=g,s.clearRect(0,0,R,D),s.fillRect(0,0,R,D),s.beginPath(),s.roundRect(r,o,i,c,m),s.lineWidth=f,s.strokeStyle=null!=p?p:"white",s.stroke(),s.fillStyle="rgba(0,0,0,1)",s.globalCompositeOperation="destination-out",s.fill(),s.globalCompositeOperation="source-over",S({type:"redrawCompleted",payload:{rectX:r,rectY:o,rectWidth:i,rectHeight:c,rectOffsetTop:e.offsetTop}})}}),[d,p,m,f,S,g,v,w,D,R]),React__namespace.default.createElement(CanvasWrapper,{ref:C,className:h.container,$maskColor:g},React__namespace.default.createElement(Canvas,{ref:k}))},CanvasWrapper=styled__default.default.div(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n"],["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n"])),(function(e){return e.$maskColor})),Canvas=styled__default.default.canvas(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),CameraFeedWrapper=styled__default.default.div(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){return"snapToGuides"===e.$mode?"display: flex;\n position: absolute;\n left: ".concat(e.$x,"px;\n top: ").concat(e.$y,"px;\n width: ").concat(e.$w,"px;\n height: ").concat(e.$h,"px;"):""})),CameraVideoTag=function(e){var t=useCameraStore(shallow.useShallow((function(e){return{videoRef:e.videoRef,videoStream:e.videoStream,onVideoMounted:e.onVideoMounted,isRearFacing:e.isRearFacing}}))),a=t.videoRef,n=t.videoStream,r=t.onVideoMounted,o=t.isRearFacing;return React.useEffect((function(){a.current&&n&&(debug("attaching camera stream to video tag"),a.current.srcObject=n)}),[n,a]),React__namespace.default.createElement(FullscreenVideoTag,_assign({autoPlay:!0,playsInline:!0,muted:!0,ref:a,onLoadedData:r,$isRearFacing:o},e))},FullscreenVideoTag=styled__default.default.video(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n transform: ",";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"],["\n transform: ",";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])),(function(e){return e.$isRearFacing?"":"scaleX(-1)"})),DocumentCaptureScreen=function(e){var t,a,n,r,o,i=e.onCaptureClicked,c=e.classNames,l=void 0===c?{}:c,s=e.verbiage,d=void 0===s?{}:s,u=useDocumentCaptureState(),m=u[0],p=m.rectX,f=m.rectY,g=m.rectWidth,v=m.rectHeight,_=m.rectOffsetTop,h=m.capturing,b=m.uploadCapturedDocument,C=u[1],y=null!==(t=m.documents[m.currentDocumentIndex])&&void 0!==t?t:{},R=y.title,x=y.aspectRatio,D=y.cameraFeedMode,E=y.instructions,w=y.contentUrl,S=y.content,k=y.uploadState,I=useCameraStore(),T=I.videoStream,O=I.cameraReady,M=I.cameraAccessDenied,L=I.requestCameraAccess,j=React.useState(!1),F=j[1],B="not_started"===k&&!S&&!j[0]&&!(null==T?void 0:T.active);React.useEffect((function(){B&&(F(!0),L())}),[B,L]);var N=null!==(r=null===(n=null===(a=styled.useTheme().documentCapture)||void 0===a?void 0:a.guideBox)||void 0===n?void 0:n.maskColor)&&void 0!==r?r:"snapToGuides"===D?"#708090":"rgba(0, 0, 0, 0.5)",$=useTranslations(d,{headingText:R,loadingBtnText:"Camera initializing...",retryCameraAccessBtnText:"Retry",captureBtnText:"Capture",capturingBtnText:"Capturing...",retryCaptureBtnText:"Retry capture",uploadBtnText:"Upload",uploadingBtnText:"Uploading...",retryUploadBtnText:"Retry",successBtnText:"Upload succeeded!"});function A(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,b(S,"image/jpeg")];case 1:return e.sent(),[2]}}))}))}return React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(o=l.container)&&void 0!==o?o:"")},React__namespace.default.createElement(CameraFeedWrapper,{className:l.cameraFeedWrapper,$mode:null!=D?D:"snapToGuides",$x:p,$y:f+_,$w:g,$h:v},w?React__namespace.default.createElement(PreviewImage,{alt:"",src:w,className:l.previewImage}):React__namespace.default.createElement(CameraVideoTag,{className:l.cameraFeed})),React__namespace.default.createElement(CaptureContainer,{className:l.captureContainer},React__namespace.default.createElement(HeadingRow,{$maskColor:N,className:l.headingRow},React__namespace.default.createElement(Heading$9,{className:l.heading},$.headingText)),React__namespace.default.createElement(DocumentCaptureGuideOverlay,{aspectRatio:x,classNames:l,maskColor:N}),React__namespace.default.createElement(FooterRow,{$maskColor:N,className:l.footerRow},E&&React__namespace.default.createElement(Instructions,{className:l.instructions},E),React__namespace.default.createElement(StyledButtonsRow$9,{className:l.buttonsRow},M?React__namespace.default.createElement(LoaderButton,{className:l.retryCameraAccessBtn,variant:"negative",finished:!0,onClick:L},$.retryCameraAccessBtnText):w?React__namespace.default.createElement(React__namespace.default.Fragment,null,"not_started"===k?React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(LoaderButton,{className:l.retryCaptureBtn,finished:!0,variant:"warning",onClick:function(){C({type:"retryCapture"})}},$.retryCaptureBtnText),React__namespace.default.createElement(LoaderButton,{className:l.uploadBtn,finished:!0,variant:"positive",onClick:A},$.uploadBtnText)):React__namespace.default.createElement(LoaderButton,{className:l.uploadProgressBtn,finished:"in_progress"!==k,variant:"failed"===k?"negative":"positive",onClick:A,disabled:["in_progress","succeeded"].includes(null!=k?k:"")},"succeeded"===k?$.successBtnText:"failed"===k?$.retryUploadBtnText:$.uploadingBtnText)):React__namespace.default.createElement(LoaderButton,{className:l.captureBtn,finished:O,variant:"primary",onClick:function(){C({type:"captureRequested"}),null==i||i()},disabled:!O||h},O?h?$.capturingBtnText:$.captureBtnText:$.loadingBtnText)))))},CaptureContainer=styled__default.default.div(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"],["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"]))),HeadingRow=styled__default.default.div(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n background: ",";\n text-align: center;\n color: white;\n"],["\n background: ",";\n text-align: center;\n color: white;\n"])),(function(e){return e.$maskColor})),Heading$9=styled__default.default.h1(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n font-size: 22px;\n"],["\n font-size: 22px;\n"]))),FooterRow=styled__default.default.div(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])),(function(e){return e.$maskColor})),Instructions=styled__default.default.div(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n max-height: ",";\n overflow-y: auto;\n"],["\n max-height: ",";\n overflow-y: auto;\n"])),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.documentCapture)||void 0===t?void 0:t.instructions)||void 0===a?void 0:a.maxHeight)&&void 0!==n?n:"8rem"})),StyledButtonsRow$9=styled__default.default(ButtonsRow)(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n padding-top: 20px;\n"],["\n padding-top: 20px;\n"]))),PreviewImage=styled__default.default.img(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"]))),DocumentCaptureWizard=function(e){var t=e.documents,a=e.classNames,n=e.verbiage;return React__namespace.default.createElement(DocumentCaptureStateProvider,{documents:void 0===t?[]:t,aspectRatio:e.aspectRatio,cameraFeedMode:e.cameraFeedMode,instructions:e.instructions,onDocumentCaptured:e.onDocumentCaptured,onDocumentUploaded:e.onDocumentUploaded,onAllDocumentsUploaded:e.onSuccess},React__namespace.default.createElement(DocumentCaptureScreen,{classNames:void 0===a?{}:a,verbiage:void 0===n?{}:n}))};function useFileState(){var e=React.useState(),t=e[0],a=e[1],n=React.useCallback((function(e){var t,n;a(null===(n=null===(t=e.currentTarget)||void 0===t?void 0:t.files)||void 0===n?void 0:n[0])}),[a]);return{rawFile:t,fileInputOnChange:n}}function useFileDataUrl(e){var t=React.useState(),a=t[0],n=t[1];return React.useEffect((function(){if(e){var t=!1,a=new FileReader;return a.onload=function(){return!t&&n(a.result)},a.readAsDataURL(e),function(){t=!0}}}),[e]),{url:a}}function useResizeMaxEdge(e){var t=this,a=e.maxEdgePx,n=void 0===a?2048:a,r=useFileDataUrl(e.rawFile).url,o=React.useState(),i=o[0],c=o[1];return React.useEffect((function(){if(r){var e=!1,a=new Image;return a.onload=function(){return __awaiter(t,void 0,void 0,(function(){var t,r,o,i,l,s;return __generator(this,(function(d){if(e)return[2];if(r=(t=a.width>a.height?{width:n,height:n/a.width*a.height}:{width:n/a.height*a.width,height:n}).width,o=t.height,(i=document.createElement("canvas")).width=r,i.height=o,null==(l=i.getContext("2d")))throw new Error("Can't obtain canvas context");return l.imageSmoothingQuality="high",l.drawImage(a,0,0,a.width,a.height,0,0,r,o),s=i.toDataURL("image/jpeg",.95),e||c(s),[2]}))}))},a.src=r,function(){e=!0}}}),[n,r]),{resizedImageFile:i}}var templateObject_1$l,templateObject_2$j,templateObject_3$f,templateObject_4$9,templateObject_5$5,templateObject_6$4,IdCaptureFallback=function(e){var t=e.idCaptureRequirement,a=void 0===t?"idCardOrPassport":t,n=e.onCapture,r=e.onFinished,o=e.classNames,i=void 0===o?{}:o,c=e.colors,l=void 0===c?{}:c,s=e.verbiage,d=void 0===s?{}:s,u=e.silentFallback,m=void 0!==u&&u,p=React.useRef(null),f=React.useRef(null),g=React.useState([]),v=g[0],_=g[1],h=React.useState(),b=h[0],C=h[1],y=React.useState(m),R=y[0],x=y[1],D=allowedImageCountForOption(a),E=requiredImageCountForOption(a),w=useFileState(),S=w.fileInputOnChange,k=useResizeMaxEdge({rawFile:w.rawFile}).resizedImageFile,I=React.useState(!1),T=I[0],O=I[1],M="idCard"===a?"ID card":"passport"===a?"passport":"idCardOrPassport"===a?"ID card or passport":"ID card and passport",L="idCard"===a||"idCardAndPassport"===a?"Please capture the front of your ID card.":"passport"===a?"Please capture the ID page of your passport.":"Please capture the front of your ID card, or the ID page of your passport.",j="idCardOrPassport"===a?"Please capture the back of your ID card, or click Done if submitting a passport.":"Please capture the back of your ID card.",F=useTranslations(d,{headingText:"We're having some trouble.",descriptionText:"On-device capture guidance failed, please capture ".concat(E>1?"photos":" a photo"," of your ").concat(M," manually."),firstInstructionText:L,secondInstructionText:j,thirdInstructionText:"Please capture the ID page of your passport.",captureBtnText:"Capture",captureMoreBtnText:"Capture ".concat(2===v.length?"ID page of passport":"back of ID card"),doneBtnText:"Done"});React.useEffect((function(){k&&k!==p.current&&(p.current=k,_((function(e){return __spreadArray(__spreadArray([],e,!0),[k],!1)})),null==n||n(k),C(void 0),x(!1),O(!1))}),[n,k]);var B=0===v.length?F.firstInstructionText:1===v.length?F.secondInstructionText:F.thirdInstructionText;return R&&(x(!1),C(B)),!isMobile()&&b||R?React__namespace.default.createElement(DocumentCaptureWizard,{documents:[{title:b}],onDocumentCaptured:function(e){var t=e.contentUrl;null==n||n(t),setTimeout((function(){_((function(e){return __spreadArray(__spreadArray([],e,!0),[t],!1)})),C(void 0)}),0)}}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(OverlayContainer,{className:i.container},React__namespace.default.createElement(StyledOverlayInner$2,{className:i.inner},!m&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(Heading$8,{className:i.heading},F.headingText),React__namespace.default.createElement(Description$3,{className:i.description},F.descriptionText)),(v.length>0||T)&&React__namespace.default.createElement(OverlayImageRow,{className:i.imageContainer},v.map((function(e,t){return React__namespace.default.createElement(ImageCol,{key:t,className:i.imageCol},React__namespace.default.createElement("img",{src:e,alt:"",className:i.image}))}))),v.length<E&&React__namespace.default.createElement(Instruction,{className:i.instruction},B),React__namespace.default.createElement("input",{ref:f,type:"file",accept:"image/*",capture:"environment",onChange:function(e){var t;(null===(t=e.target.files)||void 0===t?void 0:t[0])&&(C(void 0),O(!0),S(e))},hidden:!0}),React__namespace.default.createElement(StyledButtonsRow$8,{className:i.buttonsRow},v.length<D&&React__namespace.default.createElement(LoaderButton,{variant:v.length>0?"secondary":"positive",className:v.length>0?i.captureMoreBtn:i.captureBtn,colors:v.length>0?l.captureMoreBtn:l.captureBtn,finished:!0,onClick:function(){var e;isMobile()?null===(e=f.current)||void 0===e||e.click():C(B)}},v.length>0?F.captureMoreBtnText:F.captureBtnText),v.length>=E&&React__namespace.default.createElement(LoaderButton,{variant:"positive",className:i.doneBtn,colors:l.doneBtn,finished:!0,onClick:function(){null==r||r(v)}},F.doneBtnText)))))},StyledOverlayInner$2=styled__default.default(OverlayInner$2)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n justify-content: center;\n"],["\n justify-content: center;\n"]))),Heading$8=styled__default.default.h3(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Description$3=styled__default.default.p(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Instruction=styled__default.default.p(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"]))),ImageCol=styled__default.default.div(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"],["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"]))),StyledButtonsRow$8=styled__default.default(ButtonsRow)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"])));function ScalingCameraFeed(){var e=React.useContext(IdCaptureStateContext);return"complete"===e.captureState?null:React__namespace.default.createElement(CameraFeedWrapper,{$x:e.guideRectX,$y:e.guideRectY,$w:e.guideRectWidth,$h:e.guideRectHeight,$mode:"snapToGuides"},React__namespace.default.createElement(CameraVideoTag,null))}var IdCaptureWizard=function(e){var t,a,n,r,o,i,c=e.onSuccess,l=e.onExitCapture,s=e.onUserCancel,d=e.loadingOverlayMode,u=void 0===d?"default":d,m=e.customOverlayContent,p=e.onLoadingOverlayDismissed,f=e.precapturedDocuments,g=e.captureRequirement,v=void 0===g?"idCardOrPassport":g,_=e.separateIdCardCaptureSequence,h=void 0!==_&&_,b=e.thresholds,C=void 0===b?defaultIdCaptureThresholds:b,y=e.skipSuccessScreen,R=void 0!==y&&y,x=e.instructions,D=e.releaseCameraAccessOnExit,E=void 0===D||D,w=e.guideType,S=void 0===w?"fit":w,k=e.portraitGuidesOnMobile,I=void 0===k||k,T=e.rotateLoadingOverlayImageWhenPortrait,O=void 0===T||T,M=e.silentFallback,L=void 0!==M&&M,j=e.forceFallbackMode,F=void 0!==j&&j,B=e.allowIdCardBackToFrontCapture,N=void 0!==B&&B,$=e.enableOverrideWrongDocumentTypeDialog,A=void 0!==$&&$,P=e.allowOverrideWrongDocumentTypeAfterMs,U=void 0===P?8e3:P,V=e.guideImages,G=void 0===V?defaultIdCaptureGuideImages:V,W=e.assets,q=void 0===W?{}:W,z=e.classNames,H=void 0===z?{}:z,Y=e.colors,K=void 0===Y?{}:Y,Z=e.verbiage,X=void 0===Z?{}:Z,J=e.debugMode,Q=void 0!==J&&J,ee=useIdCaptureState(),te=ee[0],ae=ee[1],ne=useCameraStore(),re=ne.cameraAccessDenied,oe=ne.requestCameraAccess,ie=ne.releaseCameraAccess,ce=React.useState(!1),le=ce[0],se=ce[1],de=React.useContext(SubmissionContext),ue=de.submissionStatus,me=de.setIdFrontImage,pe=de.setIdBackImage,fe=de.setPassportImage,ge=de.logIdFrontCaptureAttempt,ve=de.logIdBackCaptureAttempt,_e=React.useContext(IdCaptureModelsContext),he=_e.start,be=_e.stop,Ce=_e.onPredictionMade,ye=_e.setRequiredDocumentType,Re=_e.modelError,xe=_e.resetBestFrame;React.useEffect((function(){ae({type:"configureWizard",payload:{captureRequirement:v,precapturedDocuments:f,allowIdCardBackToFrontCapture:N,enableOverrideWrongDocumentTypeDialog:A,allowOverrideWrongDocumentTypeAfterMs:U}})}),[N,U,v,ae,A,f]);var De=Object.keys(te.capturedDocuments).length;React.useEffect((function(){De&&xe()}),[De,xe]);var Ee=React.useCallback((function(e){var t;e.operationTime=(new Date).getTime()-(null!==(t=te.operationStartedAt)&&void 0!==t?t:new Date).getTime(),"idCardBack"===te.requestedDocumentType?ve(e):ge(e)}),[ve,ge,te.operationStartedAt,te.requestedDocumentType]);React.useEffect((function(){le&&"capturing"===te.captureState&&(ae({type:"captureStarted"}),he())}),[ae,le,he,te.captureState]),React.useEffect((function(){Ce((function(e){"capturing"===te.captureState?ae({type:"objectsDetected",payload:{prediction:e}}):"requestingFlip"===te.captureState&&"selfie"!==te.requestedDocumentType&&e["".concat(te.requestedDocumentType,"DetectionThresholdMet")]&&(xe(),ae({type:"flipRequestCompleted"}))}))}),[ae,Ce,xe,te.captureState,te.requestedDocumentType]),React.useEffect((function(){"complete"===te.captureState&&be()}),[te.captureState,be]);var we=React.useCallback((function(e,t,a,n,r){Ee(r),ae({type:"documentCaptured",payload:{imageData:e,width:t,height:a,documentType:n,boundingBox:r.boundingBox,detectionScore:r.bestDetectionScore,focusScore:r.bestFocusScore}})}),[ae,Ee]),Se=React.useCallback((function(){var e=te.capturedDocuments,t=e.idCardFront,a=e.idCardBack,n=e.passport,r=t&&dataUrlToBase64Sync(t.imageData),o=a&&dataUrlToBase64Sync(a.imageData),i=n&&dataUrlToBase64Sync(n.imageData);r&&me(r),o&&pe(o),i&&fe(i),E&&ie(),setTimeout((function(){null==c||c({idFrontImage:r,idBackImage:o,passportImage:i})}),0)}),[c,ie,E,pe,me,fe,te.capturedDocuments]),ke=useShowSuccessScreen(R,"complete"===te.captureState,Se),Ie=React.useCallback((function(){ae({type:"resetWizard"})}),[ae]),Te=React.useState(0),Oe=Te[0],Me=Te[1],Le=React.useCallback((function(){ie(),se(!1),Me((function(e){return e+1})),ae({type:"resetWizard"}),null==l||l(),oe()}),[ae,l,ie,oe]);React.useEffect((function(){ue!==SubmissionStatus.READY&&E&&ie()}),[ie,E,ue]),React.useEffect((function(){re&&(se(!1),Me((function(e){return e+1})))}),[re]);var je={idCardFront:useTranslations(X.idCardFront,{instructionText:"Scan the front of ID",processingIdCardText:"ID card ".concat("idCardFront"in te.capturedDocuments?"front":"back"," captured.")}),idCardBack:useTranslations(X.idCardBack,{instructionText:"Scan the back of ID"}),passport:useTranslations(X.passport,{instructionText:"Scan the ID page of passport"})},Fe=styled.useTheme(),Be=je[te.requestedDocumentType];React.useEffect((function(){if(!h&&"requestingFlip"===te.captureState){var e=setTimeout((function(){xe(),ae({type:"flipRequestCompleted"})}),6e3);return function(){clearTimeout(e)}}}),[ae,xe,h,te.captureState]),React.useEffect((function(){return"idCardFront"===te.requestedDocumentType&&ye("idCardOrPassport"===v?["idCardFront","passport"]:"idCardFront"),"idCardBack"===te.requestedDocumentType&&ye("idCardBack"),"passport"===te.requestedDocumentType&&ye("passport"),function(){ye("none")}}),[v,ye,te.requestedDocumentType]);var Ne=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:return[4,dataUrlToBase64(e)];case 1:return t=a.sent(),ae({type:"documentCapturedManually",payload:{imageData:t}}),[2]}}))}))}),[ae]),$e=React.useState(!1),Ae=$e[0],Pe=$e[1];if(React.useEffect((function(){"capturing"===te.captureState&&Pe(!1)}),[te.captureState]),React.useEffect((function(){te.goodFramesCount>0&&Pe(!0)}),[te.goodFramesCount]),F||Re)return React__namespace.default.createElement(IdCaptureFallback,{idCaptureRequirement:v,onFinished:Se,onCapture:Ne,classNames:H.fallback,colors:K.fallback,verbiage:X.fallback,silentFallback:L});var Ue="requestingFlip"===te.captureState?"FLIP_ID":"idCardBack"===te.requestedDocumentType?"SHOW_ID_BACK":"passport"===te.requestedDocumentType?"SHOW_PASSPORT":"SHOW_ID_FRONT",Ve=le?te.isGoodFrame?"capturing":"ready":"disabled";return React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=null==H?void 0:H.container)&&void 0!==t?t:"")},React__namespace.default.createElement(ScalingCameraFeed,null),le&&"capturing"===te.captureState&&React__namespace.default.createElement(IdCapture,{requiredDocumentType:te.requestedDocumentType,thresholds:C,onCapture:we,classNames:null==H?void 0:H.capture,colors:K,verbiage:Be,debugMode:Q}),React__namespace.default.createElement(IdCaptureGuides,{key:"guides".concat(Oe),guideType:S,status:Ve,progress:Ae&&"capturing"===te.captureState?1:0,portraitGuidesOnMobile:I,requestedAction:Ue,images:G,classNames:H.guides,colors:K,verbiage:Be,isBackToFront:te.allowIdCardBackToFrontCapture&&"idCardBack"in te.capturedDocuments}),Q&&!(null===(n=null===(a=Fe.idCapture)||void 0===a?void 0:a.capturePreview)||void 0===n?void 0:n.disabled)&&"requestingFlip"===te.captureState&&!h&&te.imageUrl&&React__namespace.default.createElement(IdCaptureImagePreview,{classNames:null===(r=H.capture)||void 0===r?void 0:r.imagePreview,text:null===(o=null==je?void 0:je.idCardFront)||void 0===o?void 0:o.processingIdCardText,imageUrl:te.imageUrl}),"complete"!==te.captureState&&React__namespace.default.createElement("div",{id:"idmission-above-guides-content"}),React__namespace.default.createElement(ExitCaptureButton,{onClick:Le,className:null===(i=H.capture)||void 0===i?void 0:i.exitCaptureBtn}),!le&&React__namespace.default.createElement(IdCaptureLoadingOverlay,{key:"loading".concat(Oe),mode:u,customOverlayContent:m,instructions:x,assets:q.loadingOverlay,classNames:H.loadingOverlay,colors:K.loadingOverlay,verbiage:X.loadingOverlay,onUserCancel:s,onDismissed:function(){se(!0),null==p||p()},rotateImage:O&&I&&window.innerWidth<window.innerHeight}),"requestingFlip"===te.captureState&&h&&React__namespace.default.createElement(IdCaptureSuccess,{capturedDocuments:te.capturedDocuments,classNames:H.success,onSubmitClick:function(){ae({type:"flipRequestCompleted"})},onRetryClick:Ie,colors:K.success,verbiage:X.success}),"complete"===te.captureState&&ke&&React__namespace.default.createElement(IdCaptureSuccess,{capturedDocuments:te.capturedDocuments,classNames:H.success,onSubmitClick:Se,onRetryClick:Ie,colors:K.success,verbiage:X.success,debugMode:Q}))};function SelfieCaptureLoadingGraphic(e){var t,a,n,r=e.width,o=void 0===r?840:r,i=e.height,c=void 0===i?740:i,l=e.className,s=React.useState(1),d=s[0],u=s[1];React.useEffect((function(){var e=setInterval((function(){u((function(e){return(e+1)%10}))}),750);return function(){clearInterval(e)}}),[]);var m=null!==(n=null===(a=null===(t=styled.useTheme().selfieCapture)||void 0===t?void 0:t.guides)||void 0===a?void 0:a.satisfiedColor)&&void 0!==n?n:"var(--idm-color-positive-600)";return React__namespace.default.createElement("svg",{width:o,height:c,className:l,viewBox:"0 0 840 740",fill:"none",preserveAspectRatio:"xMidYMax slice",xmlns:"http://www.w3.org/2000/svg"},React__namespace.default.createElement("g",{clipPath:"url(#clip0_428_1188)"},React__namespace.default.createElement("mask",{id:"mask0_428_1188",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"840",height:"740"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"#D9D9D9"})),React__namespace.default.createElement("g",{mask:"url(#mask0_428_1188)"},React__namespace.default.createElement("path",{d:"M503.781 449.497C491.561 503.154 458.442 541.609 419.561 541.609C380.68 541.609 347.492 503.015 335.272 449.358L344.645 412.916L347.492 402.019H491.561L502.253 443.667L503.225 447.415L503.781 449.497Z",fill:"#D2D4DA"}),React__namespace.default.createElement("path",{d:"M574.88 244.97C647.073 163.885 598.921 362.155 558.945 338.928C488.709 298.211 574.88 244.97 574.88 244.97Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M816.983 742.838C779.698 781.432 736.86 814.612 689.786 841.127C617.161 882.012 534.399 906.862 446.153 911.027C437.335 911.513 428.448 911.721 419.491 911.721C374.986 911.721 331.731 906.446 290.281 896.519C232.514 882.706 178.358 859.8 129.271 829.397C89.9033 805.033 53.9382 775.948 22 742.838L31.512 705.355C45.8842 649.061 90.2505 605.33 146.837 591.795L153.085 590.337L222.447 573.747L241.401 569.235C249.386 567.292 257.023 564.585 264.244 561.114C270.285 558.199 276.047 554.797 281.463 550.91C287.295 546.745 292.78 542.025 297.71 536.819C310.971 522.867 320.761 505.653 325.76 486.286L333.119 457.688L335.064 449.983L335.202 449.358L344.645 412.916L347.422 402.019H491.491L502.253 443.667L503.225 447.415L503.78 449.497V449.983L505.863 457.757L513.223 486.286C520.097 512.802 535.996 535.5 557.589 550.91C569.393 559.448 582.932 565.765 597.581 569.235L615.078 573.4L692.146 591.795C748.732 605.33 793.099 649.061 807.471 705.355L816.983 742.838Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M503.781 449.497C491.561 503.154 458.442 541.609 419.561 541.609C380.68 541.609 347.492 503.015 335.272 449.358L344.645 412.916L347.492 402.019H491.561L502.253 443.667L503.225 447.415L503.781 449.497Z",fill:"#DC968D"}),React__namespace.default.createElement("path",{d:"M264.123 244.97C191.93 163.885 240.082 362.155 280.058 338.928C350.294 298.211 264.123 244.97 264.123 244.97Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M586.473 187.324C586.473 193.432 586.126 199.402 585.432 205.371C584.876 210.785 582.446 233.9 578.141 263.331C575.781 279.713 572.726 297.969 569.115 316.294C569.115 316.502 569.115 316.78 568.976 316.988C560.159 361.621 547.731 406.045 531.484 422.219C513.154 440.544 498.435 457.203 481.632 469.211C464.83 481.289 446.014 488.786 419.631 488.786C393.247 488.786 374.431 481.289 357.629 469.211C340.896 457.203 326.107 440.544 307.778 422.219C291.531 405.976 279.103 361.482 270.216 316.918C270.216 316.918 270.216 316.71 270.216 316.641C269.105 310.879 268.063 305.118 267.022 299.426C266.605 297.066 266.189 294.706 265.772 292.346C264.036 282.351 262.509 272.563 261.12 263.401C256.121 229.596 253.691 204.122 253.691 204.122C253.136 198.638 252.858 193.016 252.858 187.324C252.858 185.866 252.858 184.408 252.858 182.951C253.205 169.832 255.01 157.06 258.274 144.843C258.412 144.287 258.551 143.732 258.69 143.177C277.228 75.4294 337.425 24.8271 410.049 20.8011C413.243 20.5928 416.368 20.5234 419.631 20.5234C465.733 20.5234 507.461 39.1956 537.663 69.3904C563.769 95.4205 581.266 130.127 585.501 168.79C586.195 174.899 586.542 181.077 586.542 187.324H586.473Z",fill:"#FEAEA5"}),React__namespace.default.createElement("path",{d:"M445.867 337.327C445.867 348.849 434.133 358.151 419.622 358.151C405.111 358.151 393.447 348.849 393.447 337.327C393.447 335.939 393.586 334.55 394.002 333.301C396.293 342.88 406.916 350.099 419.622 350.099C432.328 350.099 443.02 342.88 445.312 333.301C445.728 334.62 445.867 335.939 445.867 337.327Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M817.053 743.187C716.586 847.238 575.642 912 419.561 912C263.481 912 122.467 847.238 22.0698 743.118L31.5818 705.704C45.954 649.34 90.3203 605.61 146.906 592.074L222.655 574.027L241.471 569.515C249.942 567.502 258.135 564.517 265.772 560.699C304.237 601.653 358.879 627.267 419.561 627.267C480.244 627.267 534.886 601.653 573.351 560.699C580.988 564.448 589.111 567.502 597.651 569.515L614.106 573.471L692.216 592.074C748.802 605.61 793.168 649.34 807.471 705.704L817.053 743.187Z",fill:"#6E7174"}),React__namespace.default.createElement("path",{d:"M614.106 573.471C597.165 594.018 534.886 659.058 419.561 663.639C286.671 668.984 226.266 579.441 222.655 574.027L241.471 569.515C249.942 567.502 258.134 564.517 265.772 560.699C304.236 601.653 358.879 627.267 419.561 627.267C480.244 627.267 534.886 601.653 573.35 560.699C580.988 564.448 589.111 567.502 597.651 569.515L614.106 573.471Z",fill:"#555A5E"}),React__namespace.default.createElement("path",{d:"M249.898 196.144C249.898 249.777 270.317 315.623 270.317 315.623C270.317 315.623 266.862 205.572 314.892 164.108C347.514 135.946 374.019 167.565 417.115 167.565C456.137 167.565 492.558 136.481 525.436 164.108C578.852 208.994 568.738 315.623 568.738 315.623C568.738 315.623 589.157 250.557 589.157 196.144C589.157 76.4319 542.638 20 417.115 20C302.8 20 249.898 75.8365 249.898 196.144Z",fill:"#525252"})),d>=8?React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M565.5 295C565.5 350.583 549.016 400.803 522.488 437.067C495.958 473.332 459.517 495.5 419.5 495.5C379.483 495.5 343.042 473.332 316.512 437.067C289.984 400.803 273.5 350.583 273.5 295C273.5 239.417 289.984 189.197 316.512 152.933C343.042 116.668 379.483 94.5 419.5 94.5C459.517 94.5 495.958 116.668 522.488 152.933C549.016 189.197 565.5 239.417 565.5 295Z",stroke:m,strokeWidth:"5"}),React__namespace.default.createElement("circle",{cx:"518.5",cy:"438.5",r:"25.5",fill:m}),React__namespace.default.createElement("path",{d:"M504 440.5L512 448L531 427",stroke:"white",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})):React__namespace.default.createElement(React__namespace.default.Fragment,null,d>2&&React__namespace.default.createElement(React__namespace.default.Fragment,null,d>3&&React__namespace.default.createElement(React__namespace.default.Fragment,null,d>4&&React__namespace.default.createElement(React__namespace.default.Fragment,null,d>5&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M298.5 182.5L419 164.5L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"419",cy:"165",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M565.5 295C565.5 350.583 549.016 400.803 522.488 437.067C495.958 473.332 459.517 495.5 419.5 495.5C379.483 495.5 343.042 473.332 316.512 437.067C289.984 400.803 273.5 350.583 273.5 295C273.5 239.417 289.984 189.197 316.512 152.933C343.042 116.668 379.483 94.5 419.5 94.5C459.517 94.5 495.958 116.668 522.488 152.933C549.016 189.197 565.5 239.417 565.5 295Z",stroke:"white",strokeOpacity:d>7?.8:d>5?.3:.1,strokeWidth:"5"}),React__namespace.default.createElement("path",{d:"M299.939 262.805L419 478.5L538.5 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L418.871 230.054L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L299.939 262.805",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M540.001 182L538.501 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"299.914",cy:"182",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"540",cy:"182",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M418.828 230L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M300 263.001L419 342.501",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M301.5 409L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M536.5 410L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M300 263L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"229.971",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"419",cy:"342.4",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M538.5 261.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>3&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M419 478.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>3&&d<7?.3:1}),React__namespace.default.createElement("circle",{cx:"537",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"537",cy:"409",r:"7",fill:"white"})),d>1&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M301.501 409L300.001 263",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>2&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M301.501 409L419.001 478.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>2&&d<7?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"477.576",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.914",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.444",cy:"409",r:"7",fill:"white"})))),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_428_1188"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"white"}))))}var HeadGuideSvg=React.forwardRef((function(e,t){var a=e.borderColor,n=void 0===a?"white":a,r=e.borderOpacity,o=void 0===r?.8:r,i=e.borderWidth,c=void 0===i?5:i,l=e.status,s=void 0===l?"ready":l,d=__rest(e,["borderColor","borderOpacity","borderWidth","status"]);return React__namespace.default.createElement("svg",_assign({},d,{ref:t,viewBox:"271 92 297 406",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),React__namespace.default.createElement("g",{clipPath:"url(#clip0_428_1188)"},React__namespace.default.createElement("path",{d:"M565.5 295C565.5 350.583 549.016 400.803 522.488 437.067C495.958 473.332 459.517 495.5 419.5 495.5C379.483 495.5 343.042 473.332 316.512 437.067C289.984 400.803 273.5 350.583 273.5 295C273.5 239.417 289.984 189.197 316.512 152.933C343.042 116.668 379.483 94.5 419.5 94.5C459.517 94.5 495.958 116.668 522.488 152.933C549.016 189.197 565.5 239.417 565.5 295Z",stroke:n,strokeOpacity:o,strokeWidth:c}),"success"===s&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("circle",{cx:"518.5",cy:"438.5",r:"25.5",fill:n}),React__namespace.default.createElement("path",{d:"M504 440.5L512 448L531 427",stroke:"white",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})),"failure"===s&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("circle",{cx:"518.5",cy:"438.5",r:"25.5",fill:n}),React__namespace.default.createElement("image",{href:"https://websdk-cdn-dev.idmission.com/assets/x.svg",x:"507",y:"427",width:"24",height:"24"}))),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_428_1188"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"white"}))))}));HeadGuideSvg.displayName="HeadGuideSvg";var PulsingHeadGuideContainer=styled__default.default.div(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"],["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])),wavesAnimation);function HeadGuide(e){var t,a=e.status,n=void 0===a?"ready":a,r=__rest(e,["status"]),o=React.useRef(null),i=useResizeObserver__default.default(),c=i.ref,l=i.height,s=React.useState(),d=s[0],u=s[1];React.useEffect((function(){if(o.current){var e=o.current.getBBox();u((e.x+e.width+e.x)/(e.y+e.height+e.y))}}),[]);var m=React.useMemo((function(){return d&&l&&l/d}),[d,l]);return React__namespace.default.createElement(PulsingHeadGuideContainer,{ref:c},"ready"===n&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{className:"idmSdkWaves",borderOpacity:.25,borderColor:"#287ec6",width:m,height:l})),React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{className:"idmSdkWaves",borderOpacity:.25,borderColor:"#287ec6",width:m,height:l})),React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{className:"idmSdkWaves",borderOpacity:.25,borderColor:"#287ec6",width:m,height:l}))),React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{ref:o,borderOpacity:1,className:"idmSdkWavesOrigin ".concat(null!==(t=r.className)&&void 0!==t?t:""),status:n,width:m,height:l})))}var templateObject_1$k,templateObject_2$i,templateObject_3$e,AbsoluteSvg=styled__default.default.svg(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"],["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"]))),RelativeSvgContainer=styled__default.default.div(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ",";\n"],["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ",";\n"])),(function(e){return"bottom"===e.$verticalAlign?"flex-end":"center"}));function SelfieCaptureAnimatedMask(e){var t,a,n,r,o,i,c=e.frame,l=void 0===c?0:c,s=e.borderWidth,d=void 0===s?5:s,u=e.borderColor,m=void 0===u?"white":u,p=e.borderOpacity,f=void 0===p?.8:p,g=e.verticalAlign,v=void 0===g?"center":g,_=e.status,h=void 0===_?"ready":_,b=__rest(e,["frame","borderWidth","borderColor","borderOpacity","verticalAlign","status"]),C=styled.useTheme(),y=null!==(n=null===(a=null===(t=C.selfieCapture)||void 0===t?void 0:t.guides)||void 0===a?void 0:a.satisfiedColor)&&void 0!==n?n:"var(--idm-color-positive-600)",R=null!==(i=null===(o=null===(r=C.selfieCapture)||void 0===r?void 0:r.guides)||void 0===o?void 0:o.failureColor)&&void 0!==i?i:"var(--idm-color-negative-600)";return React__namespace.default.createElement(RelativeSvgContainer,{$verticalAlign:v},React__namespace.default.createElement(HeadGuide,_assign({borderOpacity:f,borderWidth:d,borderColor:"failure"===h?R:"success"===h?y:m,status:h},b)),"processing"===h&&React__namespace.default.createElement(AbsoluteSvg,_assign({},b,{viewBox:"271 92 297 406",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),React__namespace.default.createElement("g",{clipPath:"url(#clip0_428_1188)"},l>1&&React__namespace.default.createElement(React__namespace.default.Fragment,null,l>2&&React__namespace.default.createElement(React__namespace.default.Fragment,null,l>3&&React__namespace.default.createElement(React__namespace.default.Fragment,null,l>4&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M298.5 182.5L419 164.5L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"419",cy:"165",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M299.939 262.805L419 478.5L538.5 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L418.871 230.054L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L299.939 262.805",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M540.001 182L538.501 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"299.914",cy:"182",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"540",cy:"182",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M418.828 230L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M300 263.001L419 342.501",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M301.5 409L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M536.5 410L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M300 263L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"229.971",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"419",cy:"342.4",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M538.5 261.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<7?.3:1}),React__namespace.default.createElement("path",{d:"M419 478.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<7?.3:1}),React__namespace.default.createElement("circle",{cx:"537",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"537",cy:"409",r:"7",fill:"white"})),l>0&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M301.501 409L300.001 263",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>1&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M301.501 409L419.001 478.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>1&&l<6?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"477.576",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.914",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.444",cy:"409",r:"7",fill:"white"}))),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_428_1188"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"white"})))))}function SelfieCaptureAnimatedMaskWithStatus(e){var t=e.status,a=void 0===t?"ready":t,n=__rest(e,["status"]),r=React.useState(1),o=r[0],i=r[1];return React.useEffect((function(){if("processing"===a){i(1);var e=setInterval((function(){i((function(e){return(e+1)%6}))}),250);return function(){clearInterval(e)}}i(0)}),[a]),React__namespace.default.createElement(SelfieCaptureAnimatedMask,_assign({},n,{frame:o,status:a}))}var templateObject_1$j,templateObject_2$h,FaceCaptureGuideContainer=styled__default.default.div(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"],["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"]))),FaceCaptureGuideInner=styled__default.default.div(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n position: relative;\n height: 60%;\n"],["\n position: relative;\n height: 60%;\n"]))),FaceCaptureGuideOverlay=function(e){var t=e.classNames,a=e.status,n=e.borderWidth,r=e.borderColor,o=e.borderOpacity;return React__namespace.default.createElement(FaceCaptureGuideContainer,{className:(void 0===t?{}:t).container},React__namespace.default.createElement(FaceCaptureGuideInner,null,React__namespace.default.createElement(SelfieCaptureAnimatedMaskWithStatus,{status:void 0===a?"ready":a,borderColor:void 0===r?"white":r,borderWidth:void 0===n?5:n,borderOpacity:void 0===o?.8:o,verticalAlign:"center"})))},SelfieGuidanceModelsContext=React.createContext({start:function(){return null},stop:function(){return null},onPredictionMade:function(){return null},canvasRef:{current:null},ready:!1,error:null,modelDownloadProgress:0});function SelfieGuidanceModelsProvider(e){var t=this,a=e.autoStart,n=void 0===a||a,r=e.children,o=e.throttleMs,i=e.onModelError,c=e.modelLoadTimeoutMs,l=void 0===c?defaultSelfieCaptureModelLoadTimeoutMs:c,s=e.requireVerticalFaceCentering,d=void 0===s||s,u=useCameraStore(shallow.useShallow((function(e){return{videoRef:e.videoRef,videoLoaded:e.videoLoaded,cameraReady:e.cameraReady}}))),m=u.videoRef,p=u.videoLoaded,f=u.cameraReady,g=React.useRef(null),v=React.useRef(),_=useLoadFaceDetector({onModelError:i,modelLoadTimeoutMs:l,videoRef:m}),h=_.ready,b=_.modelDownloadProgress,C=_.modelError,y=useFrameLoop(React.useCallback((function(){return __awaiter(t,void 0,void 0,(function(){var e,t,a,n,r,o,i;return __generator(this,(function(c){switch(c.label){case 0:if(!p||!f||!h||C||!m.current||!g.current)return[2];if(e=m.current.videoWidth,t=m.current.videoHeight,a=g.current.getContext("2d"),g.current.width=e,g.current.height=t,!a||4!==m.current.readyState)return[3,4];a.translate(e,0),a.scale(-1,1),a.drawImage(m.current,0,0,e,t),c.label=1;case 1:return c.trys.push([1,3,,4]),n=makeFaceDetectorPrediction(g.current),r=processFaceDetectorPrediction({faces:null!==(o=null==n?void 0:n.faces)&&void 0!==o?o:[],videoWidth:e,videoHeight:t,requireVerticalFaceCentering:d}),setLastFaceDetectionAt((new Date).getTime()),[4,null===(i=v.current)||void 0===i?void 0:i.call(v,r)];case 2:return c.sent(),[3,4];case 3:return error("caught face detection error",c.sent()),[3,4];case 4:return[2]}}))}))}),[f,C,h,d,p,m]),{throttleMs:o,autoStart:n}),R=y.start,x=y.stop,D=React.useCallback((function(e){v.current=e}),[]),E=React.useMemo((function(){return{start:R,stop:x,ready:h,canvasRef:g,onPredictionMade:D,error:C,modelDownloadProgress:b}}),[C,b,D,h,R,x]);return React__namespace.createElement(SelfieGuidanceModelsContext.Provider,{value:E},React__namespace.createElement(InvisibleCanvas,{ref:g}),r)}var templateObject_1$i,templateObject_2$g,templateObject_3$d,templateObject_4$8,templateObject_5$4,templateObject_1$h,templateObject_2$f,templateObject_1$g,templateObject_2$e,templateObject_1$f,templateObject_2$d,templateObject_3$c,templateObject_4$7,templateObject_1$e,templateObject_2$c,templateObject_1$d,templateObject_2$b,templateObject_3$b,templateObject_4$6,templateObject_5$3,templateObject_6$3,templateObject_7$2,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,useTimeout=function(e,t,a,n,r){void 0===r&&(r=!0);var o=React.useState(!1),i=o[0],c=o[1],l=React.useState(),s=l[0],d=l[1];return React.useEffect((function(){if(e&&r){d(new Date);var t=setTimeout((function(){c(!0)}),e);return function(){t&&clearTimeout(t)}}}),[e,r]),React.useEffect((function(){if(i&&!a){if(n){var e=setTimeout((function(){null==t||t()}),12e4);return function(){clearTimeout(e)}}null==t||t()}}),[t,n,i,a]),{timedOut:i,timeoutStartedAt:s}},SelfieCaptureFallback=function(e){var t=e.onFinished,a=e.onCapture,n=e.classNames,r=void 0===n?{}:n,o=e.colors,i=void 0===o?{}:o,c=e.verbiage,l=void 0===c?{}:c,s=e.silentFallback,d=void 0!==s&&s,u=e.invalidSelfie,m=void 0!==u&&u,p=e.guidanceMessage,f=void 0===p?void 0:p,g=React.useState(null),v=g[0],_=g[1],h=React.useRef(null),b=React.useRef(null),C=React.useState(!1),y=C[0],R=C[1],x=React.useState(!1),D=x[0],E=x[1],w=useFileState(),S=w.fileInputOnChange,k=useResizeMaxEdge({rawFile:w.rawFile}).resizedImageFile;React.useEffect((function(){k&&k!==h.current&&(h.current=k,_(k),R(!0),null==a||a(k),null==t||t(k))}),[k,a,t,y]);var I=useTranslations(l,{headingText:"We're having some trouble.",descriptionText:d?"Use your device camera to capture your face":"On-device capture guidance failed, please capture a selfie manually.",captureBtnText:"Capture",doneBtnText:"Done",doneBtnLoadingText:"Verifying...",livenessFailedText:"Live face not detected, please try again",livenessFailedReasonText:f,retryButtonText:"Retry",retryCaptureButtonText:"Retry capture"});return React.useEffect((function(){var e;return d&&(e=setTimeout((function(){var e;isMobile()?null===(e=b.current)||void 0===e||e.click():E(!0)}),250)),function(){clearTimeout(e)}}),[d]),D||d&&m&&!v&&!isMobile()?React__namespace.default.createElement(DocumentCaptureWizard,{documents:[{title:m?I.livenessFailedText:I.descriptionText}],onDocumentCaptured:function(e){var t=e.contentUrl;null==a||a(t),setTimeout((function(){_(t),E(!1)}),0)}}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("input",{ref:b,type:"file",accept:"image/*",capture:"user",onChange:function(e){var t;(null===(t=e.target.files)||void 0===t?void 0:t[0])&&(_("LOADING"),S(e))},hidden:!0}),React__namespace.default.createElement(OverlayContainer,{className:r.container},React__namespace.default.createElement(StyledOverlayInner$1,{className:r.inner},d?m&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(Heading$7,{className:r.heading},I.livenessFailedText),React__namespace.default.createElement(Description$2,{className:r.description},I.livenessFailedReasonText||I.descriptionText)):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(Heading$7,{className:r.heading},m?I.livenessFailedText:I.headingText),React__namespace.default.createElement(Description$2,{className:r.description},I.livenessFailedReasonText||I.descriptionText)),v&&"LOADING"!==v&&React__namespace.default.createElement(ImageContainer$6,{className:r.imageContainer},React__namespace.default.createElement("img",{src:v,alt:"",className:r.image})),React__namespace.default.createElement(StyledButtonsRow$7,{className:r.buttonsRow},v&&!y&&!isMobile()&&React__namespace.default.createElement(LoaderButton,{className:r.retryCaptureBtn,finished:!0,variant:"warning",onClick:function(){var e;isMobile()?null===(e=b.current)||void 0===e||e.click():E(!0)}},I.retryCaptureButtonText),React__namespace.default.createElement(LoaderButton,{variant:"positive",key:y?"loading-btn":"ready-btn",className:v?null==r?void 0:r.doneBtn:r.captureBtn,colors:v?null==i?void 0:i.doneBtn:i.captureBtn,finished:!v||!y,onClick:function(){var e;isMobile()?null===(e=b.current)||void 0===e||e.click():v?(R(!0),null==t||t(v)):E(!0)}},v?y?I.doneBtnLoadingText:I.doneBtnText:m?I.retryButtonText:I.captureBtnText)))))},StyledOverlayInner$1=styled__default.default(OverlayInner$2)(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n justify-content: center;\n"],["\n justify-content: center;\n"]))),Heading$7=styled__default.default.h3(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Description$2=styled__default.default.p(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),ImageContainer$6=styled__default.default(OverlayImageContainer)(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),StyledButtonsRow$7=styled__default.default(ButtonsRow)(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),initialState$3={busy:!1,frame:null,prediction:null},reducer$3=function(e,t){switch(t.type){case"facesDetected":return e.busy?e:_assign(_assign({},e),{prediction:t.payload,busy:t.payload.faceReady});case"captureStarted":return _assign(_assign({},e),{busy:!0});case"captureCompleted":return _assign(_assign({},e),{busy:!1})}},SelfieCapture=function(e){var t,a,n,r,o,i,c=e.onGuidanceSatisfied,l=e.onGuidanceNotSatisfied,s=e.onSelfieCaptureStarted,d=e.onSelfieCaptured,u=e.onTimeout,m=e.onExit,p=e.timeoutDurationMs,f=void 0===p?15e3:p,g=e.guidanceMessage,v=e.guidanceSatisfied,_=e.guidesComponent,h=e.shouldCapture,b=void 0===h||h,C=e.classNames,y=void 0===C?{}:C,R=e.colors,x=void 0===R?{}:R,D=e.verbiage,E=void 0===D?{}:D,w=e.debugMode,S=void 0!==w&&w,k=useResizeObserver__default.default(),I=k.ref,T=k.width,O=void 0===T?1:T,M=k.height,L=void 0===M?1:M,j=React.useReducer(reducer$3,initialState$3),F=j[0],B=F.busy,N=F.prediction,$=j[1],A=React.useRef(null),P=useCameraStore(shallow.useShallow((function(e){return{camera:e.camera,cameraReady:e.cameraReady,videoRef:e.videoRef}}))),U=P.camera,V=P.videoRef,G=React.useContext(SelfieGuidanceModelsContext),W=G.canvasRef,q=G.error;(0,G.onPredictionMade)(useDebounce.useThrottledCallback(React.useCallback((function(e){return new Promise((function(t){b&&!B&&(drawToCanvas(A.current,W.current),$({type:"facesDetected",payload:e})),t()}))}),[W,b,B]),16)),React.useEffect((function(){(null==N?void 0:N.faceReady)?null==c||c():null==l||l()}),[l,c,null==N?void 0:N.faceReady]),React.useEffect((function(){if(null==N?void 0:N.faceReady){var e=setTimeout((function(){$({type:"captureStarted"}),null==s||s();var e=A.current;if(e){var t=e.getContext("2d");if(t){var a=t.getImageData(0,0,e.width,e.height);null==d||d(a,N.face),clearCanvas(e),$({type:"captureCompleted"})}}}),100);return function(){e&&clearTimeout(e)}}}),[s,d,N]);var z=useTimeout(f,u),H=z.timedOut,Y=z.timeoutStartedAt,K=useDebugScalingDetails({enabled:S,pageWidth:O,pageHeight:L,videoWidth:null!==(a=null===(t=V.current)||void 0===t?void 0:t.videoWidth)&&void 0!==a?a:0,videoHeight:null!==(r=null===(n=V.current)||void 0===n?void 0:n.videoHeight)&&void 0!==r?r:0});x.guidesUnsatisfiedColor||(x.guidesUnsatisfiedColor="white"),x.guidesSatisfiedColor||(x.guidesSatisfiedColor="green");var Z=useTranslations(E,{guidanceHoldStillText:"Hold still for a few seconds...",guidanceLookStraightText:"Look straight into the camera...",guidanceMoveBackText:"Move back...",guidanceMoveForwardText:"Move forward...",guidanceMoveToCenterText:"Move to the center...",guidanceNoFaceDetectedText:"Waiting for face to be detected...",guidanceNotStableText:"Please hold still..."}),X=null!==(o=null==N?void 0:N.faceReady)&&void 0!==o&&o;if("boolean"==typeof v&&(X=v),g||(g=X?Z.guidanceHoldStillText:(null==N?void 0:N.faceLookingAway)?Z.guidanceLookStraightText:(null==N?void 0:N.faceTooClose)?Z.guidanceMoveBackText:(null==N?void 0:N.faceTooFar)?Z.guidanceMoveForwardText:(null==N?void 0:N.faceNotCentered)?Z.guidanceMoveToCenterText:(null==N?void 0:N.faceNotDetected)?Z.guidanceNoFaceDetectedText:(null==N?void 0:N.faceIsStable)?"":Z.guidanceNotStableText),q)return React__namespace.default.createElement(SelfieCaptureFallback,{classNames:y.fallback});var J=null!=_?_:FaceCaptureGuideOverlay;return React__namespace.default.createElement(PageContainer,{ref:I,className:"flex ".concat(null!==(i=y.container)&&void 0!==i?i:"")},React__namespace.default.createElement(InvisibleCanvas,{ref:A}),React__namespace.default.createElement(J,{classNames:y.guides,status:X?"processing":"ready"}),""!==g&&React__namespace.default.createElement(GuidanceMessageContainer,{className:y.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{$variant:X?"positive":"negative",className:y.guidanceMessage},g)),S&&(null==N?void 0:N.face)&&React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv,null,React__namespace.default.createElement(SelfieCaptureFaceDebugBox,{face:N.face,scaling:K,color:X?"green":"red"})),S&&React__namespace.default.createElement(DebugStatsPane,null,U?React__namespace.default.createElement(React__namespace.default.Fragment,null,"✅ Camera: ",U.label," (",U.width,"x",U.height,")"):"❌ Camera not ready",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceNotCentered)?"❌":"✅"," Face Centered",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceTooClose)||(null==N?void 0:N.faceTooFar)?"❌":"✅"," ","Face"," ",(null==N?void 0:N.faceTooClose)?"Too Close":(null==N?void 0:N.faceTooFar)?"Too Far":"Distance Correct",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceLookingAway)?"❌":"✅"," Face Looking Forward",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceIsStable)?"❌":"✅"," Face Is Stable",React__namespace.default.createElement("br",null),H?"❌":"✅"," Time Remaining:"," ",Math.max(0,f-((new Date).getTime()-(null!=Y?Y:new Date).getTime())),"ms"),React__namespace.default.createElement(ExitCaptureButton,{onClick:m,className:y.exitCaptureBtn}))},initialState$2={frame:null,face:null,requestState:"CAPTURING",requestError:null,imageUrl:null,faceLive:!1,eyeCoveringDetected:!1,maskDetected:!1,headCoveringDetected:!1,phoneDetected:!1,timesLivenessCheckFailed:0},reducer$2=function(e,t){var a,n;switch(t.type){case"resetLivenessCheck":return _assign(_assign({},initialState$2),{timesLivenessCheckFailed:e.timesLivenessCheckFailed});case"guidanceUnsatisfied":return _assign({},e);case"guidanceSatisfied":return _assign(_assign({},e),{requestState:"GUIDANCE_SATISFIED"});case"selfieCaptureStarted":return _assign(_assign({},e),{requestState:"CAPTURE_STARTED"});case"livenessReady":return["CAPTURE_STARTED"].includes(e.requestState)?_assign(_assign({},e),{requestState:"CAPTURED",frame:t.payload.frame,face:t.payload.face}):e;case"livenessChecking":return _assign(_assign({},e),{requestState:"IN_PROGRESS"});case"livenessChecked":var r=t.payload.response,o=r.status,i=o.statusMessage,c=o.errorData,l=r.resultData;if("000"!==o.statusCode)return _assign(_assign({},e),{requestState:"ERROR",requestError:new Error("".concat(i,": ").concat(c))});var s=["Live Face Detected","Approved"].includes(l.verificationResult),d="true"===l.eyeCovering,u="true"===l.faceMask,m="true"===l.headCovering,p="true"===l.cellPhone,f=s&&!d&&!u&&!m,g=f?"PASSED":"FAILED",v=e.timesLivenessCheckFailed;return f?v=0:v+=1,_assign(_assign({},e),{frame:null!==(a=t.payload.frame)&&void 0!==a?a:null,face:null!==(n=t.payload.face)&&void 0!==n?n:null,imageUrl:t.payload.imageUrl,requestState:g,faceLive:s,eyeCoveringDetected:d,maskDetected:u,headCoveringDetected:m,phoneDetected:p,timesLivenessCheckFailed:v});case"livenessCheckFailed":return _assign(_assign({},e),{requestState:"ERROR",requestError:t.payload.error});default:return e}},FaceLivenessCapture=function(e){var t,a,n,r,o=e.onCapture,i=e.onSuccess,c=e.onFailure,l=e.onTimeout,s=e.onDenied,d=e.onExit,u=e.timeoutDurationMs,m=void 0===u?15e3:u,p=e.silentFallback,f=void 0!==p&&p,g=e.guidesComponent,v=e.disableCapturePreview,_=e.classNames,h=void 0===_?{}:_,b=e.colors,C=void 0===b?{}:b,y=e.verbiage,R=void 0===y?{}:y,x=e.debugMode,D=React.useContext(SubmissionContext),E=D.checkLiveness,w=D.submissionError,S=React.useContext(SelfieGuidanceModelsContext).error,k=React.useReducer(reducer$2,initialState$2),I=k[0],T=k[1],O=React.useState(null),M=O[0],L=O[1],j=React.useRef(null),F=React.useRef(null),B=React.useRef(null),N=styled.useTheme(),$=React.useCallback((function(){T({type:"selfieCaptureStarted"})}),[]),A=React.useCallback((function(e,t){null==o||o(),T({type:"livenessReady",payload:{frame:e,face:t}})}),[o]),P=I.frame,U=I.face,V="CAPTURED"===I.requestState,G="PASSED"===I.requestState;React.useEffect((function(){var e=this;P&&U&&V&&!w&&(T({type:"livenessChecking"}),__awaiter(e,void 0,void 0,(function(){var e,t,a,n;return __generator(this,(function(r){switch(r.label){case 0:return r.trys.push([0,3,,4]),e=cropToShoulders(j.current,F.current,B.current,P,U,.92,600),L(e),a=E,[4,dataUrlToBase64(e)];case 1:return[4,a.apply(void 0,[r.sent()])];case 2:return t=r.sent(),T({type:"livenessChecked",payload:{frame:P,face:U,imageUrl:e,response:t}}),[3,4];case 3:return n=r.sent(),T({type:"livenessCheckFailed",payload:{error:n}}),[3,4];case 4:return[2]}}))})))}),[E,U,P,V,w]);var W=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,a,n,r;return __generator(this,(function(o){switch(o.label){case 0:T({type:"livenessChecking"}),o.label=1;case 1:return o.trys.push([1,4,,5]),[4,dataUrlToBase64(e)];case 2:return t=o.sent(),[4,E(t)];case 3:return a=o.sent(),"Live Face Detected"!==(null===(r=null==a?void 0:a.resultData)||void 0===r?void 0:r.verificationResult)&&(null==c||c(),null==s||s()),T({type:"livenessChecked",payload:{imageUrl:e,response:a}}),[3,5];case 4:return n=o.sent(),T({type:"livenessCheckFailed",payload:{error:n}}),[3,5];case 5:return[2]}}))}))}),[E,c,s]);React.useEffect((function(){"FAILED"!==I.requestState&&"ERROR"!==I.requestState||setTimeout((function(){T({type:"resetLivenessCheck"})}),1e3)}),[I.requestState]),React.useEffect((function(){G&&I.imageUrl&&(null==i||i(I.imageUrl))}),[i,I.imageUrl,G]),React.useEffect((function(){if(!S){I.timesLivenessCheckFailed>2&&(null==c||c(),null==s||s())}}),[S,c,s,I.timesLivenessCheckFailed]);var q=React.useCallback((function(){null==l||l(),null==s||s()}),[s,l]);useTimeout(m,q,"PASSED"===I.requestState||!!S,"IN_PROGRESS"===I.requestState);var z=useTranslations(R,{guidanceLivenessCheckFailedText:"Could not verify your face.",guidanceLivenessCheckErrorText:"An error occurred while verifying your face.",guidanceRemoveEyeCoveringsText:"Please remove your eye coverings (sunglasses, eye patch, etc.)...",guidanceRemoveHeadCoveringsText:"Please remove your head coverings (hat, scarf, etc.)...",guidanceRemoveMaskText:"Please remove your mask...",progressPreviewText:"Processing..."}),H=I.eyeCoveringDetected?z.guidanceRemoveEyeCoveringsText:I.headCoveringDetected?z.guidanceRemoveHeadCoveringsText:I.maskDetected?z.guidanceRemoveMaskText:"FAILED"===I.requestState?z.guidanceLivenessCheckFailedText:"ERROR"===I.requestState?z.guidanceLivenessCheckErrorText:void 0;v||(v=null!==(n=null===(a=null===(t=N.selfieCapture)||void 0===t?void 0:t.capturePreview)||void 0===a?void 0:a.disabled)&&void 0!==n&&n);var Y=React.useCallback((function(e){var t=null!=g?g:FaceCaptureGuideOverlay,a=["IN_PROGRESS","CAPTURE_STARTED","GUIDANCE_SATISFIED","CAPTURED"].includes(I.requestState)?"processing":["FAILED","ERROR"].includes(I.requestState)?"failure":"ready";return React__namespace.default.createElement(t,_assign({},e,{status:a}))}),[g,I.requestState]),K=React.useCallback((function(){T({type:"guidanceSatisfied"})}),[]),Z=React.useCallback((function(){T({type:"guidanceUnsatisfied"})}),[]);return S?React__namespace.default.createElement(SelfieCaptureFallback,{key:I.timesLivenessCheckFailed,onFinished:W,silentFallback:f,invalidSelfie:!!I.timesLivenessCheckFailed,guidanceMessage:H}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(InvisibleCanvas,{ref:j}),React__namespace.default.createElement(InvisibleCanvas,{ref:F}),React__namespace.default.createElement(InvisibleCanvas,{ref:B}),React__namespace.default.createElement(SelfieCapture,{shouldCapture:"CAPTURING"===I.requestState,onSelfieCaptureStarted:$,onSelfieCaptured:A,onExit:d,timeoutDurationMs:m,guidanceMessage:H,guidanceSatisfied:!H&&void 0,onGuidanceSatisfied:K,onGuidanceNotSatisfied:Z,guidesComponent:Y,classNames:h,colors:C,verbiage:z,debugMode:x}),x&&!v&&M&&React__namespace.default.createElement(SelfieProgressPreview,{classNames:h.imagePreview,imageUrl:M,text:null!==(r=z.progressPreviewText)&&void 0!==r?r:""}))},FaceLivenessSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=useTranslations(void 0===l?{}:l,{headingText:"Face liveness has been verified!",retryBtnText:"Retry",doneBtnText:"Done"}),d=React.useRef(null),u=React.useCallback((function(e){var t;if(d.current){var a=d.current.getBoundingClientRect().height,n=e.currentTarget.getBoundingClientRect().height;null===(t=d.current)||void 0===t||t.scroll(0,(n-a)/2)}}),[]);return React__namespace.default.createElement(GrayOverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(FlexCard,null,React__namespace.default.createElement(ImageContainer$5,{className:o.imageContainer,ref:d},React__namespace.default.createElement("img",{alt:s.headingText,src:t,className:o.image,onLoad:u})),React__namespace.default.createElement(Heading$6,{className:o.heading},s.headingText),React__namespace.default.createElement(ButtonsColumn,{className:o.buttonsRow},React__namespace.default.createElement(WideButton,{variant:"positive",onClick:a,colors:c.doneBtn,className:o.doneBtn,finished:!0},s.doneBtnText),React__namespace.default.createElement(WideBorderButton,{variant:"secondary",onClick:n,colors:c.retryBtn,className:o.retryBtn,finished:!0},s.retryBtnText)))))},ImageContainer$5=styled__default.default.div(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"],["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"]))),Heading$6=styled__default.default.h3(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"],["\n font-size: 1.2rem;\n margin: 0;\n"]))),FaceLivenessFailure=function(e){var t=e.canRetry,a=void 0===t||t,n=e.onRetryClick,r=e.onExitClick,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u;i.imageUrl||(i.imageUrl="".concat(DEFAULT_CDN_URL,"/Face_Not_Detected.svg"));var p=useTranslations(m,{headingText:"Live face not detected, please try again",retryBtnText:"Retry",exitBtnText:"Exit"});return React__namespace.default.createElement(GrayOverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement(Card,null,React__namespace.default.createElement(ImageContainer$4,{className:l.imageContainer},React__namespace.default.createElement("img",{alt:p.headingText,src:i.imageUrl,className:l.image})),React__namespace.default.createElement(Heading$5,{className:l.heading},p.headingText),React__namespace.default.createElement(ButtonsColumn,{className:l.buttonsRow},a&&React__namespace.default.createElement(WideButton,{variant:"secondary",className:l.retryBtn,onClick:n,colors:d.retryBtn,finished:!0},p.retryBtnText),React__namespace.default.createElement(WideBorderButton,{variant:"secondary",className:l.exitBtn,onClick:r,colors:d.exitBtn,finished:!0},p.exitBtnText)))))},ImageContainer$4=styled__default.default(OverlayImageContainer)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),Heading$5=styled__default.default.h3(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n margin-bottom: 36px;\n"],["\n margin-bottom: 36px;\n"]))),MicrophoneAccessDeniedOverlay=function(e){var t,a=e.assets,n=void 0===a?{}:a,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=useCameraStore((function(e){return e.requestMicrophoneAccess}));n.imageUrl||(n.imageUrl=DEFAULT_CDN_URL+"/microphone-disable-icon.svg");var u=useTranslations(s,{headingText:"Your microphone permission is disabled",descriptionText:"This application requires access to your microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for microphone permissions, you must go to settings and provide microphone access to the current browser.",retryBtnText:"Retry"});return React__namespace.default.createElement(OverlayContainer,{className:"flex ".concat(null!==(t=o.container)&&void 0!==t?t:"")},React__namespace.default.createElement(StyledOverlayInner,{className:o.inner},React__namespace.default.createElement(StyledOverlayImageContainer$1,{className:o.imageContainer},React__namespace.default.createElement("img",{src:n.imageUrl,alt:"",className:o.image})),React__namespace.default.createElement("h3",{className:o.heading},u.headingText),React__namespace.default.createElement(Description$1,{className:o.description},u.descriptionText),React__namespace.default.createElement(RetryButton,{variant:"warning",onClick:d,colors:c.retryBtn,className:o.retryBtn,finished:!0},u.retryBtnText)))},StyledOverlayInner=styled__default.default(OverlayInner$2)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"],["\n max-width: 500px;\n height: auto;\n margin: auto;\n"]))),StyledOverlayImageContainer$1=styled__default.default(OverlayImageContainer)(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n flex-grow: 0;\n"],["\n flex-grow: 0;\n"]))),Description$1=styled__default.default.p(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"],["\n line-height: 1.5;\n margin-bottom: 50px;\n"]))),RetryButton=styled__default.default(LoaderButton)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"],["\n width: 200px;\n margin: 0 auto;\n"]))),SelfieCaptureLoadingOverlayLegacy=function(e){var t=e.onDismissed,a=e.onUserCancel,n=e.waitForIdCaptureModels,r=void 0!==n&&n,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u,p=useCameraStore(shallow.useShallow((function(e){return{cameraReady:e.cameraReady,cameraAccessDenied:e.cameraAccessDenied,microphoneAccessDenied:e.microphoneAccessDenied}}))),f=p.cameraReady,g=p.cameraAccessDenied,v=p.microphoneAccessDenied,_=React.useContext(SelfieGuidanceModelsContext),h=_.ready,b=_.modelDownloadProgress,C=React.useContext(IdCaptureModelsContext);i.instructionImageUrl||(i.instructionImageUrl="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"));var y=useTranslations(m,{headingText:"Use your device camera to capture your face",removeEyeCoveringsText:"Remove Sunglasses & Hat",avoidExcessiveBacklightingText:"Avoid Excessive Backlighting",continueText:"Continue",cameraInitializingText:"Camera initializing...",downloadingText:"Downloading...",modelsWarmingUpText:"Models warming up..."}),R=React.useState(!1),x=R[1];if(R[0])return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(g)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:i.cameraAccessDenied,classNames:l.cameraAccessDenied,colors:d.cameraAccessDenied,verbiage:m.cameraAccessDenied});if(v)return React__namespace.default.createElement(MicrophoneAccessDeniedOverlay,{assets:i.microphoneAccessDenied,classNames:l.microphoneAccessDenied,colors:d.microphoneAccessDenied,verbiage:m.microphoneAccessDenied});var D=h&&(!r||(null==C?void 0:C.ready));return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement("h3",{className:l.heading},y.headingText),a&&React__namespace.default.createElement(ExitCaptureButton,{onClick:a,className:l.cancelBtn}),React__namespace.default.createElement(StyledGuidanceMessage$1,null,y.removeEyeCoveringsText,React__namespace.default.createElement("br",null),y.avoidExcessiveBacklightingText),React__namespace.default.createElement(OverlayImageContainer,{className:l.imageContainer},React__namespace.default.createElement("img",{className:l.image,alt:y.headingText,src:i.instructionImageUrl})),React__namespace.default.createElement(StyledButtonsRow$6,{className:l.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"positive",disabled:!f||!D,finished:f&&D,className:l.continueBtn,colors:d.continueBtn,onClick:function(){x(!0),null==t||t()}},f&&D?y.continueText:D?y.cameraInitializingText:b>=100?"".concat(y.modelsWarmingUpText):"".concat(y.downloadingText," (").concat(b,"%)")))))},StyledGuidanceMessage$1=styled__default.default(GuidanceMessage)(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"],["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"]))),StyledButtonsRow$6=styled__default.default(ButtonsRow)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"],["\n flex-direction: column;\n padding-top: 25px;\n"]))),legacyInstructionImageUrl="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"),SelfieCaptureLoadingOverlayDefault=function(e){var t=e.onDismissed,a=e.onUserCancel,n=e.customOverlayContent,r=e.waitForIdCaptureModels,o=void 0!==r&&r,i=e.assets,c=void 0===i?{}:i,l=e.classNames,s=void 0===l?{}:l,d=e.colors,u=void 0===d?{}:d,m=e.verbiage,p=void 0===m?{}:m,f=useCameraStore(shallow.useShallow((function(e){return{cameraReady:e.cameraReady,cameraAccessDenied:e.cameraAccessDenied,microphoneAccessDenied:e.microphoneAccessDenied}}))),g=f.cameraReady,v=f.cameraAccessDenied,_=f.microphoneAccessDenied,h=React.useContext(SelfieGuidanceModelsContext),b=h.ready,C=h.modelDownloadProgress,y=React.useContext(IdCaptureModelsContext),R=useTranslations(p,{headingText:"Use your device camera to capture your face",removeEyeCoveringsText:"Remove Sunglasses & Hat",avoidExcessiveBacklightingText:"Avoid Excessive Backlighting",continueText:"Let's Go!",cameraInitializingText:"Accessing camera...",cameraInitializedText:"Camera ready",downloadingText:"Downloading...",modelsWarmingUpText:"Loading guided capture experience...",modelsReadyText:"Guided capture experience ready"}),x=React.useState(0),D=x[1],E=[R.headingText,R.removeEyeCoveringsText,R.avoidExcessiveBacklightingText][x[0]];React.useEffect((function(){setInterval((function(){D((function(e){return(e+1)%3}))}),3e3)}),[]);var w=React.useState(!1),S=w[1];if(w[0])return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(v)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:c.cameraAccessDenied,classNames:s.cameraAccessDenied,colors:u.cameraAccessDenied,verbiage:p.cameraAccessDenied});if(_)return React__namespace.default.createElement(MicrophoneAccessDeniedOverlay,{assets:c.microphoneAccessDenied,classNames:s.microphoneAccessDenied,colors:u.microphoneAccessDenied,verbiage:p.microphoneAccessDenied});var k=b&&(!o||(null==y?void 0:y.ready));return React__namespace.default.createElement(OverlayContainer,{className:s.container},React__namespace.default.createElement(OverlayInner,{className:s.inner},a&&React__namespace.default.createElement(ExitCaptureButton,{onClick:a,className:s.cancelBtn}),n||React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(OverlayHeader,{className:s.headingContainer},React__namespace.default.createElement(StyledGuidanceMessage,{className:s.heading},E)),React__namespace.default.createElement(StyledOverlayImageContainer,{className:s.imageContainer},(null==c?void 0:c.instructionImageUrl)&&c.instructionImageUrl!==legacyInstructionImageUrl?React__namespace.default.createElement(CustomLoadingGraphic,{className:s.image,alt:R.headingText,src:c.instructionImageUrl}):React__namespace.default.createElement(SelfieCaptureLoadingGraphic,{className:s.image}))),React__namespace.default.createElement(StyledButtonsRow$5,{className:s.buttonsRow},React__namespace.default.createElement(ProgressContainer,{className:s.progressContainer},React__namespace.default.createElement(ProgressBarBackground,{className:s.progressBackground}),React__namespace.default.createElement(ProgressBar,{$progress:C,className:s.progressBar},React__namespace.default.createElement(ProgressIndicator,{className:s.progressIndicator}))),React__namespace.default.createElement(LoadingListContainer,{className:s.loadingListContainer},React__namespace.default.createElement(LoadingList,{className:s.loadingList},React__namespace.default.createElement(LoadingListItem,{className:"".concat(s.loadingListItem," ").concat(g?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:s.loadingListItemIndicator,state:g?"done":"running"}),g?R.cameraInitializedText:R.cameraInitializingText),React__namespace.default.createElement(LoadingListItem,{className:"".concat(s.loadingListItem," ").concat(k?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:s.loadingListItemIndicator,state:k?"done":"running"}),k?R.modelsReadyText:C>=100?R.modelsWarmingUpText:"".concat(R.downloadingText," (").concat(C,"%)")))),React__namespace.default.createElement(ContinueButtonContainer,{className:s.continueBtnContainer},k&&g&&React__namespace.default.createElement(ContinueButton,{finished:!0,className:s.continueBtn,variant:"positive",colors:u.continueBtn,onClick:function(){S(!0),null==t||t()}},R.continueText)))))},OverlayInner=styled__default.default.div(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"],["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.backgroundColor)&&void 0!==r?r:"#ecedf3"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.textColor)&&void 0!==r?r:"black"})),OverlayHeader=styled__default.default.div(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"],["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"])),(function(e){var t;return null!==(t=e.theme.textAlign)&&void 0!==t?t:"center"}),(function(e){return e.theme.padding?"box-sizing: border-box; padding: ".concat(e.theme.padding,";"):""})),StyledGuidanceMessage=styled__default.default(GuidanceMessage)(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"],["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"]))),StyledButtonsRow$5=styled__default.default(ButtonsRow)(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarTextColor)&&void 0!==r?r:"white"}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.selfieCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""})),StyledOverlayImageContainer=styled__default.default(OverlayImageContainer)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"],["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"]))),LoadingListContainer=styled__default.default.div(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"],["\n display: flex;\n position: relative;\n z-index: 2;\n"]))),LoadingList=styled__default.default.ul(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"],["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"]))),LoadingListItem=styled__default.default.li(templateObject_8||(templateObject_8=__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"]))),ProgressContainer=styled__default.default.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"]))),ProgressBarBackground=styled__default.default.div(templateObject_10||(templateObject_10=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundOpacity)&&void 0!==r?r:.75})),ProgressBar=styled__default.default.span(templateObject_11||(templateObject_11=__makeTemplateObject(["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"],["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"])),(function(e){return e.$progress})),ProgressIndicator=styled__default.default.span(templateObject_12||(templateObject_12=__makeTemplateObject(["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"],["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarIndicatorColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),progressBarAnimation),CustomLoadingGraphic=styled__default.default.img(templateObject_13||(templateObject_13=__makeTemplateObject([""],[""]))),ContinueButtonContainer=styled__default.default.div(templateObject_14||(templateObject_14=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),ContinueButton=styled__default.default(LoaderButton)(templateObject_15||(templateObject_15=__makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"],["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.selfieCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.continueBtnBorder)?"border: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.selfieCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.continueBtnBorder,";"):""})),components={default:SelfieCaptureLoadingOverlayDefault,legacy:SelfieCaptureLoadingOverlayLegacy},SelfieCaptureLoadingOverlay=function(e){var t,a=e.mode,n=void 0===a?"default":a,r=__rest(e,["mode"]),o=null!==(t=components[n])&&void 0!==t?t:components.default;return React__namespace.default.createElement(o,_assign({},r))},FaceLivenessWizard=function(e){var t,a,n,r=e.onComplete,o=e.onSuccess,i=e.onFailure,c=e.onTimeout,l=e.onDenied,s=e.onExitCapture,d=e.onExitAfterFailure,u=e.onUserCancel,m=e.loadingOverlayMode,p=void 0===m?"default":m,f=e.customOverlayContent,g=e.onLoadingOverlayDismissed,v=e.timeoutDurationMs,_=void 0===v?15e3:v,h=e.maxRetries,b=void 0===h?2:h,C=e.skipSuccessScreen,y=void 0!==C&&C,R=e.renderCameraFeed,x=void 0===R||R,D=e.releaseCameraAccessOnExit,E=void 0===D||D,w=e.silentFallback,S=void 0!==w&&w,k=e.waitForIdCaptureModels,I=void 0!==k&&k,T=e.guidesComponent,O=e.disableCapturePreview,M=e.assets,L=void 0===M?{}:M,j=e.classNames,F=void 0===j?{}:j,B=e.colors,N=void 0===B?{}:B,$=e.verbiage,A=void 0===$?{}:$,P=e.debugMode,U=void 0!==P&&P,V=React.useContext(SubmissionContext),G=V.submissionResponse,W=V.livenessCheckRequest,q=V.setSelfieImage,z=V.logSelfieCaptureAttempt,H=useCameraStore(shallow.useShallow((function(e){return{cameraAccessDenied:e.cameraAccessDenied,requestCameraAccess:e.requestCameraAccess,releaseCameraAccess:e.releaseCameraAccess}}))),Y=H.cameraAccessDenied,K=H.requestCameraAccess,Z=H.releaseCameraAccess,X=React.useState(""),J=X[0],Q=X[1],ee=React.useState(0),te=ee[0],ae=ee[1],ne=React.useState("LOADING"),re=ne[0],oe=ne[1],ie=React.useRef(),ce=React.useRef(),le=React.useRef(),se=React.useContext(SelfieGuidanceModelsContext),de=se.start,ue=se.stop;React.useEffect((function(){le.current=new Date}),[]),React.useEffect((function(){if("CAPTURING"===re)return ie.current=new Date,de(),function(){ue()}}),[re,de,ue]);var me=React.useCallback((function(){ce.current=new Date}),[]),pe=React.useCallback((function(){var e,t,a;z({autoCapture:"Y",captureTime:(null!==(e=ce.current)&&void 0!==e?e:new Date).getTime()-(null!==(t=ie.current)&&void 0!==t?t:new Date).getTime(),operationTime:(new Date).getTime()-(null!==(a=le.current)&&void 0!==a?a:new Date).getTime()}),le.current=new Date}),[z]),fe=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:return W&&G?(oe("SUCCESS"),Q(e),t=q,[4,dataUrlToBase64(e)]):[2];case 1:return t.apply(void 0,[a.sent()]),null==o||o(G,W),[2]}}))}))}),[o,q,W,G]),ge=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return null==i||i(G,W),[2]}))}))}),[W,i,G]),ve=React.useCallback((function(){oe("FAILED"),null==l||l(G,W)}),[l,G,W]),_e=React.useState(0),he=_e[0],be=_e[1],Ce=React.useCallback((function(){be((function(e){return e+1})),oe("LOADING"),Z(),null==s||s(),K()}),[s,Z,K]),ye=React.useCallback((function(){pe(),be((function(e){return e+1})),ae((function(e){return e+1})),oe("LOADING"),Z(),K()}),[pe,Z,K]),Re=React.useCallback((function(){pe(),E&&Z(),setTimeout((function(){null==r||r(G,W)}),0)}),[pe,r,Z,E,W,G]),xe=useShowSuccessScreen(y,"SUCCESS"===re,Re);React.useEffect((function(){Y&&(be((function(e){return e+1})),oe("LOADING"))}),[Y]);var De=React.useCallback((function(){oe("CAPTURING"),null==g||g()}),[g]),Ee=React.useCallback((function(){E&&Z(),setTimeout((function(){null==d||d(G,W)}),0)}),[W,d,Z,E,G]);return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(a=null===(t=F.capture)||void 0===t?void 0:t.container)&&void 0!==a?a:"")},x&&React__namespace.default.createElement(CameraVideoTag,{className:null===(n=F.capture)||void 0===n?void 0:n.cameraFeed}),"LOADING"!==re&&function(){switch(re){case"CAPTURING":return React__namespace.default.createElement(FaceLivenessCapture,{key:"capture".concat(he),onCapture:me,onSuccess:fe,onFailure:ge,onTimeout:c,onDenied:ve,onExit:Ce,timeoutDurationMs:_,silentFallback:S,guidesComponent:T,disableCapturePreview:O,classNames:F.capture,colors:N,verbiage:A,debugMode:U});case"SUCCESS":return xe?React__namespace.default.createElement(FaceLivenessSuccess,{key:"success",imageUrl:J,classNames:F.success,colors:N.success,verbiage:A.success,onDoneClick:Re,onRetryClick:ye}):null;case"FAILED":return React__namespace.default.createElement(FaceLivenessFailure,{key:"failure",assets:L.failure,classNames:F.failure,colors:N.failure,verbiage:A.failure,canRetry:b>-1&&te<b,onRetryClick:ye,onExitClick:Ee});default:return null}}()),React__namespace.default.createElement(SelfieCaptureLoadingOverlay,{key:he,mode:p,customOverlayContent:f,assets:L.loadingOverlay,classNames:F.loadingOverlay,colors:N.loadingOverlay,verbiage:A.loadingOverlay,onUserCancel:u,onDismissed:De,waitForIdCaptureModels:I}))},SubmissionSuccess=function(){var e=React.useContext(SubmissionContext),t=e.submissionRequest,a=e.submissionResponse,n=React.useState(!1),r=n[0],o=n[1],i=React.useState(!0),c=i[0],l=i[1],s=React.useMemo((function(){var e,a,n,r,o,i,l=JSON.parse(JSON.stringify(t));return c&&((null===(a=null===(e=null==l?void 0:l.customerData)||void 0===e?void 0:e.idData)||void 0===a?void 0:a.idImageFront)&&(l.customerData.idData.idImageFront=truncate(l.customerData.idData.idImageFront,200)),(null===(r=null===(n=null==l?void 0:l.customerData)||void 0===n?void 0:n.idData)||void 0===r?void 0:r.idImageBack)&&(l.customerData.idData.idImageBack=truncate(l.customerData.idData.idImageBack,200)),(null===(i=null===(o=null==l?void 0:l.customerData)||void 0===o?void 0:o.biometricData)||void 0===i?void 0:i.selfie)&&(l.customerData.biometricData.selfie=truncate(l.customerData.biometricData.selfie,200))),JSON.stringify(l,null,2)}),[t,c]);return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("h3",null,"Submission completed!"),React__namespace.default.createElement("button",{onClick:function(){o(!r)}},r?"Hide":"Show"," request body"),r&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("button",{style:{marginLeft:8},onClick:function(){l(!c)}},c?"Display full images":"Truncate images"),React__namespace.default.createElement("h5",null,"Request Body"),React__namespace.default.createElement("pre",null,s)),React__namespace.default.createElement("h5",null,"Response Body"),React__namespace.default.createElement("pre",null,JSON.stringify(a,null,2)))};function truncate(e,t){var a=e.split("").splice(0,t).join("");return a.length<e.length&&(a+="..."),a}var templateObject_1$c,templateObject_2$a,templateObject_3$a,templateObject_4$5,AdditionalDocumentCapture=function(e){var t=e.document,a=e.onComplete,n=e.classNames,r=void 0===n?{}:n,o=e.verbiage,i=void 0===o?{}:o,c=React.useRef(null),l=React.useState(null),s=l[0],d=l[1],u=useTranslations(i,{headingText:"Additional document capture",captureBtnText:"Capture",nextBtnText:"Next"});return React__namespace.default.createElement(OverlayContainer,{className:r.container},React__namespace.default.createElement(Inner$2,{className:r.inner},React__namespace.default.createElement(Heading$4,{className:r.heading},u.headingText,": ",t.name),t.description&&React__namespace.default.createElement(Description,{className:r.description},t.description),React__namespace.default.createElement("input",{ref:c,type:"file",accept:"image/*,.pdf",onChange:function(e){var t,a=null===(t=e.target.files)||void 0===t?void 0:t[0];a&&d(a)},hidden:!0}),React__namespace.default.createElement(StyledButtonsRow$4,{className:r.buttonsRow},s?React__namespace.default.createElement(LoaderButton,{variant:"positive",className:r.nextBtn,disabled:!s,finished:!0,onClick:function(){if(s){var e=new FileReader;e.onloadend=function(){if(e.result){var n=e.result.toString();null==a||a({documentName:t.name,processAsPOA:t.processAsPOA?"Y":"N",additionalDocument:{name:s.name,fileContent:dataUrlToBase64Sync(n),type:contentDispositionFromDataUrl(n),fileUploadType:"Y",isImageControlData:"Y",fieldId:""}})}},e.readAsDataURL(s)}}},u.nextBtnText):React__namespace.default.createElement(LoaderButton,{variant:"primary",className:r.captureBtn,finished:!0,onClick:function(){var e;null===(e=c.current)||void 0===e||e.click()}},u.captureBtnText))))},Inner$2=styled__default.default(OverlayInner$2)(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n justify-content: center;\n"],["\n justify-content: center;\n"]))),Heading$4=styled__default.default.h3(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Description=styled__default.default.p(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),StyledButtonsRow$4=styled__default.default(ButtonsRow)(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),AdditionalDocumentCaptureWizard=function(e){var t=e.documents,a=e.onComplete,n=e.classNames,r=void 0===n?{}:n,o=e.verbiage,i=void 0===o?{}:o,c=React.useState([]),l=c[0],s=c[1],d=l.length,u=t[d],m=d>=t.length;return React.useEffect((function(){(null==u?void 0:u.skip)&&__awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=u.skip)||void 0===e?void 0:e.call(u)];case 1:return t.sent()&&s((function(e){return __spreadArray(__spreadArray([],e,!0),[null],!1)})),[2]}}))}))}),[u]),React.useEffect((function(){m&&(null==a||a(l.filter((function(e){return!!e}))))}),[m,a,l]),m?React__namespace.default.createElement(React__namespace.default.Fragment,null,"Thanks, your documents have been received."):React__namespace.default.createElement(AdditionalDocumentCapture,{key:d,document:u,classNames:r,verbiage:i,onComplete:function(e){s((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}})};function signatureDataToIdmissionFormat(e,t){t||(t=e.toDataURL());var a={clickX_simple:[],clickY_simple:[],time_simple:[],pressure:"",fileContent:t?dataUrlToBase64Sync(t):""};return e.toData().forEach((function(e){var t=[],n=[],r=[];e.forEach((function(e){t.push(e.x),n.push(e.y),r.push(new Date(e.time).toString())})),a.clickX_simple.push(t),a.clickY_simple.push(n),a.time_simple.push(r)})),a}function exportSignatureImage(e){return __awaiter(this,arguments,void 0,(function(e,t){var a,n,r,o,i;return void 0===t&&(t=600),__generator(this,(function(c){switch(c.label){case 0:return a=e.getCanvas(),n=a.height*t/a.width,r=e.getSignaturePad()._toSVG(),o=atob(r.replace("data:image/svg+xml;base64,","")),i=o.replace(/width="[0-9.]+"/,'width="'.concat(t,'"')).replace(/height="[0-9.]+"/,'height="'.concat(n,'"')).replace(/viewBox="0 0 [0-9.]+ [0-9.]+"/,'viewBox="0 0 '.concat(a.width," ").concat(a.height,'"')),[4,convertSVGtoImg("data:image/svg+xml;base64,"+btoa(i))];case 1:return[2,c.sent()]}}))}))}function loadImage(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){return(t=document.createElement("img")).src=e,[2,new Promise((function(e,a){t.onload=function(){return e(t)},t.onerror=a}))]}))}))}function convertSVGtoImg(e){return __awaiter(this,arguments,void 0,(function(e,t){var a,n,r;return void 0===t&&(t="jpeg"),__generator(this,(function(o){switch(o.label){case 0:return[4,loadImage(e)];case 1:return a=o.sent(),(n=document.createElement("canvas")).width=a.naturalWidth,n.height=a.naturalHeight,(r=n.getContext("2d"))?(r.fillStyle="white",r.fillRect(0,0,n.width,n.height),r.drawImage(a,0,0,a.naturalWidth,a.naturalHeight),[2,n.toDataURL("image/".concat(t),1)]):[2,null]}}))}))}var templateObject_1$b,templateObject_2$9,templateObject_3$9,templateObject_4$4,templateObject_1$a,SignaturePaperBacking=styled__default.default.div(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ","\n ","\n ","\n"],["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ","\n ","\n ","\n"])),(function(e){var t,a;return(null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.background)?"background: ".concat(null===(a=e.theme.signatureCapture)||void 0===a?void 0:a.background,";"):""}),(function(e){var t,a;return(null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.backgroundSize)?"background-size: ".concat(null===(a=e.theme.signatureCapture)||void 0===a?void 0:a.backgroundSize,";"):""}),(function(e){var t,a;return(null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.backgroundPosition)?"background-position: ".concat(null===(a=e.theme.signatureCapture)||void 0===a?void 0:a.backgroundPosition,";"):""})),SignatureCanvasContainer$1=styled__default.default.div(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"],["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"]))),SignaturePad=styled__default.default.div(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n position: relative;\n background: ",";\n border: ",";\n border-radius: ",";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"],["\n position: relative;\n background: ",";\n border: ",";\n border-radius: ",";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.canvas)||void 0===a?void 0:a.background)&&void 0!==n?n:"rgba(255, 255, 255, 0.5)"}),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.canvas)||void 0===a?void 0:a.border)&&void 0!==n?n:"1px solid #dedede"}),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.canvas)||void 0===a?void 0:a.borderRadius)&&void 0!==n?n:"16px"})),SignatureButtonsContainer=styled__default.default(ButtonsRow)(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"],["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"]))),SignatureCapture=function(e){var t,a=e.onAccept,n=e.classNames,r=void 0===n?{}:n,o=e.verbiage,i=void 0===o?{}:o,c=useResizeObserver__default.default(),l=c.ref,s=c.width,d=c.height,u=React.useRef(null),m=useTranslations(i,{headingText:"Please sign the box below",acceptBtnText:"Accept",clearBtnText:"Clear"});return React__namespace.default.createElement(PageContainer,{className:r.container},React__namespace.default.createElement(SignaturePaperBacking,{className:r.inner},React__namespace.default.createElement(GuidanceMessageContainer,{className:r.guidanceMessageContainer,$top:"5vh"},React__namespace.default.createElement(GuidanceMessage,{className:r.guidanceMessage},m.headingText)),React__namespace.default.createElement(SignatureCanvasContainer$1,{className:r.canvasContainer},React__namespace.default.createElement(SignaturePad,{ref:l,className:r.canvasInner},React__namespace.default.createElement(SignatureCanvas__default.default,{ref:u,canvasProps:{width:s,height:d,className:r.canvas}})),React__namespace.default.createElement(SignatureButtonsContainer,{className:r.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:r.clearBtn,onClick:null===(t=u.current)||void 0===t?void 0:t.clear,finished:!0},m.clearBtnText),React__namespace.default.createElement(AcceptBtn$1,{variant:"positive",className:r.acceptBtn,onClick:function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:return u.current?[4,exportSignatureImage(u.current)]:[2];case 1:return e=n.sent(),t=signatureDataToIdmissionFormat(u.current,e),null==a||a(t,null!=e?e:""),[2]}}))}))},finished:!0},m.acceptBtnText)))))},AcceptBtn$1=styled__default.default(LoaderButton)(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n margin-left: auto;\n"],["\n margin-left: auto;\n"]))),useVideoRecorder=function(e,t,a){void 0===a&&(a=!1);var n=React.useRef(null),r=React.useRef(null),o=React.useRef([]),i=React.useRef([]),c=React.useState(null),l=c[0],s=c[1],d=React.useState(null),u=d[0],m=d[1],p=React.useState(!1),f=p[0],g=p[1],v=React.useState(!1),_=v[0],h=v[1],b=React.useState(!1),C=b[0],y=b[1],R=React.useState(!1),x=R[0],D=R[1],E=React.useState(!1),w=E[0],S=E[1],k=React.useState(!1),I=k[0],T=k[1],O=React.useCallback((function(){var n,r,o;if(!a)return null==e?void 0:e.stream;var i=null!==(r=null===(n=null==e?void 0:e.stream)||void 0===n?void 0:n.getTracks())&&void 0!==r?r:[],c=null!==(o=null==t?void 0:t.getTracks())&&void 0!==o?o:[];return new MediaStream(__spreadArray(__spreadArray([],i,!0),c,!0))}),[t,null==e?void 0:e.stream,a]),M=React.useCallback((function(){var t=new Blob(o.current,{type:"video/mp4"});o.current=[],s(URL.createObjectURL(t)),g(!1),null==e||e.release()}),[e]),L=React.useCallback((function(){var e,a=new Blob(i.current,{type:"audio/mp4"});i.current=[],m(URL.createObjectURL(a)),h(!1),null===(e=null==t?void 0:t.stop)||void 0===e||e.call(t)}),[t]),j=React.useCallback((function(){var e=O();e&&(o.current=[],g(!0),y(!1),S(!1),n.current=new MediaRecorder(e,{videoBitsPerSecond:27e4,audioBitsPerSecond:32e3}),n.current.ondataavailable=function(e){o.current.push(e.data)},n.current.onstop=function(){y(!0)},n.current.start(1e3),setTimeout((function(){var e;"inactive"===(null===(e=n.current)||void 0===e?void 0:e.state)&&log("media recorder is inactive!")}),100))}),[O]),F=React.useCallback((function(){a||t&&(i.current=[],h(!0),D(!1),T(!1),r.current=new MediaRecorder(t,{audioBitsPerSecond:32e3}),r.current.ondataavailable=function(e){i.current.push(e.data)},r.current.onstop=function(){D(!0)},r.current.start(1e3))}),[t,a]),B=React.useCallback((function(){var e,t;S(!0),"inactive"!==(null===(e=n.current)||void 0===e?void 0:e.state)&&(null===(t=n.current)||void 0===t||t.stop())}),[]),N=React.useCallback((function(){var e,t;T(!0),"inactive"!==(null===(e=r.current)||void 0===e?void 0:e.state)&&(null===(t=r.current)||void 0===t||t.stop())}),[]);return React.useEffect((function(){C&&w&&M()}),[M,w,C]),React.useEffect((function(){x&&I&&L()}),[I,x,L]),{isRecordingVideo:f,isRecordingAudio:_,startRecordingVideo:j,startRecordingAudio:F,stopRecordingVideo:B,stopRecordingAudio:N,videoRecordingUnintentionallyStopped:C&&!w,audioRecordingUnintentionallyStopped:x&&!I,videoUrl:l,audioUrl:u}},videoSignatureInitialState={startRecording:function(){return null},stopRecording:function(){return null},signatureData:null,signatureDataUrl:null,signatureVideoData:null,signatureVideoUrl:null,onAcceptClicked:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return[2,void 0]}))}))}},VideoSignatureContext=React.createContext(videoSignatureInitialState);function VideoSignatureContextProvider(e){var t=this,a=e.children,n=React.useRef(null),r=React.useState(null),o=r[0],i=r[1],c=React.useState(null),l=c[0],s=c[1],d=React.useState(null),u=d[0],m=d[1],p=React.useState(null),f=p[0],g=p[1],v=React.useRef(null),_=React.useRef([]),h=useCameraStore(),b=h.camera,C=h.videoRef,y=useVideoRecorder(b),R=y.isRecordingVideo,x=y.startRecordingVideo,D=y.stopRecordingVideo,E=y.videoUrl,w=React.useRef(null),S=React.useRef(!1),k=React.useState(!1),I=k[0],T=k[1],O=React.useCallback((function(){T(!0)}),[]),M=React.useCallback((function(){T(!1)}),[]);React.useEffect((function(){I&&(S.current||(S.current=!0,__awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return w.current?[3,2]:[4,new Promise((function(e){var t=setInterval((function(){w.current&&(clearInterval(t),e(null))}),10)}))];case 1:t.sent(),t.label=2;case 2:return x(),e=w.current.captureStream(24),v.current=new MediaRecorder(e,{videoBitsPerSecond:27e4}),v.current.start(),v.current.ondataavailable=function(e){var t;_.current.push(e.data),"recording"===(null===(t=v.current)||void 0===t?void 0:t.state)&&v.current.stop()},v.current.onstop=function(){var e=new Blob(_.current,{type:"video/mp4"});m(e),g(URL.createObjectURL(e))},[2]}}))}))))}),[I,R,x,E]);var L=React.useRef(0);React.useEffect((function(){var e;if(n.current&&C.current&&w.current&&b&&I&&R){var t=[b.width,b.height],a=t[0],r=t[1],o="undefined"!=typeof window&&window.innerWidth<window.innerHeight;o&&a>r&&(a=(e=[r,a])[0],r=e[1]),w.current.width=a,w.current.height=r;var i=w.current.getContext("2d");if(i)return L.current=requestAnimationFrame((function e(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(c){return n.current&&C.current&&w.current?(t=[a*(o?.02:.15),r*(o?.15:.25),a*(o?.96:.7),r*(o?.7:.5)],i.drawImage(C.current,0,0,a,r),i.beginPath(),i.fillStyle="rgba(255,255,255,0.5)",i.roundRect.apply(i,__spreadArray(__spreadArray([],t,!1),[16],!1)),i.fill(),i.drawImage.apply(i,__spreadArray([n.current.getCanvas()],t,!1)),L.current=requestAnimationFrame(e),[2]):(cancelAnimationFrame(L.current),[2])}))}))})),function(){cancelAnimationFrame(L.current)}}}),[b,I,R,C]);var j=React.useCallback((function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return n.current?[4,exportSignatureImage(n.current)]:[2];case 1:return e=a.sent(),s(e),i(signatureDataToIdmissionFormat(n.current,e)),D(),null===(t=v.current)||void 0===t||t.stop(),[2]}}))}))}),[D]),F=React.useMemo((function(){return{startRecording:O,stopRecording:M,signaturePad:n,signatureData:o,signatureDataUrl:l,signatureVideoData:u,signatureVideoUrl:f,onAcceptClicked:j}}),[j,o,l,u,f,O,M]);return React__namespace.default.createElement(VideoSignatureContext.Provider,{value:F},a,React__namespace.default.createElement(InvisibleCanvas,{ref:w}))}function useVideoSignatureContext(){var e=React.useContext(VideoSignatureContext);if(!e)throw new Error("useVideoSignatureContext cannot be used without ContextProvider");return e}function VideoSignatureGuides(e){var t,a=e.requestedAction,n=void 0===a?"VERIFY_LIVENESS":a,r=e.faceGuideStatus,o=void 0===r?"success":r,i=e.faceGuideBorderWidth,c=e.faceGuideBorderColor,l=e.classNames,s=void 0===l?{}:l,d=e.verbiage,u=void 0===d?{}:d,m=useResizeObserver__default.default(),p=m.ref,f=m.width,g=m.height,v=useVideoSignatureContext(),_=v.signaturePad,h=v.onAcceptClicked,b=useTranslations(u,{clearSignatureBtnText:"Clear",acceptSignatureBtnText:"Accept"}),C=React.useMemo((function(){return{width:f,height:g,className:s.signatureCanvas}}),[s.signatureCanvas,g,f]);return React__namespace.default.createElement(Container$1,{className:s.container},React__namespace.default.createElement(Inner$1,{className:s.inner},React__namespace.default.createElement(FaceGuideContainer$1,{className:s.faceGuideContainer},React__namespace.default.createElement(StyledSelfieCaptureAnimatedMask,{className:s.faceGuide,status:"VERIFY_LIVENESS"===n?o:"success",borderWidth:i,borderColor:c,verticalAlign:"bottom"})),React__namespace.default.createElement(SignaturePadContainer,{className:s.signaturePadContainer},React__namespace.default.createElement(SignatureCanvasContainer,{className:s.signatureCanvasContainer,$disabled:"VERIFY_LIVENESS"===n},React__namespace.default.createElement(SignaturePad,{ref:p,className:s.signatureCanvasInner},React__namespace.default.createElement(SignatureCanvas__default.default,{ref:_,canvasProps:C})),React__namespace.default.createElement(SignatureButtonsContainer,{className:s.signatureButtonsRow},React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:s.clearSignatureBtn,onClick:null===(t=null==_?void 0:_.current)||void 0===t?void 0:t.clear,disabled:"VERIFY_LIVENESS"===n,finished:!0},b.clearSignatureBtnText),React__namespace.default.createElement(AcceptBtn,{variant:"positive",className:s.acceptSignatureBtn,disabled:"VERIFY_LIVENESS"===n,onClick:h,finished:!0},b.acceptSignatureBtnText))))))}var templateObject_1$9,templateObject_2$8,templateObject_3$8,templateObject_4$3,templateObject_5$2,templateObject_6$2,templateObject_7$1,templateObject_1$8,templateObject_1$7,templateObject_2$7,templateObject_3$7,templateObject_4$2,templateObject_5$1,templateObject_6$1,templateObject_7,templateObject_1$6,templateObject_2$6,templateObject_3$6,templateObject_4$1,templateObject_5,templateObject_6,templateObject_1$5,templateObject_2$5,templateObject_3$5,templateObject_4,templateObject_1$4,templateObject_2$4,templateObject_3$4,Container$1=styled__default.default.div(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"],["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.fontFamily})),Inner$1=styled__default.default.div(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"],["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"]))),FaceGuideContainer$1=styled__default.default.div(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n position: relative;\n height: 50%;\n"],["\n position: relative;\n height: 50%;\n"]))),StyledSelfieCaptureAnimatedMask=styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"],["\n max-width: 100%;\n height: 100%;\n"]))),SignaturePadContainer=styled__default.default.div(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"],["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"]))),SignatureCanvasContainer=styled__default.default.div(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ","\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ","\n"])),(function(e){return e.$disabled?"opacity: 0.5; pointer-events: none;":""})),AcceptBtn=styled__default.default(LoaderButton)(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n margin-left: auto;\n"],["\n margin-left: auto;\n"]))),VideoSignatureCapture=function(e){var t,a=e.onVideoCaptured,n=e.onFaceNotDetected,r=e.onExit,o=e.guidesComponent,i=e.classNames,c=void 0===i?{}:i,l=e.colors,s=void 0===l?{}:l,d=e.verbiage,u=void 0===d?{}:d,m=e.debugMode,p=void 0!==m&&m,f=useCameraStore((function(e){return e.camera})),g=React.useContext(SelfieGuidanceModelsContext).onPredictionMade,v=useVideoSignatureContext(),_=v.signatureData,h=v.signatureDataUrl,b=v.signatureVideoData,C=v.startRecording,y=v.stopRecording;React.useEffect((function(){return C(),function(){y()}}),[C,y]),s.guidanceMessageBackgroundColor||(s.guidanceMessageBackgroundColor="#ccc"),s.guidanceMessageTextColor||(s.guidanceMessageTextColor="black");var R=useTranslations(u,{guidanceMessageText:"Please sign the box below"});React.useEffect((function(){b&&_&&h&&(null==a||a(b,_,h))}),[a,_,h,b]);var x=React.useState(0),D=x[0],E=x[1];React.useEffect((function(){g((function(e){E(e.face?0:function(e){return e+1})}))}),[g]),React.useEffect((function(){D>=2&&(null==n||n())}),[D,n]);var w=null!=o?o:VideoSignatureGuides;return React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=c.container)&&void 0!==t?t:"")},R.guidanceMessageText&&React__namespace.default.createElement(GuidanceMessageContainer,{$top:"10vh",className:c.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{className:c.guidanceMessage,$background:s.guidanceMessageBackgroundColor,$textColor:s.guidanceMessageTextColor},R.guidanceMessageText)),React__namespace.default.createElement(w,{classNames:c.videoSignatureGuidesClassNames,status:"success"}),p&&React__namespace.default.createElement(DebugStatsPane,null,"Video: ",null==f?void 0:f.width,"x",null==f?void 0:f.height),React__namespace.default.createElement(ExitCaptureButton,{onClick:r,className:c.exitCaptureBtn}))},VideoSignatureSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=useVideoSignatureContext().signatureVideoUrl,u=useTranslations(s,{headingText:"Video signature has been successfully captured!",retryBtnText:"Retry",doneBtnText:"Done"});return React__namespace.default.createElement(OverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement("h1",{className:o.heading},u.headingText),React__namespace.default.createElement(OverlayImageContainer,{className:o.videoContainer},d&&React__namespace.default.createElement(StyledVideo$1,{className:o.video,src:d,poster:d+"#t=0.1",controls:!0,preload:"metadata",autoPlay:!0}),React__namespace.default.createElement("img",{src:t,alt:"",style:{display:"none"}})),React__namespace.default.createElement(ButtonsRow,{className:o.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:o.retryBtn,onClick:n,colors:c.retryBtn,finished:!0},u.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:o.doneBtn,onClick:a,colors:c.doneBtn,finished:!0},u.doneBtnText))))},StyledVideo$1=styled__default.default.video(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"],["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"]))),VideoSignatureWizard=function(e){var t,a=e.onComplete,n=e.onVideoCaptured,r=e.onRetryClicked,o=e.onExitCapture,i=e.onUserCancel,c=e.onLoadingOverlayDismissed,l=e.loadingOverlayMode,s=void 0===l?"default":l,d=e.customOverlayContent,u=e.skipSuccessScreen,m=void 0!==u&&u,p=e.allowSignatureAfterLivenessCheckFailure,f=void 0!==p&&p,g=e.faceLivenessProps,v=e.assets,_=void 0===v?{}:v,h=e.classNames,b=void 0===h?{}:h,C=e.colors,y=void 0===C?{}:C,R=e.verbiage,x=void 0===R?{}:R,D=e.debugMode,E=void 0!==D&&D,w=React.useContext(SubmissionContext),S=w.selfieImage,k=w.setSelfieImage,I=w.setSignatureData,T=w.setSignatureVideoUrl,O=w.logSelfieCaptureAttempt,M=useCameraStore(shallow.useShallow((function(e){return{cameraAccessDenied:e.cameraAccessDenied,requestCameraAccess:e.requestCameraAccess,releaseCameraAccess:e.releaseCameraAccess}}))),L=M.cameraAccessDenied,j=M.requestCameraAccess,F=M.releaseCameraAccess,B=React.useState("CHECKING_LIVENESS"),N=B[0],$=B[1],A=React.useRef(),P=React.useRef(),U=React.useRef(),V=React.useContext(SelfieGuidanceModelsContext),G=V.start,W=V.stop;React.useEffect((function(){A.current=new Date}),[]),React.useEffect((function(){"CHECKING_LIVENESS"===N&&(P.current=new Date)}),[N]);var q=["CHECKING_LIVENESS","CAPTURING_SIGNATURE"].includes(N);React.useEffect((function(){if(q)return G(),function(){W()}}),[q,G,W]);var z=React.useCallback((function(){var e,t,a;O({autoCapture:"Y",captureTime:(null!==(e=U.current)&&void 0!==e?e:new Date).getTime()-(null!==(t=P.current)&&void 0!==t?t:new Date).getTime(),operationTime:(new Date).getTime()-(null!==(a=A.current)&&void 0!==a?a:new Date).getTime()}),A.current=new Date}),[O]),H=null==g?void 0:g.onSuccess,Y=React.useCallback((function(e,t){var a,n;null==H||H(e,t),$("CAPTURING_SIGNATURE"),z();var r=null===(n=null===(a=t.customerData)||void 0===a?void 0:a.biometricData)||void 0===n?void 0:n.selfie;!S&&r&&k(r)}),[z,H,S,k]),K=React.useState(null),Z=K[0],X=K[1],J=React.useCallback((function(e,t,a){I(t),T(URL.createObjectURL(e)),X(a),$("SUCCESS"),null==n||n(e,t,a)}),[n,I,T]),Q=React.useCallback((function(){$("CHECKING_LIVENESS")}),[]),ee=React.useState(0),te=ee[0],ae=ee[1],ne=React.useCallback((function(){F(),ae((function(e){return e+1})),$("CHECKING_LIVENESS"),null==o||o(),j()}),[o,F,j]),re=React.useCallback((function(){null==r||r(),ne()}),[ne,r]),oe=useShowSuccessScreen(m,"SUCCESS"===N,a);React.useEffect((function(){L&&(ae((function(e){return e+1})),$("CHECKING_LIVENESS"))}),[L]);var ie=React.useCallback((function(e){var t=e.status;return React__namespace.default.createElement(VideoSignatureGuides,{classNames:null==b?void 0:b.videoSignatureGuidesClassNames,faceGuideStatus:t,requestedAction:"success"===t?"CAPTURE_SIGNATURE":"VERIFY_LIVENESS"})}),[null==b?void 0:b.videoSignatureGuidesClassNames]),ce=null==g?void 0:g.onExitAfterFailure,le=React.useCallback((function(e,t){null==ce||ce(e,t),f&&$("CAPTURING_SIGNATURE")}),[f,ce]),se=null==g?void 0:g.onLoadingOverlayDismissed,de=React.useCallback((function(){null==c||c(),null==se||se()}),[se,c]);return React__namespace.default.createElement(VideoSignatureContextProvider,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=null==b?void 0:b.container)&&void 0!==t?t:"")},React__namespace.default.createElement(CameraVideoTag,{className:b.cameraFeed}),function(){switch(N){case"CHECKING_LIVENESS":return React__namespace.default.createElement(FaceLivenessWizard,_assign({key:"face-liveness-".concat(te)},g,{onSuccess:Y,onExitCapture:ne,onUserCancel:i,onExitAfterFailure:le,onLoadingOverlayDismissed:de,customOverlayContent:d,loadingOverlayMode:s,guidesComponent:ie,assets:_.faceLiveness,classNames:b.faceLiveness,colors:y.faceLiveness,verbiage:x.faceLiveness,debugMode:E,releaseCameraAccessOnExit:!1,renderCameraFeed:!1}));case"CAPTURING_SIGNATURE":return React__namespace.default.createElement(VideoSignatureCapture,{onVideoCaptured:J,onFaceNotDetected:Q,onExit:ne,guidesComponent:ie,classNames:b,colors:y,verbiage:x,debugMode:E});case"SUCCESS":if(!oe)return;return React__namespace.default.createElement(VideoSignatureSuccess,{imageUrl:null!=Z?Z:"",onDoneClick:a,onRetryClick:re,classNames:b.success,colors:y.success,verbiage:x.success});default:return null}}()))},IdVideoCaptureGuides=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C,y,R,x=e.requestedAction,D=void 0===x?"SHOW_ID_FRONT":x,E=e.satisfied,w=void 0!==E&&E,S=e.faceGuideStatus,k=void 0===S?"success":S,I=e.faceGuideBorderWidth,T=e.faceGuideBorderColor,O=e.idCardGuideStatus,M=void 0===O?"ready":O,L=e.idCardGuideBorderWidth,j=e.idCardGuideBorderColor,F=e.idCardCaptureProgress,B=e.idCardCaptureGuideImages,N=void 0===B?defaultIdCaptureGuideImages:B,$=e.classNames,A=void 0===$?{}:$,P=e.verbiage,U=void 0===P?{}:P,V=useCameraStore((function(e){return e.isRearFacing})),G=useTranslations(U,{idFrontInstructionText:"Display the front of your ID card...",idBackInstructionText:"Display the back of your ID card...",flipIdInstructionText:"Please flip your ID card...",verifyLivenessInstructionText:"Performing facial recognition, please hold still..."}),W="VERIFY_LIVENESS"===D?G.verifyLivenessInstructionText:"SHOW_ID_FRONT"===D?G.idFrontInstructionText:"FLIP_ID"===D?G.flipIdInstructionText:G.idBackInstructionText,q=styled.useTheme();void 0===I&&(I=null!==(n=null===(a=null===(t=q.idVideoCapture)||void 0===t?void 0:t.faceGuides)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:5),void 0===T&&(T=null!==(l=w?null===(o=null===(r=q.idVideoCapture)||void 0===r?void 0:r.faceGuides)||void 0===o?void 0:o.satisfiedColor:null===(c=null===(i=q.idVideoCapture)||void 0===i?void 0:i.faceGuides)||void 0===c?void 0:c.unsatisfiedColor)&&void 0!==l?l:"#D6DCE7"),void 0===L&&(L=null!==(u=null===(d=null===(s=q.idVideoCapture)||void 0===s?void 0:s.idCardGuides)||void 0===d?void 0:d.borderWidth)&&void 0!==u?u:20),void 0===j&&(j=null!==(v=w?null===(p=null===(m=q.idVideoCapture)||void 0===m?void 0:m.idCardGuides)||void 0===p?void 0:p.satisfiedColor:null===(g=null===(f=q.idVideoCapture)||void 0===f?void 0:f.idCardGuides)||void 0===g?void 0:g.unsatisfiedColor)&&void 0!==v?v:"#D6DCE7");var z=useResizeObserver__default.default(),H=z.ref,Y=z.width,K=void 0===Y?0:Y,Z=z.height,X=void 0===Z?0:Z,J=useGuideImages(N),Q=useGuideImagesByUrl(J),ee=React.useState(void 0),te=ee[0],ae=ee[1],ne=React.useCallback((function(e){var t,a,n,r,o=e.currentTarget,i=Q[o.src],c=null!==(a=null!==(t=null==i?void 0:i.width)&&void 0!==t?t:o.naturalWidth)&&void 0!==a?a:0,l=null!==(r=null!==(n=null==i?void 0:i.height)&&void 0!==n?n:o.naturalHeight)&&void 0!==r?r:0;ae(l>0?c/l:void 0)}),[Q]),re=React.useMemo((function(){return{maxWidth:K>X?K:void 0,maxHeight:X>K?X:void 0,height:"100%",aspectRatio:te}}),[K,X,te]),oe=(null===(h=null===(_=q.idVideoCapture)||void 0===_?void 0:_.idCardGuides)||void 0===h?void 0:h.disableDuringLivenessCheck)&&"VERIFY_LIVENESS"===D;return React__namespace.default.createElement(Container,{className:A.container},React__namespace.default.createElement(Inner,null,React__namespace.default.createElement(FaceGuideContainer,{className:A.faceGuideContainer},React__namespace.default.createElement(SelfieCaptureAnimatedMaskWithStatus,{className:A.faceGuide,status:"VERIFY_LIVENESS"===D?k:"success",borderWidth:I,borderColor:T,verticalAlign:"bottom"})),!oe&&React__namespace.default.createElement(IdCardGuideContainer,{className:A.idCardGuideContainer,ref:H},React__namespace.default.createElement(IdCardGuideInner,{className:A.idCardGuideInner,style:{aspectRatio:te}},React__namespace.default.createElement(IdCardGuideImageContainer,{className:A.idCardGuideImageContainer,status:"VERIFY_LIVENESS"===D?"disabled":M,borderWidth:L,borderColor:j,aspectRatio:te,$isVisible:"FLIP_ID"!==D,progress:"VERIFY_LIVENESS"===D?void 0:F},React__namespace.default.createElement(IdCardGuideImage,{alt:"",className:A.idCardGuideImage,$isMirrored:!V,style:re,src:"SHOW_ID_BACK"===D?J.landscape.SHOW_ID_BACK.url:J.landscape.SHOW_ID_FRONT.url,onLoad:ne})),"FLIP_ID"===D&&React__namespace.default.createElement(IdVideoCaptureFlipIdPrompt,{idCaptureGuideImages:J,classNames:A.flipIdPrompt,borderWidth:L,borderColor:j,imageStyle:re})),React__namespace.default.createElement(IdCardGuideInstructionsContainer,{className:A.idCardGuideInstructionsContainer},React__namespace.default.createElement(IdCardGuideInstructions,{className:A.idCardGuideInstructions,$textColor:null===(C=null===(b=q.idVideoCapture)||void 0===b?void 0:b.idCardGuides)||void 0===C?void 0:C.instructionsTextColor,$background:null===(R=null===(y=q.idVideoCapture)||void 0===y?void 0:y.idCardGuides)||void 0===R?void 0:R.instructionsBackgroundColor},W)))))},Container=styled__default.default.div(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"],["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.fontFamily})),Inner=styled__default.default.div(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"],["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"]))),FaceGuideContainer=styled__default.default.div(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n position: relative;\n height: 65%;\n"],["\n position: relative;\n height: 65%;\n"]))),IdCardGuideContainer=styled__default.default.div(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"],["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"]))),IdCardGuideInner=styled__default.default.div(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n height: 100%;\n width: 100%;\n"]))),IdCardGuideInstructionsContainer=styled__default.default.div(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"],["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"]))),IdCardGuideInstructions=styled__default.default(GuidanceMessage)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"],["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"]))),ReadTextPrompt=function(e){var t=e.text,a=e.onComplete,n=e.durationMs,r=void 0===n?15e3:n,o=e.minReadingMs,i=void 0===o?1e4:o,c=e.classNames,l=void 0===c?{}:c,s=e.verbiage,d=void 0===s?{}:s;t=useVerbiage(t,"");var u=React.useRef(void 0),m=React.useState(r/1e3),p=m[0],f=m[1],g=useTranslations(d,{headingText:"Please read the following text aloud",doneBtnText:"Done"}),v=React.useCallback((function(e){if(e>0){var t=e-1;f(t),u.current=setTimeout((function(){return v(t)}),1e3)}}),[]);React.useEffect((function(){return f(p),u.current=setTimeout((function(){return v(p)}),1e3),function(){clearTimeout(u.current)}}),[p,v]);var _=React.useState(!1),h=_[0],b=_[1];return React.useEffect((function(){var e=setTimeout((function(){b(!0)}),i);return function(){clearTimeout(e)}}),[i]),React__namespace.default.createElement(ReadTextPromptContainer,{className:l.container},React__namespace.default.createElement(ReadTextPromptHeading,{className:l.heading},g.headingText),React__namespace.default.createElement(ReadTextPromptText,{className:l.prompt},t),React__namespace.default.createElement(ReadTextPromptButtonsRow,{className:l.buttonsRow},React__namespace.default.createElement(ReadTextPromptTimeRemaining,{className:l.timeRemaining},p),React__namespace.default.createElement(DoneButton,{variant:"positive",className:l.doneBtn,onClick:h?a:void 0,disabled:!h,finished:!0},g.doneBtnText)))},ReadTextPromptContainer=styled__default.default.div(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"],["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"]))),ReadTextPromptHeading=styled__default.default.div(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ",";\n ",";\n ",";\n"],["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ",";\n ",";\n ",";\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.heading)||void 0===n?void 0:n.backgroundColor)?"background: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.heading)||void 0===i?void 0:i.backgroundColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.heading)||void 0===n?void 0:n.textColor)?"color: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.heading)||void 0===i?void 0:i.textColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.heading)||void 0===n?void 0:n.borderRadius)?"border-radius: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.heading)||void 0===i?void 0:i.borderRadius,";"):""})),ReadTextPromptText=styled__default.default.div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ",";\n\n ",";\n ",";\n ",";\n"],["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ",";\n\n ",";\n ",";\n ",";\n"])),"undefined"!=typeof window&&window.innerWidth>window.innerHeight?"40%":"90%",(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.prompt)||void 0===n?void 0:n.backgroundColor)?"background: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.prompt)||void 0===i?void 0:i.backgroundColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.prompt)||void 0===n?void 0:n.textColor)?"color: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.prompt)||void 0===i?void 0:i.textColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.prompt)||void 0===n?void 0:n.borderRadius)?"border-radius: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.prompt)||void 0===i?void 0:i.borderRadius,";"):""})),ReadTextPromptButtonsRow=styled__default.default(ButtonsRow)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"],["\n margin: 32px auto auto;\n gap: 20px;\n"]))),ReadTextPromptTimeRemaining=styled__default.default.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n padding: 20px;\n\n ",";\n ",";\n ",";\n"],["\n padding: 20px;\n\n ",";\n ",";\n ",";\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.timeRemaining)||void 0===n?void 0:n.backgroundColor)?"background: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.timeRemaining)||void 0===i?void 0:i.backgroundColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.timeRemaining)||void 0===n?void 0:n.textColor)?"color: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.timeRemaining)||void 0===i?void 0:i.textColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.timeRemaining)||void 0===n?void 0:n.borderRadius)?"border-radius: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.timeRemaining)||void 0===i?void 0:i.borderRadius,";"):""})),DoneButton=styled__default.default(LoaderButton)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n margin: auto 0;\n"],["\n margin: auto 0;\n"]))),edgeBoundary=.05,defaultVideoIdCaptureThresholds={detection:{idCardFront:.4,idCardBack:.5,passport:1},focus:{idCardFront:{desktop:0,mobile:0},idCardBack:{desktop:0,mobile:0},passport:{desktop:0,mobile:0}},goodFrames:{idCardFront:1,idCardBack:1},flipShortcutThreshold:.7},IdVideoCapture=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C=e.onComplete,y=e.onIdFrontImageCaptured,R=e.onIdBackImageCaptured,x=e.onFaceNotDetected,D=e.onRecordingFailed,E=e.onExitCapture,w=e.idCaptureModelsEnabled,S=void 0===w||w,k=e.idCardCaptureGuideImages,I=void 0===k?defaultIdCaptureGuideImages:k,T=e.idCardFrontDelay,O=void 0===T?1e3:T,M=e.videoIdCaptureThresholds,L=void 0===M?defaultVideoIdCaptureThresholds:M,j=e.skipShowIdCardBack,F=void 0!==j&&j,B=e.captureCountdownSeconds,N=void 0===B?3:B,$=e.readTextPrompt,A=e.readTextTimeoutDurationMs,P=void 0===A?15e3:A,U=e.readTextMinReadingMs,V=void 0===U?1e4:U,G=e.disableFaceDetectionWhileAudioCapture,W=void 0!==G&&G,q=e.disableFaceDetectionWhileAudioCaptureMsDelay,z=void 0===q?2e3:q,H=e.mergeAVStreams,Y=void 0!==H&&H,K=e.classNames,Z=void 0===K?{}:K,X=e.colors,J=void 0===X?{}:X,Q=e.verbiage,ee=void 0===Q?{}:Q,te=e.debugMode,ae=void 0!==te&&te,ne=useResizeObserver__default.default(),re=ne.ref,oe=ne.width,ie=void 0===oe?1:oe,ce=ne.height,le=void 0===ce?1:ce,se=useCameraStore(),de=se.camera,ue=se.videoRef,me=se.videoLoaded,pe=se.cameraReady,fe=se.microphoneReady,ge=se.audioStream,ve=se.isRearFacing,_e=se.releaseCameraAccess,he=React.useState([]),be=he[0],Ce=he[1],ye=React.useState(null),Re=ye[0],xe=ye[1],De=React.useContext(IdCaptureModelsContext),Ee=De.ready,we=De.start,Se=De.stop,ke=De.onPredictionMade,Ie=De.setThresholds,Te=De.setDocumentDetectionBoundaries,Oe=De.bestFrameDetails,Me=De.resetBestFrame,Le=De.modelError,je=React.useState(null),Fe=je[0],Be=je[1],Ne=React.useContext(SubmissionContext),$e=Ne.setIdCaptureVideoAudioStartsAt,Ae=Ne.setExpectedAudioText,Pe=React.useContext(SelfieGuidanceModelsContext),Ue=Pe.start,Ve=Pe.stop,Ge=Pe.onPredictionMade,We=Pe.error,qe=useVideoRecorder(de,ge,Y),ze=qe.isRecordingVideo,He=qe.startRecordingVideo,Ye=qe.startRecordingAudio,Ke=qe.stopRecordingVideo,Ze=qe.stopRecordingAudio,Xe=qe.videoRecordingUnintentionallyStopped,Je=qe.audioRecordingUnintentionallyStopped,Qe=qe.videoUrl,et=qe.audioUrl,tt=React.useRef(void 0),at=React.useState(-1),nt=at[0],rt=at[1];React.useEffect((function(){ze||Qe||(He(),Be(new Date)),Qe&&(!(!!$&&!Y)||et)&&(_e(),null==C||C(Qe,et))}),[et,ze,Y,C,$,_e,He,Qe]),React.useEffect((function(){(Xe||Je)&&(null==D||D())}),[Je,D,Xe]);var ot=React.useState("SHOW_ID_FRONT"),it=ot[0],ct=ot[1],lt=S&&me&&pe&&Ee&&!Le&&"READ_TEXT"!==it&&(!$||fe);React.useEffect((function(){if(lt)return we(),function(){Se()}}),[lt,we,Se]),React.useEffect((function(){Ie(L)}),[it,Ie,L]),React.useEffect((function(){Te({top:20,left:20,right:20,bottom:1})}),[Te]);var st=React.useState(0),dt=st[0],ut=st[1],mt=React.useState("none"),pt=mt[0],ft=mt[1],gt=React.useState(0),vt=gt[0],_t=gt[1],ht=React.useState(0),bt=ht[0],Ct=ht[1],yt="SHOW_ID_FRONT"===it?L.goodFrames.idCardFront:L.goodFrames.idCardBack,Rt=bt>=yt;React.useEffect((function(){S&&!Le&&ke((function(e){Ce(e.detectedObjects),ut(e.detectionScore),ft(e.detectedDocumentType),_t(e.focusScore);var t=("SHOW_ID_FRONT"===it?e.idCardFrontDetectionThresholdMet:e.idCardBackDetectionThresholdMet)&&e.focusThresholdMet;if("FLIP_ID"===it&&t&&e.idCardBackDetectionScore>=L.flipShortcutThreshold)return ct("SHOW_ID_BACK");Ct(t?function(e){return e+1}:0)}))}),[S,ke,Le,it,L.flipShortcutThreshold]);var xt=React.useState(null),Dt=xt[0],Et=xt[1];React.useEffect((function(){1===bt&&Et((new Date).getTime())}),[bt]);var wt="SHOW_ID_FRONT"!==it||null!==Dt&&(new Date).getTime()>Dt+O,St=useVerbiage($,""),kt=React.useCallback((function(){var e;St?(ct("READ_TEXT"),Ye(),$e((new Date).getTime()-(null!==(e=null==Fe?void 0:Fe.getTime())&&void 0!==e?e:0)),Ae(St)):Ke()}),[Ae,$e,Ye,Ke,St,Fe]),It=null!==(a=null===(t=ue.current)||void 0===t?void 0:t.videoWidth)&&void 0!==a?a:0,Tt=null!==(r=null===(n=ue.current)||void 0===n?void 0:n.videoHeight)&&void 0!==r?r:0,Ot=null==Re?void 0:Re.box,Mt=!Ot||!It||Ot.xMin>It*edgeBoundary&&Ot.yMin>Tt*edgeBoundary&&Ot.xMax<It*(1-edgeBoundary)&&Ot.yMax<Tt*(1-edgeBoundary),Lt=React.useState(),jt=Lt[0],Ft=Lt[1],Bt=React.useRef(null),Nt=React.useRef(!1),$t=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(Nt.current)return[2];if(Nt.current=!0,drawToCanvas(Bt.current,ue.current),!(e=Bt.current.toDataURL("image/jpeg")))return Nt.current=!1,[2];t.label=1;case 1:return t.trys.push([1,,7,8]),"SHOW_ID_FRONT"!=it?[3,5]:(y&&y(e),F?!0!==F?[3,2]:[2,kt()]:[3,4]);case 2:return[4,F()];case 3:if(t.sent())return[2,kt()];t.label=4;case 4:return ct("FLIP_ID"),[3,6];case 5:"SHOW_ID_BACK"==it&&(R&&R(e),kt()),t.label=6;case 6:return[3,8];case 7:return Ce([]),ut(0),_t(0),Ct(0),Ft(void 0),Me(),Nt.current=!1,tt.current&&clearTimeout(tt.current),[7];case 8:return[2]}}))}))}),[kt,R,y,it,Me,F,ue]),At="FLIP_ID"===it;React.useEffect((function(){if(At){var e=setTimeout((function(){ct("SHOW_ID_BACK")}),6e3);return function(){clearTimeout(e)}}}),[At]);var Pt=React.useCallback((function(){Ke(),Ze()}),[Ze,Ke]),Ut=!At&&Rt&&Mt&&wt;React.useEffect((function(){Ut&&!jt&&Ft(new Date)}),[jt,Ut]),React.useEffect((function(){return function(){clearTimeout(tt.current)}}),[]);var Vt=React.useCallback((function(e){if(e>0){var t=e-1;return rt(t),void(tt.current=setTimeout((function(){return Vt(t)}),1e3))}}),[tt]);React.useEffect((function(){if(jt)return rt(N),tt.current=setTimeout((function(){return Vt(N)}),1e3),function(){clearTimeout(tt.current)}}),[N,jt,Vt]),React.useEffect((function(){0===nt&&(rt(-1),$t().then())}),[$t,nt]);var Gt=useTimeout(P,Pt,"READ_TEXT"!==it,!1,"READ_TEXT"===it).timeoutStartedAt;React.useEffect((function(){return Ue(),function(){Ve()}}),[Ue,Ve]);var Wt=React.useState(0),qt=Wt[0],zt=Wt[1];Ge(useDebounce.useThrottledCallback(React.useCallback((function(e){var t=e.face;We||(xe(t),zt(t?0:function(e){return e+1}))}),[We]),16)),React.useEffect((function(){!(W&&(null==Gt?void 0:Gt.getTime())&&(new Date).getTime()-(null==Gt?void 0:Gt.getTime())>z)&&qt>=2&&(null==x||x())}),[W,z,qt,x,Gt]);var Ht=styled.useTheme(),Yt=useTranslations(ee,{faceNotCenteredText:"Please move your face to the center...",captureBtnText:"Capture"}),Kt=Yt.captureBtnText,Zt=Yt.faceNotCenteredText,Xt=useDebugScalingDetails({enabled:ae,pageWidth:ie,pageHeight:le,videoWidth:null!==(i=null===(o=ue.current)||void 0===o?void 0:o.videoWidth)&&void 0!==i?i:0,videoHeight:null!==(l=null===(c=ue.current)||void 0===c?void 0:c.videoHeight)&&void 0!==l?l:0}),Jt=["SHOW_ID_FRONT","SHOW_ID_BACK"].includes(it),Qt=Mt?void 0:Zt;return React__namespace.default.createElement(PageContainer,{ref:re,className:"flex ".concat(null!==(s=Z.container)&&void 0!==s?s:"")},React__namespace.default.createElement(InvisibleCanvas,{ref:Bt}),"READ_TEXT"===it?React__namespace.default.createElement(ReadTextPrompt,{text:$,startedAt:Gt||void 0,durationMs:P,minReadingMs:V,classNames:Z.readTextPrompt,verbiage:ee.readTextPrompt,onComplete:Pt}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(IdVideoCaptureGuides,{classNames:Z.guides,verbiage:ee.guides,requestedAction:it,satisfied:Ut,idCardGuideStatus:jt?"capturing":"ready",idCardCaptureProgress:jt?1:0,idCardCaptureGuideImages:I,faceGuideBorderColor:Ut?J.guidesSatisfiedColor:J.guidesUnsatisfiedColor,idCardGuideBorderColor:Ut?J.guidesSatisfiedColor:J.guidesUnsatisfiedColor}),ae&&Jt&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv,{$flipX:!ve},be.map((function(e,t){return React__namespace.default.createElement(IdCaptureDetectedObjectDebugBox,{key:t,obj:e,scaling:Xt,color:"blue",flipX:!ve})}))),React__namespace.default.createElement(DebugBoundingBoxOverlay,null,Re&&React__namespace.default.createElement(SelfieCaptureFaceDebugBox,{face:Re,scaling:Xt})))),Qt&&S&&!Le&&React__namespace.default.createElement(GuidanceMessageContainer,{className:Z.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{className:Z.guidanceMessage,$background:null!==(m=null===(u=null===(d=Ht.guidanceMessages)||void 0===d?void 0:d.negative)||void 0===u?void 0:u.backgroundColor)&&void 0!==m?m:"red",$textColor:null!==(g=null===(f=null===(p=Ht.guidanceMessages)||void 0===p?void 0:p.negative)||void 0===f?void 0:f.textColor)&&void 0!==g?g:"white"},Qt)),ae&&React__namespace.default.createElement(DebugStatsPane,null,de?React__namespace.default.createElement(React__namespace.default.Fragment,null,"✅ Camera: ",de.label," (",de.width,"x",de.height,")"):"❌ Camera not ready",React__namespace.default.createElement("br",null),ze?"✅ Recording":"❌ Not recording",React__namespace.default.createElement("br",null),Rt?"✅":"❌"," Good Frame Count:"," ",bt,"/",yt,React__namespace.default.createElement("br",null),"Document Type: ",pt,React__namespace.default.createElement("br",null),"Detection Score: ",dt,React__namespace.default.createElement("br",null),"Focus Score: ",vt,React__namespace.default.createElement("br",null),"Best Frame Detection Score:"," ",null!==(_=null===(v=Oe.current)||void 0===v?void 0:v.detectionScore)&&void 0!==_?_:0,React__namespace.default.createElement("br",null),"Best Frame Focus Score: ",null!==(b=null===(h=Oe.current)||void 0===h?void 0:h.focusScore)&&void 0!==b?b:0),nt>0&&Jt&&React__namespace.default.createElement(CountdownContainer,{className:Z.countdownContainer},React__namespace.default.createElement(Countdown,{className:Z.countdown},nt)),(!S||Le)&&Jt&&React__namespace.default.createElement(CaptureButtonContainer,{className:Z.captureBtnContainer},React__namespace.default.createElement(CaptureButton,{finished:!0,onClick:function(){Ft(new Date)},disabled:!!jt||Nt.current,className:Z.captureBtn},Kt)),React__namespace.default.createElement(ExitCaptureButton,{onClick:E,className:Z.exitCaptureBtn}))},CountdownContainer=styled__default.default.div(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"],["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"]))),Countdown=styled__default.default.div(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"],["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"]))),CaptureButtonContainer=styled__default.default.div(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"],["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"]))),CaptureButton=styled__default.default(LoaderButton)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n margin: 0 auto 25px;\n"],["\n margin: 0 auto 25px;\n"]))),IdVideoCaptureSuccess=function(e){var t=e.videoUrl,a=e.audioUrl,n=e.idFrontImageUrl,r=e.idBackImageUrl,o=e.onDoneClick,i=e.onRetryClick,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u,p=React.useState("video"),f=p[0],g=p[1],v=useTranslations(m,{headingText:"Video ID has been successfully captured!",retryBtnText:"Retry",doneBtnText:"Done",idFrontText:"ID Front Image",idBackText:"ID Back Image"});return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement("h1",{className:l.heading},v.headingText),React__namespace.default.createElement(AssetSelectorOptions,{className:l.assetSelectorOptions},React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetVideo",value:"video",checked:"video"===f,onChange:function(){return g("video")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetVideo"},"Video")),a&&React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetAudio",value:"audio",checked:"audio"===f,onChange:function(){return g("audio")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetAudio"},"Audio")),React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetIdFrontImage",value:"idFrontImage",checked:"idFrontImage"===f,onChange:function(){return g("idFrontImage")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetIdFrontImage"},v.idFrontText)),r&&React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetIdBackImage",value:"idBackImage",checked:"idBackImage"===f,onChange:function(){return g("idBackImage")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetIdBackImage"},v.idBackText))),React__namespace.default.createElement(OverlayImageContainer,{className:l.videoContainer},"video"===f?React__namespace.default.createElement(StyledVideo,{src:t,className:l.video,poster:t+"#t=0.1",controls:!0,preload:"metadata",autoPlay:!0}):"audio"===f?React__namespace.default.createElement("div",null,React__namespace.default.createElement("h3",null,"Audio"),React__namespace.default.createElement("audio",{controls:!0},React__namespace.default.createElement("source",{src:a}))):React__namespace.default.createElement("img","idFrontImage"===f?{src:n,alt:"ID Front Image"}:{src:r,alt:"ID Back Image"})),React__namespace.default.createElement(ButtonsRow,{className:l.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:l.retryBtn,onClick:i,colors:d.retryBtn,finished:!0},v.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:l.doneBtn,onClick:o,colors:d.doneBtn,finished:!0},v.doneBtnText))))},StyledVideo=styled__default.default.video(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"],["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"]))),AssetSelectorOptions=styled__default.default.div(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"],["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"]))),AssetSelectorOption=styled__default.default.div(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"],["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"]))),VideoIdWizard=function(e){var t,a,n,r,o,i,c,l,s,d=e.onComplete,u=e.onExitCapture,m=e.onExitAfterFailure,p=e.onUserCancel,f=e.onIdCaptureModelError,g=e.onCameraAccessDenied,v=e.onMicrophoneAccessDenied,_=e.idCaptureProps,h=void 0===_?{}:_,b=e.faceLivenessProps,C=void 0===b?{}:b,y=e.idCaptureModelsEnabled,R=void 0===y||y,x=e.videoIdCaptureThresholds,D=void 0===x?defaultVideoIdCaptureThresholds:x,E=e.readTextPrompt,w=e.readTextTimeoutDurationMs,S=e.readTextMinReadingMs,k=e.skipIdCapture,I=void 0!==k&&k,T=e.skipShowIdCardBack,O=void 0!==T&&T,M=e.skipSuccessScreen,L=void 0!==M&&M,j=e.idCaptureLoadingOverlayMode,F=void 0===j?"default":j,B=e.customOverlayContent,N=e.onLoadingOverlayDismissed,$=e.idCaptureGuideType,A=void 0===$?"fit":$,P=e.idCaptureGuideImages,U=void 0===P?defaultIdCaptureGuideImages:P,V=e.idCapturePortraitGuidesOnMobile,G=void 0===V||V,W=e.idCaptureRotateLoadingOverlayImageWhenPortrait,q=void 0===W||W,z=e.idCaptureModelLoadTimeoutMs,H=void 0===z?defaultDocumentDetectionModelLoadTimeoutMs:z,Y=e.faceLivenessLoadingOverlayMode,K=void 0===Y?"default":Y,Z=e.disableFaceDetectionWhileAudioCapture,X=void 0===Z||Z,J=e.disableFaceDetectionWhileAudioCaptureMsDelay,Q=void 0===J?2e3:J,ee=e.silentFallback,te=void 0!==ee&&ee,ae=e.mergeAVStreams,ne=void 0!==ae&&ae,re=e.assets,oe=void 0===re?{}:re,ie=e.classNames,ce=void 0===ie?{}:ie,le=e.colors,se=void 0===le?{}:le,de=e.verbiage,ue=void 0===de?{}:de,me=e.debugMode,pe=void 0!==me&&me,fe=React.useContext(SubmissionContext),ge=fe.submissionStatus,ve=fe.idCaptureVideoUrl,_e=fe.idCaptureVideoAudioUrl,he=fe.idCaptureVideoIdFrontImage,be=fe.idCaptureVideoIdBackImage,Ce=fe.setIdCaptureVideoUrl,ye=fe.setIdCaptureVideoIdFrontImage,Re=fe.setIdCaptureVideoIdBackImage,xe=fe.setIdCaptureVideoAudioUrl,De=React.useState("CAPTURING_ID"),Ee=De[0],we=De[1];React.useEffect((function(){I&&"CAPTURING_ID"===Ee&&we("CHECKING_LIVENESS")}),[Ee,I]);var Se=h.onSuccess,ke=React.useCallback((function(e){null==Se||Se(e),we("CHECKING_LIVENESS")}),[Se]),Ie=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return we("CAPTURING_VIDEO"),[2]}))}))}),[]),Te=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return Ce(e),t&&xe(t),we("SUCCESS"),L&&(null==d||d()),[2]}))}))}),[d,xe,Ce,L]),Oe=React.useCallback((function(){we("CHECKING_LIVENESS")}),[]),Me=React.useState(0),Le=Me[0],je=Me[1],Fe=null!=m?m:C.onExitAfterFailure,Be=React.useCallback((function(e,t){null==Fe||Fe(e,t),je((function(e){return e+1})),we("CAPTURING_ID")}),[Fe]),Ne=React.useCallback((function(){je((function(e){return e+1})),we("CAPTURING_ID")}),[]),$e=!I&&["LOADING","CAPTURING_ID"].includes(Ee);React.useEffect((function(){ge===SubmissionStatus.SUBMITTING&&releaseCameraAccess()}),[ge]);var Ae=React.useCallback((function(){je((function(e){return e+1})),we("CHECKING_LIVENESS")}),[]),Pe=React.useCallback((function(){je((function(e){return e+1})),null==u||u()}),[u]),Ue=React.useCallback((function(e){var t,a,n,r,o=e.status;return React__namespace.default.createElement(IdVideoCaptureGuides,{idCardCaptureGuideImages:U,classNames:null===(t=ce.idVideoCapture)||void 0===t?void 0:t.guides,verbiage:null===(a=ue.idVideoCapture)||void 0===a?void 0:a.guides,requestedAction:"VERIFY_LIVENESS",faceGuideStatus:o,faceGuideBorderColor:"success"===o?null===(n=se.idVideoCapture)||void 0===n?void 0:n.guidesSatisfiedColor:null===(r=se.idVideoCapture)||void 0===r?void 0:r.guidesUnsatisfiedColor,idCardGuideStatus:"disabled"})}),[null===(t=ce.idVideoCapture)||void 0===t?void 0:t.guides,null===(a=se.idVideoCapture)||void 0===a?void 0:a.guidesSatisfiedColor,null===(n=se.idVideoCapture)||void 0===n?void 0:n.guidesUnsatisfiedColor,U,null===(r=ue.idVideoCapture)||void 0===r?void 0:r.guides]);return ge===SubmissionStatus.SUBMITTING?React__namespace.default.createElement(PageContainer,{className:"flex"},React__namespace.default.createElement(Spinner,null)):React__namespace.default.createElement(CameraStoreProvider,{preferIphoneContinuityCamera:$e,preferFrontFacingCamera:!$e,requireMicrophoneAccess:!$e&&!!E,maxVideoWidth:$e?1920:1280,maxFps:$e?60:30,onCameraAccessDenied:g,onMicrophoneAccessDenied:v},React__namespace.default.createElement(IdCaptureModelsProvider,{autoStart:!1,documentDetectionModelUrl:null!==(i=null===(o=h.assets)||void 0===o?void 0:o.documentDetectionModelUrl)&&void 0!==i?i:"",focusModelUrl:null!==(l=null===(c=h.assets)||void 0===c?void 0:c.focusModelUrl)&&void 0!==l?l:"",onModelError:f,modelLoadTimeoutMs:H},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,onModelError:null==C?void 0:C.onModelError,modelLoadTimeoutMs:null==C?void 0:C.modelLoadTimeoutMs,requireVerticalFaceCentering:"CHECKING_LIVENESS"===Ee},React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(s=ce.container)&&void 0!==s?s:"")},["CHECKING_LIVENESS","CAPTURING_VIDEO"].includes(Ee)&&React__namespace.default.createElement(CameraVideoTag,{className:ce.cameraFeed}),function(){switch(Ee){case"CAPTURING_ID":return React__namespace.default.createElement(IdCaptureStateProvider,null,React__namespace.default.createElement(GuideOrientationContextProvider,null,React__namespace.default.createElement(IdCaptureWizard,_assign({key:"id-capture-".concat(Le),loadingOverlayMode:F,customOverlayContent:B,onLoadingOverlayDismissed:N,silentFallback:te,guideImages:U},h,{assets:oe.idCapture,classNames:ce.idCapture,colors:se.idCapture,verbiage:ue.idCapture,onSuccess:ke,onExitCapture:Pe,onUserCancel:p,skipSuccessScreen:!0,releaseCameraAccessOnExit:!1,guideType:A,portraitGuidesOnMobile:G,rotateLoadingOverlayImageWhenPortrait:q,debugMode:pe}))));case"CHECKING_LIVENESS":return React__namespace.default.createElement(FaceLivenessWizard,_assign({key:"face-liveness-".concat(Le),loadingOverlayMode:K,customOverlayContent:B,onLoadingOverlayDismissed:N,silentFallback:te},C,{onComplete:Ie,onExitCapture:Pe,onExitAfterFailure:Be,onUserCancel:p,skipSuccessScreen:!0,renderCameraFeed:!1,releaseCameraAccessOnExit:!1,waitForIdCaptureModels:!0,disableCapturePreview:!pe,guidesComponent:Ue,assets:oe.faceLiveness,classNames:ce.faceLiveness,colors:se.faceLiveness,verbiage:ue.faceLiveness,debugMode:pe}));case"CAPTURING_VIDEO":return React__namespace.default.createElement(IdVideoCapture,{key:"id-video-capture-".concat(Le),onComplete:Te,onIdFrontImageCaptured:ye,onIdBackImageCaptured:Re,onFaceNotDetected:Oe,onRecordingFailed:Ae,onExitCapture:Pe,idCaptureModelsEnabled:R,idCardCaptureGuideImages:U,videoIdCaptureThresholds:D,skipShowIdCardBack:O,disableFaceDetectionWhileAudioCapture:X,disableFaceDetectionWhileAudioCaptureMsDelay:Q,readTextPrompt:E,readTextTimeoutDurationMs:w,readTextMinReadingMs:S,mergeAVStreams:ne,classNames:ce.idVideoCapture,colors:se.idVideoCapture,verbiage:ue.idVideoCapture,debugMode:pe});case"SUCCESS":return React__namespace.default.createElement(IdVideoCaptureSuccess,{videoUrl:null!=ve?ve:"",audioUrl:null!=_e?_e:"",idFrontImageUrl:null!=he?he:"",idBackImageUrl:null!=be?be:void 0,onDoneClick:d,onRetryClick:Ne,classNames:ce.success,colors:se.success,verbiage:ue.success});default:return React__namespace.default.createElement(React__namespace.default.Fragment,null)}}()))))};function CompositeWizard(e){var t,a,n,r,o,i=e.checks,c=e.idCaptureProps,l=void 0===c?{}:c,s=e.faceLivenessProps,d=void 0===s?{}:s,u=e.additionalDocumentCaptureProps,m=e.signatureCaptureProps,p=void 0===m?{}:m,f=e.videoSignatureCaptureProps,g=void 0===f?{}:f,v=e.videoIdCaptureProps,_=void 0===v?{}:v,h=e.captureSignature,b=void 0!==h&&h,C=e.captureSignatureVideo,y=void 0!==C&&C,R=e.onCameraAccessDenied,x=e.onMicrophoneAccessDenied,D=React.useContext(SubmissionContext),E=D.submit,w=D.submissionStatus,S=D.setSignatureData,k=D.setAdditionalDocuments,I=React.useState(0),T=I[0],O=I[1],M=React.useMemo((function(){var e,t,a=__spreadArray([],i,!0);if(b&&y)throw new Error("captureSignature and captureSignatureVideo cannot be used together");return b&&a.push("SignatureCapture"),y&&(a.push("VideoSignatureCapture"),a.includes("FaceLiveness")&&a.splice(a.indexOf("FaceLiveness"),1)),null!==(t=null===(e=null==u?void 0:u.documents)||void 0===e?void 0:e.length)&&void 0!==t&&t&&a.push("AdditionalDocumentCapture"),a}),[null===(t=null==u?void 0:u.documents)||void 0===t?void 0:t.length,b,y,i]),L=M[T],j=T>=M.length;React.useEffect((function(){"SignatureCapture"===L&&"function"==typeof b?b().then((function(e){e||O((function(e){return e+1}))})):"VideoSignatureCapture"===L&&"function"==typeof y&&y().then((function(e){e||O((function(e){return e+1}))}))}),[b,y,L]),React.useEffect((function(){j&&E()}),[j,E]);var F=l.onSuccess,B=React.useCallback((function(e){null==F||F(e),O((function(e){return e+1}))}),[F]),N=_.onComplete,$=React.useCallback((function(){null==N||N(),O((function(e){return e+1}))}),[N]),A=d.onComplete,P=React.useCallback((function(e,t){null==A||A(e,t),O((function(e){return e+1}))}),[A]),U=React.useCallback((function(e){S(e),O((function(e){return e+1}))}),[S]),V=g.onComplete,G=React.useCallback((function(){null==V||V(),O((function(e){return e+1}))}),[V]),W=null==u?void 0:u.onComplete,q=React.useCallback((function(e){k(e),null==W||W(e),O((function(e){return e+1}))}),[W,k]),z=React.useMemo((function(){var e;return null!==(e=null==u?void 0:u.documents)&&void 0!==e?e:[]}),[null==u?void 0:u.documents]);if(j)switch(w){case SubmissionStatus.SUBMITTING:return React__namespace.default.createElement(PageContainer,{className:"flex"},React__namespace.default.createElement(Spinner,null));case SubmissionStatus.SUBMITTED:return React__namespace.default.createElement(SubmissionSuccess,null);case SubmissionStatus.FAILED:return React__namespace.default.createElement(React__namespace.default.Fragment,null,"Submission failed!");default:return React__namespace.default.createElement(React__namespace.default.Fragment,null)}switch(M[T]){case"IdCapture":return React__namespace.default.createElement(CameraStoreProvider,{onCameraAccessDenied:R,onMicrophoneAccessDenied:x},React__namespace.default.createElement(IdCaptureModelsProvider,{autoStart:!1,documentDetectionModelUrl:null!==(n=null===(a=l.assets)||void 0===a?void 0:a.documentDetectionModelUrl)&&void 0!==n?n:"",focusModelUrl:null!==(o=null===(r=l.assets)||void 0===r?void 0:r.focusModelUrl)&&void 0!==o?o:"",onModelError:l.onModelError,modelLoadTimeoutMs:l.modelLoadTimeoutMs},React__namespace.default.createElement(IdCaptureStateProvider,null,React__namespace.default.createElement(GuideOrientationContextProvider,null,React__namespace.default.createElement(IdCaptureWizard,_assign({},l,{onSuccess:B}))))));case"VideoIdCapture":return React__namespace.default.createElement(VideoIdWizard,_assign({},_,{onComplete:$,onCameraAccessDenied:R,onMicrophoneAccessDenied:x}));case"FaceLiveness":return React__namespace.default.createElement(CameraStoreProvider,{preferFrontFacingCamera:!0,preferIphoneContinuityCamera:!1,onCameraAccessDenied:R,onMicrophoneAccessDenied:x},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,onModelError:d.onModelError,modelLoadTimeoutMs:d.modelLoadTimeoutMs},React__namespace.default.createElement(FaceLivenessWizard,_assign({},d,{onComplete:P}))));case"SignatureCapture":return React__namespace.default.createElement(SignatureCapture,_assign({},p,{onAccept:U}));case"VideoSignatureCapture":return React__namespace.default.createElement(CameraStoreProvider,{preferIphoneContinuityCamera:!1,preferFrontFacingCamera:!0,maxVideoWidth:1280,maxFps:30,onCameraAccessDenied:R,onMicrophoneAccessDenied:x},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,throttleMs:250,onModelError:g.onModelError,modelLoadTimeoutMs:g.modelLoadTimeoutMs,requireVerticalFaceCentering:!1},React__namespace.default.createElement(VideoSignatureWizard,_assign({},g,{onComplete:G}))));case"AdditionalDocumentCapture":return React__namespace.default.createElement(AdditionalDocumentCaptureWizard,_assign({},u,{documents:z,onComplete:q}));default:return React__namespace.default.createElement(React__namespace.default.Fragment,null)}}var templateObject_1$3,templateObject_2$3,templateObject_3$3,templateObject_1$2,templateObject_2$2,templateObject_3$2,templateObject_1$1,templateObject_2$1,templateObject_3$1,templateObject_1,templateObject_2,templateObject_3,noneTheme={},defaultTheme={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",isFullscreen:!0,background:"white",textColor:"black",textAlign:"center",padding:"25px",colors:{primary:{50:"#eef8ff",100:"#d8eeff",200:"#b9e0ff",300:"#89cfff",400:"#52b4ff",500:"#2a91ff",600:"#0d6efd",700:"#0c5ae9",800:"#1149bc",900:"#144194",950:"#11295a"},secondary:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#666666",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#3d3d3d",950:"#262626"},positive:{50:"#f1fcf9",100:"#cef9eb",200:"#9df2d8",300:"#65e3c2",400:"#4fd4ad",500:"#1cb090",600:"#16a085",700:"#147160",800:"#155a4f",900:"#164b42",950:"#062d28"},negative:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},warning:{50:"#fdf5ef",100:"#fbe7d9",200:"#f6cdb2",300:"#f0ab81",400:"#ea8557",500:"#e35e2c",600:"#d54621",700:"#b1341d",800:"#8d2b1f",900:"#72261c",950:"#3d100d"}},buttons:{style:"bootstrap",primary:{backgroundColor:"var(--idm-color-primary-600)",textColor:"white"},secondary:{backgroundColor:"var(--idm-color-secondary-500)",textColor:"white"},positive:{backgroundColor:"var(--idm-color-positive-600)",textColor:"white"},negative:{backgroundColor:"var(--idm-color-negative-400)",textColor:"white"},warning:{backgroundColor:"var(--idm-color-warning-400)",textColor:"white"},loading:{backgroundColor:"gray",textColor:"white"}},guidanceMessages:{default:{backgroundColor:"var(--idm-color-secondary-200)",textColor:"black"},positive:{backgroundColor:"var(--idm-color-positive-700)",textColor:"white"},negative:{backgroundColor:"var(--idm-color-negative-600)",textColor:"white"}},idCapture:{loadingOverlay:{backgroundColor:"#ecedf3",textColor:"black",loadingGraphicAccentColor:"var(--idm-color-positive-600)",loadingGraphicAccentOpacity:.2,progressBarBackgroundColor:"var(--idm-color-positive-600)",progressBarBackgroundOpacity:.75,progressBarIndicatorColor:"var(--idm-color-positive-600)",progressBarTextColor:"white",continueBtnBorder:"2px solid white"},guideOverlay:{backgroundColor:"#708090",textColor:"white"},guideBox:{unsatisfiedColor:"white",satisfiedColor:"var(--idm-color-positive-500)",borderWidth:4,desktopPadding:50,mobilePadding:0,imagePadding:50,wavesDisabled:!1,wavesColor:"#287ec6",progressBarColor:"#287ec6"}},selfieCapture:{loadingOverlay:{backgroundColor:"#ecedf3",textColor:"black",loadingGraphicAccentColor:"var(--idm-color-positive-600)",progressBarBackgroundColor:"var(--idm-color-positive-600)",progressBarBackgroundOpacity:.75,progressBarIndicatorColor:"var(--idm-color-positive-600)",progressBarTextColor:"white",continueBtnBorder:"2px solid white"},guides:{unsatisfiedColor:"white",satisfiedColor:"var(--idm-color-positive-500)"}},signatureCapture:{background:"radial-gradient(#444cf7 0.5px, transparent 0.5px), radial-gradient(#444cf7 0.5px, #e5e5f7 0.5px)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 10px 10px"},idVideoCapture:{idCardGuides:{disableDuringLivenessCheck:!1},readTextPrompt:{heading:{backgroundColor:"rgba(255, 255, 255, 0.5)",textColor:"black",borderRadius:"8px"},prompt:{backgroundColor:"rgba(255, 255, 255, 0.5)",textColor:"black",borderRadius:"8px"},timeRemaining:{backgroundColor:"rgba(255, 255, 255, 0.5)",textColor:"black",borderRadius:"4px"}}}},themes={default:defaultTheme,none:noneTheme},resolveTheme=function(e){if("string"==typeof e)return e in themes?themes[e]:themes.none;if(e.base){var t=themes[e.base];if(t)return mergeDeep(t,e)}return e},ThemeProvider=function(e){var t=e.children,a=React.useRef(e.theme),n=React.useMemo((function(){return resolveTheme(a.current)}),[]),r=n.colors;return React.useEffect((function(){for(var e in r){var t=r[e];for(var a in t){var n=t[a];document.documentElement.style.setProperty("--idm-color-".concat(e,"-").concat(a),n)}}}),[r]),React__namespace.default.createElement(styled.ThemeProvider,{theme:n},t)},IdValidation=function(e){var t=e.lang,a=e.sessionId,n=e.clientRequestID,r=e.submissionUrl,o=e.authUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.manualReviewRequired,d=e.idBackImageRequired,u=e.verifyIdWithExternalDatabases,m=e.bypassAgeValidation,p=e.bypassNameMatching,f=e.personalData,g=e.cardData,v=e.idData,_=e.webhooksEnabled,h=e.webhooksClientTraceId,b=e.webhooksStripSpecialCharacters,C=e.webhooksSendInputImages,y=e.webhooksSendProcessedImages,R=e.webhooksFireOnReview,x=e.sendBase64DocumentsInSwaggerProxy,D=e.customerDataMatchConfig,E=e.precapturedDocuments,w=e.loadingOverlayMode,S=void 0===w?"default":w,k=e.customOverlayContent,I=e.onLoadingOverlayDismissed,T=e.idCaptureRequirement,O=void 0===T?"idCardOrPassport":T,M=e.separateIdCardCaptureSequence,L=void 0!==M&&M,j=e.idCaptureThresholds,F=void 0===j?defaultIdCaptureThresholds:j,B=e.skipSuccessScreen,N=void 0!==B&&B,$=e.instructions,A=e.guideType,P=void 0===A?"fit":A,U=e.guideImages,V=void 0===U?defaultIdCaptureGuideImages:U,G=e.portraitGuidesOnMobile,W=void 0===G||G,q=e.rotateLoadingOverlayImageWhenPortrait,z=void 0===q||q,H=e.modelLoadTimeoutMs,Y=void 0===H?defaultDocumentDetectionModelLoadTimeoutMs:H,K=e.forceFallbackMode,Z=void 0!==K&&K,X=e.allowIdCardBackToFrontCapture,J=void 0!==X&&X,Q=e.enableOverrideWrongDocumentTypeDialog,ee=void 0!==Q&&Q,te=e.allowOverrideWrongDocumentTypeAfterMs,ae=void 0===te?8e3:te,ne=e.onBeforeSubmit,re=e.onBeforeDocumentUpload,oe=e.onDocumentUploadProgress,ie=e.onDocumentUploaded,ce=e.onDocumentUploadFailed,le=e.onSubmit,se=e.onComplete,de=e.onApproved,ue=e.onDenied,me=e.onExitCapture,pe=e.onUserCancel,fe=e.onModelError,ge=e.onCameraAccessDenied,ve=e.theme,_e=void 0===ve?"default":ve,he=e.assets,be=void 0===he?{}:he,Ce=e.classNames,ye=void 0===Ce?{}:Ce,Re=e.colors,xe=void 0===Re?{}:Re,De=e.verbiage,Ee=void 0===De?{}:De,we=e.captureSignature,Se=void 0!==we&&we,ke=e.captureSignatureVideo,Ie=void 0!==ke&&ke,Te=e.captureAdditionalDocuments,Oe=void 0===Te?[]:Te,Me=e.geolocationEnabled,Le=void 0===Me||Me,je=e.geolocationRequired,Fe=void 0!==je&&je,Be=e.debugMode,Ne=void 0!==Be&&Be;useLanguage(void 0===t?"auto":t),useDebugLogging(Ne);var $e=React.useMemo((function(){return{onExitCapture:me,onUserCancel:pe,onModelError:fe,precapturedDocuments:E,captureRequirement:O,separateIdCardCaptureSequence:L,thresholds:F,skipSuccessScreen:N,loadingOverlayMode:S,customOverlayContent:k,onLoadingOverlayDismissed:I,forceFallbackMode:Z,allowIdCardBackToFrontCapture:J,instructions:$,guideType:P,guideImages:V,portraitGuidesOnMobile:W,rotateLoadingOverlayImageWhenPortrait:z,modelLoadTimeoutMs:Y,enableOverrideWrongDocumentTypeDialog:ee,allowOverrideWrongDocumentTypeAfterMs:ae,assets:be,classNames:ye,colors:xe,verbiage:Ee,debugMode:Ne}}),[me,pe,fe,E,O,L,F,N,S,k,I,Z,J,$,P,V,W,z,Y,ee,ae,be,ye,xe,Ee,Ne]),Ae=React.useMemo((function(){return{documents:Oe,classNames:ye.additionalDocumentCapture,verbiage:Ee.additionalDocumentCapture}}),[Oe,ye.additionalDocumentCapture,Ee.additionalDocumentCapture]),Pe=React.useMemo((function(){return{classNames:ye.signatureCapture,verbiage:Ee.signatureCapture}}),[ye.signatureCapture,Ee.signatureCapture]),Ue=React.useMemo((function(){return{onExitCapture:me,onUserCancel:pe,skipSuccessScreen:N,classNames:ye.videoSignatureCapture,colors:xe.videoSignatureCapture,verbiage:Ee.videoSignatureCapture,debugMode:Ne}}),[ye.videoSignatureCapture,xe.videoSignatureCapture,Ne,me,pe,N,Ee.videoSignatureCapture]),Ve=React.useCallback((function(e,t){null==se||se(e,t),"Approved"===e.resultData.verificationResult?null==de||de(e,t):null==ue||ue(e,t)}),[de,se,ue]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:o},React__namespace.default.createElement(ThemeProvider,{theme:_e},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.VALIDATE,submissionUrl:r,clientRequestID:n,documentServiceUrl:i,companyId:c,needImmediateResponse:l,manualReviewRequired:s,idBackImageRequired:d,verifyIdWithExternalDatabases:u,bypassAgeValidation:m,bypassNameMatching:p,personalData:f,cardData:g,idData:v,webhooksEnabled:_,webhooksClientTraceId:h,webhooksStripSpecialCharacters:b,webhooksSendInputImages:C,webhooksSendProcessedImages:y,webhooksFireOnReview:R,sendBase64DocumentsInSwaggerProxy:x,customerDataMatchConfig:D,onBeforeDocumentUpload:re,onDocumentUploadProgress:oe,onDocumentUploaded:ie,onDocumentUploadFailed:ce,onBeforeSubmit:ne,onSubmit:le,onResponseReceived:Ve,geolocationEnabled:Le,geolocationRequired:Fe},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["IdCapture"]}),[]),idCaptureProps:$e,additionalDocumentCaptureProps:Ae,signatureCaptureProps:Pe,videoSignatureCaptureProps:Ue,captureSignature:Se,captureSignatureVideo:Ie,onCameraAccessDenied:ge}))))},FaceValidation=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.companyId,c=e.needImmediateResponse,l=e.webhooksEnabled,s=e.webhooksClientTraceId,d=e.webhooksStripSpecialCharacters,u=e.webhooksSendInputImages,m=e.webhooksSendProcessedImages,p=e.sendBase64DocumentsInSwaggerProxy,f=e.loadingOverlayMode,g=void 0===f?"default":f,v=e.timeoutDurationMs,_=void 0===v?15e3:v,h=e.modelLoadTimeoutMs,b=void 0===h?defaultSelfieCaptureModelLoadTimeoutMs:h,C=e.skipSuccessScreen,y=void 0!==C&&C,R=e.idCardForFaceMatch,x=e.onBeforeDocumentUpload,D=e.onDocumentUploadProgress,E=e.onDocumentUploaded,w=e.onDocumentUploadFailed,S=e.onBeforeSubmit,k=e.onComplete,I=e.onApproved,T=e.onDenied,O=e.onExitCapture,M=e.onExitAfterFailure,L=e.onUserCancel,j=e.onModelError,F=e.onCameraAccessDenied,B=e.theme,N=void 0===B?"default":B,$=e.assets,A=e.classNames,P=e.colors,U=e.verbiage,V=e.geolocationEnabled,G=void 0===V||V,W=e.geolocationRequired,q=void 0!==W&&W,z=e.debugMode,H=void 0!==z&&z;useLanguage(void 0===t?"auto":t),useDebugLogging(H);var Y=React.useMemo((function(){return{loadingOverlayMode:g,timeoutDurationMs:_,modelLoadTimeoutMs:b,skipSuccessScreen:y,onComplete:k,onSuccess:I,onDenied:T,onExitCapture:O,onExitAfterFailure:M,onModelError:j,onUserCancel:L,assets:$,classNames:A,colors:P,verbiage:U,debugMode:H}}),[$,A,P,H,g,b,I,k,T,M,O,j,L,y,_,U]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:N},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.NONE,submissionUrl:r,documentServiceUrl:o,companyId:i,needImmediateResponse:c,webhooksEnabled:l,webhooksClientTraceId:s,webhooksStripSpecialCharacters:d,webhooksSendInputImages:u,webhooksSendProcessedImages:m,sendBase64DocumentsInSwaggerProxy:p,idCardForFaceMatch:R,onBeforeDocumentUpload:x,onDocumentUploadProgress:D,onDocumentUploaded:E,onDocumentUploadFailed:w,onBeforeLivenessCheck:S,geolocationEnabled:G,geolocationRequired:q},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["FaceLiveness"]}),[]),faceLivenessProps:Y,onCameraAccessDenied:F}))))},IdAndFaceValidation=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.companyId,c=e.needImmediateResponse,l=e.manualReviewRequired,s=e.idBackImageRequired,d=e.verifyIdWithExternalDatabases,u=e.bypassAgeValidation,m=e.bypassNameMatching,p=e.personalData,f=e.cardData,g=e.idData,v=e.webhooksEnabled,_=e.webhooksClientTraceId,h=e.webhooksStripSpecialCharacters,b=e.webhooksSendInputImages,C=e.webhooksSendProcessedImages,y=e.webhooksFireOnReview,R=e.sendBase64DocumentsInSwaggerProxy,x=e.customerDataMatchConfig,D=e.precapturedDocuments,E=e.idCaptureLoadingOverlayMode,w=void 0===E?"default":E,S=e.idCaptureRequirement,k=void 0===S?"idCardOrPassport":S,I=e.idCaptureThresholds,T=void 0===I?defaultIdCaptureThresholds:I,O=e.faceLivenessLoadingOverlayMode,M=void 0===O?"default":O,L=e.faceLivenessTimeoutDurationMs,j=void 0===L?15e3:L,F=e.skipSuccessScreen,B=void 0!==F&&F,N=e.idCaptureInstructions,$=e.idCaptureGuideType,A=void 0===$?"fit":$,P=e.idCaptureGuideImages,U=void 0===P?defaultIdCaptureGuideImages:P,V=e.idCapturePortraitGuidesOnMobile,G=void 0===V||V,W=e.idCaptureRotateLoadingOverlayImageWhenPortrait,q=void 0===W||W,z=e.idCaptureModelLoadTimeoutMs,H=void 0===z?defaultDocumentDetectionModelLoadTimeoutMs:z,Y=e.idCaptureForceFallbackMode,K=void 0!==Y&&Y,Z=e.selfieCaptureModelLoadTimeoutMs,X=void 0===Z?defaultSelfieCaptureModelLoadTimeoutMs:Z,J=e.allowIdCardBackToFrontCapture,Q=void 0!==J&&J,ee=e.enableOverrideWrongDocumentTypeDialog,te=void 0!==ee&&ee,ae=e.allowOverrideWrongDocumentTypeAfterMs,ne=void 0===ae?8e3:ae,re=e.onBeforeDocumentUpload,oe=e.onDocumentUploaded,ie=e.onDocumentUploadProgress,ce=e.onDocumentUploadFailed,le=e.onBeforeLivenessCheck,se=e.onBeforeSubmit,de=e.onSubmit,ue=e.onComplete,me=e.onApproved,pe=e.onDenied,fe=e.onExitCapture,ge=e.onExitAfterFailure,ve=e.onUserCancel,_e=e.onIdCaptureModelError,he=e.onSelfieCaptureModelError,be=e.onCameraAccessDenied,Ce=e.captureSignature,ye=void 0!==Ce&&Ce,Re=e.captureSignatureVideo,xe=void 0!==Re&&Re,De=e.captureAdditionalDocuments,Ee=void 0===De?[]:De,we=e.theme,Se=void 0===we?"default":we,ke=e.assets,Ie=void 0===ke?{}:ke,Te=e.classNames,Oe=void 0===Te?{}:Te,Me=e.colors,Le=void 0===Me?{}:Me,je=e.verbiage,Fe=void 0===je?{}:je,Be=e.geolocationEnabled,Ne=void 0===Be||Be,$e=e.geolocationRequired,Ae=void 0!==$e&&$e,Pe=e.debugMode,Ue=void 0!==Pe&&Pe;useLanguage(void 0===t?"auto":t),useDebugLogging(Ue);var Ve=React.useMemo((function(){return{onExitCapture:fe,onUserCancel:ve,onModelError:_e,assets:Ie.idCapture,classNames:Oe.idCapture,colors:Le.idCapture,verbiage:Fe.idCapture,precapturedDocuments:D,captureRequirement:k,thresholds:T,loadingOverlayMode:w,instructions:N,guideType:A,guideImages:U,portraitGuidesOnMobile:G,rotateLoadingOverlayImageWhenPortrait:q,modelLoadTimeoutMs:H,allowIdCardBackToFrontCapture:Q,enableOverrideWrongDocumentTypeDialog:te,allowOverrideWrongDocumentTypeAfterMs:ne,forceFallbackMode:K,skipSuccessScreen:B,debugMode:Ue}}),[fe,ve,_e,Ie.idCapture,Oe.idCapture,Le.idCapture,Fe.idCapture,D,k,T,w,N,A,U,G,q,H,Q,te,ne,K,B,Ue]),Ge=React.useMemo((function(){return{loadingOverlayMode:M,timeoutDurationMs:j,modelLoadTimeoutMs:X,onDenied:pe,onExitCapture:fe,onExitAfterFailure:ge,onUserCancel:ve,onModelError:he,skipSuccessScreen:B,assets:Ie.faceLiveness,classNames:Oe.faceLiveness,colors:Le.faceLiveness,verbiage:Fe.faceLiveness,debugMode:Ue}}),[Ie.faceLiveness,Oe.faceLiveness,Le.faceLiveness,Ue,M,j,pe,ge,fe,he,ve,X,B,Fe.faceLiveness]),We=React.useMemo((function(){return{documents:Ee,classNames:Oe.additionalDocumentCapture,verbiage:Fe.additionalDocumentCapture}}),[Ee,Oe.additionalDocumentCapture,Fe.additionalDocumentCapture]),qe=React.useMemo((function(){return{classNames:Oe.signatureCapture,verbiage:Fe.signatureCapture}}),[Oe.signatureCapture,Fe.signatureCapture]),ze=React.useMemo((function(){return{onExitCapture:fe,onUserCancel:ve,skipSuccessScreen:B,classNames:Oe.videoSignatureCapture,colors:Le.videoSignatureCapture,verbiage:Fe.videoSignatureCapture,debugMode:Ue}}),[Oe.videoSignatureCapture,Le.videoSignatureCapture,Ue,fe,ve,B,Fe.videoSignatureCapture]),He=React.useCallback((function(e,t){null==ue||ue(e,t),"Approved"===e.resultData.verificationResult?null==me||me(e,t):null==pe||pe(e,t)}),[me,ue,pe]),Ye=React.useMemo((function(){return(null==D?void 0:D.selfie)?["IdCapture"]:["IdCapture","FaceLiveness"]}),[null==D?void 0:D.selfie]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:Se},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.VALIDATE,submissionUrl:r,documentServiceUrl:o,companyId:i,needImmediateResponse:c,manualReviewRequired:l,idBackImageRequired:s,verifyIdWithExternalDatabases:d,bypassAgeValidation:u,bypassNameMatching:m,personalData:p,cardData:f,idData:g,webhooksEnabled:v,webhooksClientTraceId:_,webhooksStripSpecialCharacters:h,webhooksSendInputImages:b,webhooksSendProcessedImages:C,webhooksFireOnReview:y,sendBase64DocumentsInSwaggerProxy:R,customerDataMatchConfig:x,precapturedDocuments:D,onBeforeDocumentUpload:re,onDocumentUploadProgress:ie,onDocumentUploaded:oe,onDocumentUploadFailed:ce,onBeforeSubmit:se,onBeforeLivenessCheck:le,onSubmit:de,onResponseReceived:He,geolocationEnabled:Ne,geolocationRequired:Ae},React__namespace.default.createElement(CompositeWizard,{checks:Ye,idCaptureProps:Ve,faceLivenessProps:Ge,signatureCaptureProps:qe,videoSignatureCaptureProps:ze,additionalDocumentCaptureProps:We,captureSignature:ye,captureSignatureVideo:xe,onCameraAccessDenied:be}))))},CustomerIdAndBiometricsEnrollment=function(e){var t=e.enrollmentId,a=e.lang,n=e.sessionId,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.manualReviewRequired,d=e.idBackImageRequired,u=e.idImageResolutionCheck,m=e.verifyIdWithExternalDatabases,p=e.bypassAgeValidation,f=e.bypassNameMatching,g=e.personalData,v=e.cardData,_=e.idData,h=e.deduplicationEnabled,b=e.deduplicationSynchronous,C=e.webhooksEnabled,y=e.webhooksClientTraceId,R=e.webhooksStripSpecialCharacters,x=e.webhooksSendInputImages,D=e.webhooksSendProcessedImages,E=e.webhooksFireOnReview,w=e.sendBase64DocumentsInSwaggerProxy,S=e.customerDataMatchConfig,k=e.idCaptureLoadingOverlayMode,I=void 0===k?"default":k,T=e.idCaptureRequirement,O=void 0===T?"idCardOrPassport":T,M=e.idCaptureThresholds,L=void 0===M?defaultIdCaptureThresholds:M,j=e.faceLivenessTimeoutDurationMs,F=void 0===j?15e3:j,B=e.faceLivenessLoadingOverlayMode,N=void 0===B?"default":B,$=e.skipSuccessScreen,A=void 0!==$&&$,P=e.idCaptureInstructions,U=e.idCaptureGuideType,V=void 0===U?"fit":U,G=e.idCaptureGuideImages,W=void 0===G?defaultIdCaptureGuideImages:G,q=e.idCapturePortraitGuidesOnMobile,z=void 0===q||q,H=e.idCaptureRotateLoadingOverlayImageWhenPortrait,Y=void 0===H||H,K=e.idCaptureModelLoadTimeoutMs,Z=void 0===K?defaultDocumentDetectionModelLoadTimeoutMs:K,X=e.idCaptureForceFallbackMode,J=void 0!==X&&X,Q=e.selfieCaptureModelLoadTimeoutMs,ee=void 0===Q?defaultSelfieCaptureModelLoadTimeoutMs:Q,te=e.allowIdCardBackToFrontCapture,ae=void 0!==te&&te,ne=e.enableOverrideWrongDocumentTypeDialog,re=void 0!==ne&&ne,oe=e.allowOverrideWrongDocumentTypeAfterMs,ie=void 0===oe?8e3:oe,ce=e.onBeforeDocumentUpload,le=e.onDocumentUploadProgress,se=e.onDocumentUploaded,de=e.onDocumentUploadFailed,ue=e.onBeforeSubmit,me=e.onSubmit,pe=e.onComplete,fe=e.onEnrolled,ge=e.onDenied,ve=e.onExitCapture,_e=e.onExitAfterFailure,he=e.onUserCancel,be=e.onIdCaptureModelError,Ce=e.onSelfieCaptureModelError,ye=e.onCameraAccessDenied,Re=e.captureSignature,xe=void 0!==Re&&Re,De=e.captureSignatureVideo,Ee=void 0!==De&&De,we=e.captureAdditionalDocuments,Se=void 0===we?[]:we,ke=e.captureVideoId,Ie=void 0!==ke&&ke,Te=e.captureVideoIdProps,Oe=e.theme,Me=void 0===Oe?"default":Oe,Le=e.assets,je=void 0===Le?{}:Le,Fe=e.classNames,Be=void 0===Fe?{}:Fe,Ne=e.colors,$e=void 0===Ne?{}:Ne,Ae=e.verbiage,Pe=void 0===Ae?{}:Ae,Ue=e.geolocationEnabled,Ve=void 0===Ue||Ue,Ge=e.geolocationRequired,We=void 0!==Ge&&Ge,qe=e.debugMode,ze=void 0!==qe&&qe;useLanguage(void 0===a?"auto":a),useDebugLogging(ze);var He=React.useMemo((function(){return{assets:je.idCapture,classNames:Be.idCapture,colors:$e.idCapture,verbiage:Pe.idCapture,captureRequirement:O,thresholds:L,loadingOverlayMode:I,instructions:P,guideType:V,guideImages:W,portraitGuidesOnMobile:z,rotateLoadingOverlayImageWhenPortrait:Y,modelLoadTimeoutMs:Z,allowIdCardBackToFrontCapture:ae,forceFallbackMode:J,enableOverrideWrongDocumentTypeDialog:re,allowOverrideWrongDocumentTypeAfterMs:ie,onExitCapture:ve,onUserCancel:he,onModelError:be,skipSuccessScreen:A,debugMode:ze}}),[je.idCapture,Be.idCapture,$e.idCapture,Pe.idCapture,O,L,I,P,V,W,z,Y,Z,ae,J,re,ie,ve,he,be,A,ze]),Ye=React.useMemo((function(){return{onExitCapture:ve,onExitAfterFailure:_e,onUserCancel:he,onModelError:Ce,loadingOverlayMode:N,timeoutDurationMs:F,modelLoadTimeoutMs:ee,skipSuccessScreen:A,assets:je.faceLiveness,classNames:Be.faceLiveness,colors:$e.faceLiveness,verbiage:Pe.faceLiveness,debugMode:ze}}),[je.faceLiveness,Be.faceLiveness,$e.faceLiveness,ze,N,F,_e,ve,Ce,he,ee,A,Pe.faceLiveness]),Ke=React.useMemo((function(){return _assign({onExitCapture:ve,onExitAfterFailure:_e,onUserCancel:he,onIdCaptureModelError:be,idCaptureProps:He,faceLivenessProps:Ye,skipSuccessScreen:A,assets:je.videoIdCapture,classNames:Be.videoIdCapture,colors:$e.videoIdCapture,verbiage:Pe.videoIdCapture,debugMode:ze},null!=Te?Te:{})}),[je.videoIdCapture,Te,Be.videoIdCapture,$e.videoIdCapture,ze,Ye,He,_e,ve,be,he,A,Pe.videoIdCapture]),Ze=React.useMemo((function(){return{documents:Se,classNames:Be.additionalDocumentCapture,verbiage:Pe.additionalDocumentCapture}}),[Se,Be.additionalDocumentCapture,Pe.additionalDocumentCapture]),Xe=React.useMemo((function(){return{classNames:Be.signatureCapture,verbiage:Pe.signatureCapture}}),[Be.signatureCapture,Pe.signatureCapture]),Je=React.useMemo((function(){return{onExitCapture:ve,onUserCancel:he,skipSuccessScreen:A,classNames:Be.videoSignatureCapture,colors:$e.videoSignatureCapture,verbiage:Pe.videoSignatureCapture,debugMode:ze}}),[Be.videoSignatureCapture,$e.videoSignatureCapture,ze,ve,he,A,Pe.videoSignatureCapture]),Qe=React.useCallback((function(e,t){null==pe||pe(e,t),"Customer Onboarded"===e.resultData.verificationResult?null==fe||fe(e,t):null==ge||ge(e,t)}),[fe,pe,ge]),et=React.useMemo((function(){return Ie?["VideoIdCapture"]:["IdCapture","FaceLiveness"]}),[Ie]);return React__namespace.default.createElement(AuthProvider,{sessionId:n,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:Me},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.ENROLL,submissionUrl:o,documentServiceUrl:i,companyId:c,enrollmentId:t,needImmediateResponse:l,manualReviewRequired:s,idBackImageRequired:d,idImageResolutionCheck:u,verifyIdWithExternalDatabases:m,bypassAgeValidation:p,bypassNameMatching:f,personalData:g,cardData:v,idData:_,deduplicationEnabled:h,deduplicationSynchronous:b,webhooksEnabled:C,webhooksClientTraceId:y,webhooksStripSpecialCharacters:R,webhooksSendInputImages:x,webhooksSendProcessedImages:D,webhooksFireOnReview:E,sendBase64DocumentsInSwaggerProxy:w,customerDataMatchConfig:S,onBeforeDocumentUpload:ce,onDocumentUploadProgress:le,onDocumentUploaded:se,onDocumentUploadFailed:de,onBeforeSubmit:ue,onSubmit:me,onResponseReceived:Qe,geolocationEnabled:Ve,geolocationRequired:We},React__namespace.default.createElement(CompositeWizard,{checks:et,idCaptureProps:He,faceLivenessProps:Ye,videoIdCaptureProps:Ke,additionalDocumentCaptureProps:Ze,signatureCaptureProps:Xe,videoSignatureCaptureProps:Je,captureSignature:xe,captureSignatureVideo:Ee,onCameraAccessDenied:ye}))))},ALLOWED_RETRIES$3=0,initialState$1={frame:null,face:null,imageUrl:null,requestState:"CAPTURING",requestError:null,unverifiedTimes:0},reducer$1=function(e,t){switch(t.type){case"verificationReady":return["CAPTURING","ERROR"].includes(e.requestState)?_assign(_assign({},e),{requestState:"CAPTURED",frame:t.payload.frame,face:t.payload.face}):e;case"verifying":return _assign(_assign({},e),{requestState:"VERIFYING",imageUrl:t.payload.imageUrl});case"verificationCompleted":var a=t.payload.response,n=a.status,r=n.statusMessage,o=n.errorData,i=a.resultData;if("000"!==n.statusCode)return _assign(_assign({},e),{requestState:"ERROR",requestError:new Error("".concat(r,": ").concat(o))});var c=e.requestState,l=e.unverifiedTimes;return"00"===i.verificationResultCode?c="VERIFIED":l<ALLOWED_RETRIES$3?(c="CAPTURING",l+=1):c="REJECTED",_assign(_assign({},e),{requestState:c,unverifiedTimes:l});case"verificationFailed":return _assign(_assign({},e),{requestState:"ERROR",requestError:t.payload.error});default:return e}},CustomerVerificationCapture=function(e){var t,a,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onCaptureGuidanceTimeout,i=e.onExit,c=e.captureGuidanceTimeoutDurationMs,l=e.classNames,s=void 0===l?{}:l,d=e.colors,u=void 0===d?{}:d,m=e.verbiage,p=void 0===m?{}:m,f=e.debugMode,g=void 0!==f&&f,v=React.useReducer(reducer$1,initialState$1),_=v[0],h=v[1],b=_.frame,C=_.face,y=React.useContext(SubmissionContext),R=y.submit,x=y.submissionRequest,D=y.submissionResponse,E=y.submissionError,w=y.selfieImage,S=y.setSelfieImage,k=React.useState(null),I=k[0],T=k[1],O=React.useRef(null),M=React.useRef(null),L=React.useRef(null),j=React.useCallback((function(e,t){h({type:"verificationReady",payload:{frame:e,face:t}})}),[]),F="CAPTURED"===_.requestState;React.useEffect((function(){if(b&&C&&!E){var e=cropToShoulders(O.current,M.current,L.current,b,C);T(e),dataUrlToBase64(e).then((function(e){S(e)}))}}),[C,b,S,E]),React.useEffect((function(){F&&w&&!E&&__awaiter(void 0,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),h({type:"verifying",payload:{imageUrl:w}}),[4,R()];case 1:if(!(e=a.sent()))throw new Error("submission failed!");return h({type:"verificationCompleted",payload:{response:e}}),[3,3];case 2:return t=a.sent(),h({type:"verificationFailed",payload:{error:t}}),[3,3];case 3:return[2]}}))}))}),[F,n,r,w,_.requestState,E,R]),React.useEffect((function(){x&&D&&("VERIFIED"===_.requestState?null==n||n(D,x):"REJECTED"===_.requestState&&(null==r||r(D,x)))}),[n,r,_.requestState,x,D]),useTimeout(c,o,["VERIFIED","REJECTED"].includes(_.requestState),"VERIFYING"===_.requestState);var B=useVerbiage(p.progressPreviewText,"Processing..."),N=styled.useTheme();return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(InvisibleCanvas,{ref:O}),React__namespace.default.createElement(InvisibleCanvas,{ref:M}),React__namespace.default.createElement(InvisibleCanvas,{ref:L}),React__namespace.default.createElement(SelfieCapture,{onSelfieCaptured:j,onExit:i,timeoutDurationMs:c,classNames:s,colors:u,verbiage:p,debugMode:g}),g&&!(null===(a=null===(t=N.selfieCapture)||void 0===t?void 0:t.capturePreview)||void 0===a?void 0:a.disabled)&&I&&React__namespace.default.createElement(SelfieProgressPreview,{imageUrl:I,text:B,classNames:s.imagePreview}))},CustomerVerificationSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l;t||(t="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"));var d=useTranslations(s,{headingText:"Customer has been verified!",retryBtnText:"Retry",doneBtnText:"Done"});return React__namespace.default.createElement(OverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(Heading$3,{className:o.heading},d.headingText),React__namespace.default.createElement(ImageContainer$3,{className:o.imageContainer},React__namespace.default.createElement("img",{alt:d.headingText,src:t,className:o.image})),React__namespace.default.createElement(StyledButtonsRow$3,{className:o.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:o.retryBtn,onClick:n,colors:c.retryBtn,finished:!0},d.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:o.doneBtn,onClick:a,colors:c.doneBtn,finished:!0},d.doneBtnText))))},Heading$3=styled__default.default.h3(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer$3=styled__default.default(ButtonsRow)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow$3=styled__default.default(ButtonsRow)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),CustomerVerificationFailure=function(e){var t=e.canRetry,a=void 0===t||t,n=e.onRetryClick,r=e.onExitClick,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u;i.imageUrl||(i.imageUrl="".concat(DEFAULT_CDN_URL,"/manual_capture.png"));var p=useTranslations(m,{headingText:"Customer not verified",retryBtnText:"Retry",exitBtnText:"Exit"});return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement(Heading$2,{className:l.heading},p.headingText),React__namespace.default.createElement(ImageContainer$2,{className:l.imageContainer},React__namespace.default.createElement("img",{alt:p.headingText,src:i.imageUrl,className:l.image})),React__namespace.default.createElement(StyledButtonsRow$2,{className:l.buttonsRow},a&&React__namespace.default.createElement(LoaderButton,{variant:"warning",className:l.retryBtn,onClick:n,colors:d.retryBtn,finished:!0},p.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:l.exitBtn,onClick:r,colors:d.exitBtn,finished:!0},p.exitBtnText))))},Heading$2=styled__default.default.h3(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer$2=styled__default.default(ButtonsRow)(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow$2=styled__default.default(ButtonsRow)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),ALLOWED_RETRIES$2=2,CustomerVerificationWizard=function(e){var t,a=e.onComplete,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onExitCapture,i=e.onExitAfterFailure,c=e.onUserCancel,l=e.onCaptureGuidanceTimeout,s=e.captureGuidanceTimeoutDurationMs,d=e.skipSuccessScreen,u=void 0!==d&&d,m=e.loadingOverlayMode,p=void 0===m?"default":m,f=e.assets,g=void 0===f?{}:f,v=e.classNames,_=void 0===v?{}:v,h=e.colors,b=void 0===h?{}:h,C=e.verbiage,y=void 0===C?{}:C,R=e.debugMode,x=void 0!==R&&R,D=React.useContext(SubmissionContext),E=D.submissionRequest,w=D.submissionResponse,S=D.selfieImage,k=React.useState("LOADING"),I=k[0],T=k[1],O=useCameraStore(),M=O.cameraAccessDenied,L=O.releaseCameraAccess,j=React.useContext(SelfieGuidanceModelsContext),F=j.start,B=j.stop;React.useEffect((function(){if("CAPTURING"===I)return F(),function(){B()}}),[I,F,B]);var N=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("MATCHED"),null==n||n(e,t),[2]}))}))}),[n]),$=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("NOT_MATCHED"),null==r||r(e,t),[2]}))}))}),[r]),A=React.useCallback((function(){T("FAILED"),null==l||l()}),[l]),P=React.useState(0),U=P[0],V=P[1],G=React.useCallback((function(){V((function(e){return e+1})),T("LOADING"),null==o||o()}),[o]),W=React.useCallback((function(){L(),E&&w&&(null==a||a(w,E))}),[a,L,E,w]),q=useShowSuccessScreen(u,"MATCHED"===I,W);return React.useEffect((function(){M&&(V((function(e){return e+1})),T("LOADING"))}),[M]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=_.container)&&void 0!==t?t:"")},React__namespace.default.createElement(CameraVideoTag,{className:_.cameraFeed}),"LOADING"!==I&&function(){switch(I){case"CAPTURING":return React__namespace.default.createElement(CustomerVerificationCapture,{key:"capture".concat(U),onCustomerMatched:N,onCustomerNotMatched:$,onCaptureGuidanceTimeout:A,onExit:G,captureGuidanceTimeoutDurationMs:s,classNames:_,colors:b,verbiage:y,debugMode:x});case"MATCHED":if(!q)return;return React__namespace.default.createElement(CustomerVerificationSuccess,{imageUrl:"data:image/png;base64, ".concat(S),classNames:_.success,colors:b.success,verbiage:y.success,onDoneClick:W,onRetryClick:function(){T("CAPTURING"),V(0)}});case"NOT_MATCHED":case"FAILED":return React__namespace.default.createElement(CustomerVerificationFailure,{assets:g.failure,classNames:_.failure,colors:b.failure,verbiage:y.failure,canRetry:U<ALLOWED_RETRIES$2,onExitClick:function(){L(),null==i||i()},onRetryClick:function(){V((function(e){return e+1}))}});default:return null}}()),React__namespace.default.createElement(SelfieCaptureLoadingOverlay,{key:U,mode:p,assets:g.loadingOverlay,classNames:_.loadingOverlay,colors:b.loadingOverlay,verbiage:y.loadingOverlay,onUserCancel:c,onDismissed:function(){T("CAPTURING")}}))},CustomerVerification=function(e){var t=e.lang,a=e.enrollmentId,n=e.sessionId,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.webhooksEnabled,d=e.webhooksClientTraceId,u=e.webhooksStripSpecialCharacters,m=e.webhooksSendInputImages,p=e.webhooksSendProcessedImages,f=e.sendBase64DocumentsInSwaggerProxy,g=e.loadingOverlayMode,v=void 0===g?"default":g,_=e.timeoutDurationMs,h=void 0===_?15e3:_,b=e.modelLoadTimeoutMs,C=void 0===b?defaultSelfieCaptureModelLoadTimeoutMs:b,y=e.skipSuccessScreen,R=void 0!==y&&y,x=e.theme,D=void 0===x?"default":x,E=e.assets,w=e.classNames,S=e.colors,k=e.verbiage,I=e.onBeforeDocumentUpload,T=e.onDocumentUploadProgress,O=e.onDocumentUploaded,M=e.onDocumentUploadFailed,L=e.onBeforeSubmit,j=e.onSubmit,F=e.onComplete,B=e.onCustomerMatched,N=e.onCustomerNotMatched,$=e.onExitCapture,A=e.onExitAfterFailure,P=e.onUserCancel,U=e.onModelError,V=e.onCameraAccessDenied,G=e.geolocationEnabled,W=void 0===G||G,q=e.geolocationRequired,z=void 0!==q&&q,H=e.debugMode,Y=void 0!==H&&H;return useLanguage(void 0===t?"auto":t),useDebugLogging(Y),React__namespace.default.createElement(AuthProvider,{sessionId:n,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:D},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.VERIFY,submissionUrl:o,documentServiceUrl:i,companyId:c,enrollmentId:a,needImmediateResponse:l,webhooksEnabled:s,webhooksClientTraceId:d,webhooksStripSpecialCharacters:u,webhooksSendInputImages:m,webhooksSendProcessedImages:p,sendBase64DocumentsInSwaggerProxy:f,onBeforeDocumentUpload:I,onDocumentUploadProgress:T,onDocumentUploaded:O,onDocumentUploadFailed:M,onBeforeSubmit:L,onSubmit:j,geolocationEnabled:W,geolocationRequired:z},React__namespace.default.createElement(CameraStoreProvider,{preferFrontFacingCamera:!0,onCameraAccessDenied:V},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,onModelError:U,modelLoadTimeoutMs:C},React__namespace.default.createElement(CustomerVerificationWizard,{onComplete:F,onCustomerMatched:B,onCustomerNotMatched:N,onExitCapture:$,onExitAfterFailure:A,onUserCancel:P,captureGuidanceTimeoutDurationMs:h,loadingOverlayMode:v,skipSuccessScreen:R,assets:E,classNames:w,colors:S,verbiage:k,debugMode:Y}))))))},ALLOWED_RETRIES$1=0,initialState={frame:null,face:null,imageUrl:null,requestState:"CAPTURING",requestError:null,notFoundTimes:0},reducer=function(e,t){switch(t.type){case"identificationReady":return["CAPTURING","ERROR"].includes(e.requestState)?_assign(_assign({},e),{requestState:"CAPTURED",frame:t.payload.frame,face:t.payload.face}):e;case"identifying":return _assign(_assign({},e),{requestState:"IDENTIFYING",imageUrl:t.payload.imageUrl});case"identificationCompleted":var a=t.payload.response,n=a.status,r=n.statusMessage,o=n.errorData,i=a.resultData;if("000"!==n.statusCode)return _assign(_assign({},e),{requestState:"ERROR",requestError:new Error("".concat(r,": ").concat(o))});var c=e.requestState,l=e.notFoundTimes;return"46"===i.verificationResultCode?c="FOUND":l<ALLOWED_RETRIES$1?(c="CAPTURING",l+=1):c="NOT_FOUND",_assign(_assign({},e),{requestState:c,notFoundTimes:l});case"identificationFailed":return _assign(_assign({},e),{requestState:"ERROR",requestError:t.payload.error});default:return e}},CustomerIdentificationCapture=function(e){var t,a,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onCaptureGuidanceTimeout,i=e.onExit,c=e.captureGuidanceTimeoutDurationMs,l=e.classNames,s=void 0===l?{}:l,d=e.colors,u=void 0===d?{}:d,m=e.verbiage,p=void 0===m?{}:m,f=e.debugMode,g=void 0!==f&&f,v=React.useReducer(reducer,initialState),_=v[0],h=v[1],b=React.useContext(SubmissionContext),C=b.submit,y=b.submissionRequest,R=b.submissionResponse,x=b.submissionError,D=b.selfieImage,E=b.setSelfieImage,w=React.useState(null),S=w[0],k=w[1],I=React.useRef(null),T=React.useRef(null),O=React.useRef(null),M=React.useCallback((function(e,t){h({type:"identificationReady",payload:{frame:e,face:t}})}),[]),L=_.frame,j=_.face,F="CAPTURED"===_.requestState;React.useEffect((function(){if(L&&j&&!x){var e=cropToShoulders(I.current,T.current,O.current,L,j);k(e),dataUrlToBase64(e).then((function(e){E(e)}))}}),[j,L,E,x]),React.useEffect((function(){F&&D&&!x&&__awaiter(void 0,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),h({type:"identifying",payload:{imageUrl:D}}),[4,C()];case 1:if(!(e=a.sent()))throw new Error("submission failed!");return h({type:"identificationCompleted",payload:{response:e}}),[3,3];case 2:return t=a.sent(),h({type:"identificationFailed",payload:{error:t}}),[3,3];case 3:return[2]}}))}))}),[F,n,r,D,_.requestState,x,C]),React.useEffect((function(){y&&R&&("FOUND"===_.requestState?null==n||n(R,y):"NOT_FOUND"===_.requestState&&(null==r||r(R,y)))}),[n,r,_.requestState,y,R]),useTimeout(c,o,["FOUND","NOT_FOUND"].includes(_.requestState),"IDENTIFYING"===_.requestState);var B=useVerbiage(p.progressPreviewText,"Processing..."),N=styled.useTheme();return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(InvisibleCanvas,{ref:I}),React__namespace.default.createElement(InvisibleCanvas,{ref:T}),React__namespace.default.createElement(InvisibleCanvas,{ref:O}),React__namespace.default.createElement(SelfieCapture,{onSelfieCaptured:M,onExit:i,timeoutDurationMs:c,classNames:s,colors:u,verbiage:p,debugMode:g}),g&&!(null===(a=null===(t=N.selfieCapture)||void 0===t?void 0:t.capturePreview)||void 0===a?void 0:a.disabled)&&S&&React__namespace.default.createElement(SelfieProgressPreview,{text:B,imageUrl:S,classNames:s.imagePreview}))},CustomerIdentificationSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l;t||(t="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"));var d=useTranslations(s,{headingText:"Customer has been identified!",retryBtnText:"Retry",doneBtnText:"Done"});return React__namespace.default.createElement(OverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(Heading$1,{className:o.heading},d.headingText),React__namespace.default.createElement(ImageContainer$1,{className:o.imageContainer},React__namespace.default.createElement("img",{alt:d.headingText,src:t,className:o.image})),React__namespace.default.createElement(StyledButtonsRow$1,{className:o.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:o.retryBtn,onClick:n,colors:c.retryBtn,finished:!0},d.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:o.doneBtn,onClick:a,colors:c.doneBtn,finished:!0},d.doneBtnText))))},Heading$1=styled__default.default.h3(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer$1=styled__default.default(ButtonsRow)(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow$1=styled__default.default(ButtonsRow)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),CustomerIdentificationFailure=function(e){var t=e.canRetry,a=void 0===t||t,n=e.onRetryClick,r=e.onExitClick,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u;i.imageUrl||(i.imageUrl="".concat(DEFAULT_CDN_URL,"/manual_capture.png"));var p=useTranslations(m,{headingText:"Customer not found",retryBtnText:"Retry",exitBtnText:"Exit"});return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement(Heading,{className:l.heading},p.headingText),React__namespace.default.createElement(ImageContainer,{className:l.imageContainer},React__namespace.default.createElement("img",{alt:p.headingText,src:i.imageUrl,className:l.image})),React__namespace.default.createElement(StyledButtonsRow,{className:l.buttonsRow},a&&React__namespace.default.createElement(LoaderButton,{variant:"warning",className:l.retryBtn,onClick:n,colors:d.retryBtn,finished:!0},p.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:l.exitBtn,onClick:r,colors:d.exitBtn,finished:!0},p.exitBtnText))))},Heading=styled__default.default.h3(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer=styled__default.default(ButtonsRow)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow=styled__default.default(ButtonsRow)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),ALLOWED_RETRIES=2,CustomerIdentificationWizard=function(e){var t,a=e.onComplete,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onExitCapture,i=e.onExitAfterFailure,c=e.onUserCancel,l=e.onCaptureGuidanceTimeout,s=e.captureGuidanceTimeoutDurationMs,d=e.skipSuccessScreen,u=void 0!==d&&d,m=e.loadingOverlayMode,p=void 0===m?"default":m,f=e.assets,g=void 0===f?{}:f,v=e.classNames,_=void 0===v?{}:v,h=e.colors,b=void 0===h?{}:h,C=e.verbiage,y=void 0===C?{}:C,R=e.debugMode,x=void 0!==R&&R,D=React.useContext(SubmissionContext),E=D.submissionResponse,w=D.submissionRequest,S=D.selfieImage,k=React.useState("LOADING"),I=k[0],T=k[1],O=useCameraStore(),M=O.cameraAccessDenied,L=O.releaseCameraAccess,j=React.useContext(SelfieGuidanceModelsContext),F=j.start,B=j.stop;React.useEffect((function(){if("CAPTURING"===I)return F(),function(){B()}}),[I,F,B]);var N=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("FOUND"),null==n||n(e,t),[2]}))}))}),[n]),$=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("NOT_FOUND"),null==r||r(e,t),[2]}))}))}),[r]),A=React.useCallback((function(){T("FAILED"),null==l||l()}),[l]),P=React.useState(0),U=P[0],V=P[1],G=React.useCallback((function(){V((function(e){return e+1})),T("LOADING"),null==o||o()}),[o]),W=React.useCallback((function(){L(),w&&E&&(null==a||a(E,w))}),[a,L,w,E]),q=useShowSuccessScreen(u,"FOUND"===I,W);return React.useEffect((function(){M&&(V((function(e){return e+1})),T("LOADING"))}),[M]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=_.container)&&void 0!==t?t:"")},React__namespace.default.createElement(CameraVideoTag,{className:_.cameraFeed}),"LOADING"!==I&&function(){switch(I){case"CAPTURING":return React__namespace.default.createElement(CustomerIdentificationCapture,{key:"capture".concat(U),onCustomerMatched:N,onCustomerNotMatched:$,onCaptureGuidanceTimeout:A,onExit:G,captureGuidanceTimeoutDurationMs:s,classNames:_,colors:b,verbiage:y,debugMode:x});case"FOUND":if(!q)return;return React__namespace.default.createElement(CustomerIdentificationSuccess,{imageUrl:"data:image/png;base64, ".concat(S),classNames:_.success,colors:b.success,verbiage:y.success,onDoneClick:W,onRetryClick:function(){T("CAPTURING"),V(0)}});case"NOT_FOUND":case"FAILED":return React__namespace.default.createElement(CustomerIdentificationFailure,{assets:g.failure,classNames:_.failure,colors:b.failure,verbiage:y.failure,canRetry:U<ALLOWED_RETRIES,onExitClick:function(){L(),null==i||i()},onRetryClick:function(){V((function(e){return e+1}))}});default:return null}}()),React__namespace.default.createElement(SelfieCaptureLoadingOverlay,{key:U,mode:p,assets:g.loadingOverlay,classNames:_.loadingOverlay,colors:b.loadingOverlay,verbiage:y.loadingOverlay,onUserCancel:c,onDismissed:function(){T("CAPTURING")}}))},CustomerIdentification=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.companyId,c=e.needImmediateResponse,l=e.webhooksEnabled,s=e.webhooksClientTraceId,d=e.webhooksStripSpecialCharacters,u=e.webhooksSendInputImages,m=e.webhooksSendProcessedImages,p=e.sendBase64DocumentsInSwaggerProxy,f=e.loadingOverlayMode,g=void 0===f?"default":f,v=e.timeoutDurationMs,_=void 0===v?15e3:v,h=e.modelLoadTimeoutMs,b=void 0===h?defaultSelfieCaptureModelLoadTimeoutMs:h,C=e.skipSuccessScreen,y=void 0!==C&&C,R=e.onBeforeDocumentUpload,x=e.onDocumentUploadProgress,D=e.onDocumentUploaded,E=e.onDocumentUploadFailed,w=e.onBeforeSubmit,S=e.onSubmit,k=e.onComplete,I=e.onCustomerMatched,T=e.onCustomerNotMatched,O=e.onCaptureGuidanceTimeout,M=e.onExitCapture,L=e.onExitAfterFailure,j=e.onUserCancel,F=e.onModelError,B=e.onCameraAccessDenied,N=e.theme,$=void 0===N?"default":N,A=e.assets,P=e.classNames,U=e.colors,V=e.verbiage,G=e.geolocationEnabled,W=e.geolocationRequired,q=void 0!==W&&W,z=e.debugMode,H=void 0!==z&&z;return useLanguage(void 0===t?"auto":t),useDebugLogging(H),React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:$},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.IDENTIFY,submissionUrl:r,documentServiceUrl:o,companyId:i,needImmediateResponse:c,webhooksEnabled:l,webhooksClientTraceId:s,webhooksStripSpecialCharacters:d,webhooksSendInputImages:u,webhooksSendProcessedImages:m,sendBase64DocumentsInSwaggerProxy:p,onBeforeDocumentUpload:R,onDocumentUploadProgress:x,onDocumentUploaded:D,onDocumentUploadFailed:E,onBeforeSubmit:w,onSubmit:S,geolocationEnabled:G,geolocationRequired:q},React__namespace.default.createElement(CameraStoreProvider,{preferFrontFacingCamera:!0,onCameraAccessDenied:B},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,modelLoadTimeoutMs:b,onModelError:F},React__namespace.default.createElement(CustomerIdentificationWizard,{onComplete:k,onCustomerMatched:I,onCustomerNotMatched:T,onExitCapture:M,onExitAfterFailure:L,onUserCancel:j,onCaptureGuidanceTimeout:O,captureGuidanceTimeoutDurationMs:_,loadingOverlayMode:g,skipSuccessScreen:y,assets:A,classNames:P,colors:U,verbiage:V,debugMode:H}))))))},SignatureKYC=function(e){var t=e.lang,a=e.sessionId,n=e.clientRequestID,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.sendBase64DocumentsInSwaggerProxy,l=e.onBeforeDocumentUpload,s=e.onDocumentUploadProgress,d=e.onDocumentUploaded,u=e.onDocumentUploadFailed,m=e.onBeforeSubmit,p=e.onSubmit,f=e.onComplete,g=e.onUserCancel,v=e.onModelError,_=e.onCameraAccessDenied,h=e.onLoadingOverlayDismissed,b=e.loadingOverlayMode,C=void 0===b?"default":b,y=e.customOverlayContent,R=e.skipSuccessScreen,x=void 0!==R&&R,D=e.idCardForFaceMatch,E=e.modelLoadTimeoutMs,w=void 0===E?defaultSelfieCaptureModelLoadTimeoutMs:E,S=e.allowSignatureAfterLivenessCheckFailure,k=void 0!==S&&S,I=e.faceLivenessProps,T=e.theme,O=void 0===T?"default":T,M=e.classNames,L=e.colors,j=e.verbiage,F=e.geolocationEnabled,B=e.geolocationRequired,N=e.debugMode,$=void 0!==N&&N;return useLanguage(void 0===t?"auto":t),useDebugLogging($),React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:O},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.NONE,submissionUrl:o,clientRequestID:n,documentServiceUrl:i,idCardForFaceMatch:D,sendBase64DocumentsInSwaggerProxy:c,onBeforeDocumentUpload:l,onDocumentUploadProgress:s,onDocumentUploaded:d,onDocumentUploadFailed:u,onBeforeSubmit:m,onSubmit:p,onResponseReceived:f,geolocationEnabled:F,geolocationRequired:B},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["VideoSignatureCapture"]}),[]),onCameraAccessDenied:_,videoSignatureCaptureProps:React.useMemo((function(){return{customOverlayContent:y,onLoadingOverlayDismissed:h,loadingOverlayMode:C,skipSuccessScreen:x,modelLoadTimeoutMs:w,faceLivenessProps:I,allowSignatureAfterLivenessCheckFailure:k,classNames:M,colors:L,debugMode:$,verbiage:j,onModelError:v,onUserCancel:g}}),[y,h,C,x,w,I,k,M,L,$,j,v,g])}))))},VideoIdValidation=function(e){var t=e.lang,a=e.sessionId,n=e.clientRequestID,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.manualReviewRequired,d=e.idBackImageRequired,u=e.verifyIdWithExternalDatabases,m=e.bypassAgeValidation,p=e.bypassNameMatching,f=e.personalData,g=e.cardData,v=e.idData,_=e.webhooksEnabled,h=e.webhooksClientTraceId,b=e.webhooksStripSpecialCharacters,C=e.webhooksSendInputImages,y=e.webhooksSendProcessedImages,R=e.webhooksFireOnReview,x=e.sendBase64DocumentsInSwaggerProxy,D=e.customerDataMatchConfig,E=e.onBeforeDocumentUpload,w=e.onDocumentUploadProgress,S=e.onDocumentUploaded,k=e.onDocumentUploadFailed,I=e.onSubmit,T=e.onBeforeSubmit,O=e.onComplete,M=e.onExitCapture,L=e.onExitAfterFailure,j=e.onUserCancel,F=e.onCameraAccessDenied,B=e.onMicrophoneAccessDenied,N=e.idCaptureProps,$=e.faceLivenessProps,A=e.idCaptureModelsEnabled,P=void 0===A||A,U=e.videoIdCaptureThresholds,V=void 0===U?defaultVideoIdCaptureThresholds:U,G=e.readTextPrompt,W=e.readTextTimeoutDurationMs,q=void 0===W?15e3:W,z=e.readTextMinReadingMs,H=void 0===z?1e4:z,Y=e.skipSuccessScreen,K=void 0!==Y&&Y,Z=e.skipIdCapture,X=void 0!==Z&&Z,J=e.skipShowIdCardBack,Q=void 0!==J&&J,ee=e.idCaptureLoadingOverlayMode,te=void 0===ee?"default":ee,ae=e.customOverlayContent,ne=e.onLoadingOverlayDismissed,re=e.idCaptureGuideType,oe=void 0===re?"fit":re,ie=e.idCaptureGuideImages,ce=void 0===ie?defaultIdCaptureGuideImages:ie,le=e.idCapturePortraitGuidesOnMobile,se=void 0===le||le,de=e.idCaptureRotateLoadingOverlayImageWhenPortrait,ue=void 0===de||de,me=e.idCardForFaceMatch,pe=e.faceLivenessLoadingOverlayMode,fe=void 0===pe?"default":pe,ge=e.disableFaceDetectionWhileAudioCapture,ve=void 0!==ge&&ge,_e=e.disableFaceDetectionWhileAudioCaptureMsDelay,he=void 0===_e?2e3:_e,be=e.silentFallback,Ce=void 0!==be&&be,ye=e.mergeAVStreams,Re=void 0!==ye&&ye,xe=e.matchOnly,De=void 0!==xe&&xe,Ee=e.theme,we=void 0===Ee?"default":Ee,Se=e.assets,ke=void 0===Se?{}:Se,Ie=e.classNames,Te=void 0===Ie?{}:Ie,Oe=e.colors,Me=void 0===Oe?{}:Oe,Le=e.verbiage,je=void 0===Le?{}:Le,Fe=e.captureSignature,Be=void 0!==Fe&&Fe,Ne=e.captureSignatureVideo,$e=void 0!==Ne&&Ne,Ae=e.captureAdditionalDocuments,Pe=void 0===Ae?[]:Ae,Ue=e.geolocationEnabled,Ve=void 0===Ue||Ue,Ge=e.geolocationRequired,We=void 0!==Ge&&Ge,qe=e.debugMode,ze=void 0!==qe&&qe;useLanguage(void 0===t?"auto":t),useDebugLogging(ze);var He=React.useMemo((function(){return{idCaptureProps:N,faceLivenessProps:$,idCaptureModelsEnabled:P,videoIdCaptureThresholds:V,readTextPrompt:G,readTextTimeoutDurationMs:q,readTextMinReadingMs:H,onExitCapture:M,onExitAfterFailure:L,onUserCancel:j,skipSuccessScreen:K,skipIdCapture:X,skipShowIdCardBack:Q,idCaptureLoadingOverlayMode:te,customOverlayContent:ae,onLoadingOverlayDismissed:ne,idCaptureGuideType:oe,idCaptureGuideImages:ce,idCapturePortraitGuidesOnMobile:se,idCaptureRotateLoadingOverlayImageWhenPortrait:ue,faceLivenessLoadingOverlayMode:fe,disableFaceDetectionWhileAudioCapture:ve,disableFaceDetectionWhileAudioCaptureMsDelay:he,silentFallback:Ce,mergeAVStreams:Re,assets:ke,classNames:Te,colors:Me,verbiage:je,debugMode:ze}}),[N,$,P,V,G,q,H,M,L,j,K,X,Q,te,ae,ne,oe,ce,se,ue,fe,ve,he,Ce,Re,ke,Te,Me,je,ze]),Ye=React.useMemo((function(){return{documents:Pe,classNames:Te.additionalDocumentCapture,verbiage:je.additionalDocumentCapture}}),[Pe,Te.additionalDocumentCapture,je.additionalDocumentCapture]),Ke=React.useMemo((function(){return{classNames:Te.signatureCapture,verbiage:je.signatureCapture}}),[Te.signatureCapture,je.signatureCapture]),Ze=React.useMemo((function(){return{onExitCapture:M,onUserCancel:j,skipSuccessScreen:K,classNames:Te.videoSignatureCapture,colors:Me.videoSignatureCapture,verbiage:je.videoSignatureCapture,debugMode:ze}}),[Te.videoSignatureCapture,Me.videoSignatureCapture,ze,M,j,K,je.videoSignatureCapture]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:we},React__namespace.default.createElement(SubmissionProvider,{action:me||!X?De?SubmissionAction.MATCH_ID_AND_FACE:SubmissionAction.VALIDATE:SubmissionAction.NONE,submissionUrl:o,clientRequestID:n,documentServiceUrl:i,companyId:c,needImmediateResponse:l,manualReviewRequired:s,idBackImageRequired:d,verifyIdWithExternalDatabases:u,bypassAgeValidation:m,bypassNameMatching:p,personalData:f,cardData:g,idData:v,webhooksEnabled:_,webhooksClientTraceId:h,webhooksStripSpecialCharacters:b,webhooksSendInputImages:C,webhooksSendProcessedImages:y,webhooksFireOnReview:R,sendBase64DocumentsInSwaggerProxy:x,customerDataMatchConfig:D,idCardForFaceMatch:me,onBeforeDocumentUpload:E,onDocumentUploadProgress:w,onDocumentUploaded:S,onDocumentUploadFailed:k,onSubmit:I,onBeforeSubmit:T,onResponseReceived:O,geolocationEnabled:Ve,geolocationRequired:We},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["VideoIdCapture"]}),[]),videoIdCaptureProps:He,additionalDocumentCaptureProps:Ye,signatureCaptureProps:Ke,videoSignatureCaptureProps:Ze,captureSignature:Be,captureSignatureVideo:$e,onCameraAccessDenied:F,onMicrophoneAccessDenied:B}))))},CustomerBiometricsEnrollment=function(e){var t=e.enrollmentId,a=e.lang,n=e.sessionId,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.deduplicationEnabled,d=e.deduplicationSynchronous,u=e.webhooksEnabled,m=e.webhooksClientTraceId,p=e.webhooksStripSpecialCharacters,f=e.webhooksSendInputImages,g=e.webhooksSendProcessedImages,v=e.sendBase64DocumentsInSwaggerProxy,_=e.loadingOverlayMode,h=void 0===_?"default":_,b=e.timeoutDurationMs,C=void 0===b?15e3:b,y=e.modelLoadTimeoutMs,R=void 0===y?defaultSelfieCaptureModelLoadTimeoutMs:y,x=e.skipSuccessScreen,D=void 0!==x&&x,E=e.onBeforeDocumentUpload,w=e.onDocumentUploadProgress,S=e.onDocumentUploaded,k=e.onDocumentUploadFailed,I=e.onBeforeSubmit,T=e.onSubmit,O=e.onComplete,M=e.onEnrolled,L=e.onDenied,j=e.onExitCapture,F=e.onExitAfterFailure,B=e.onUserCancel,N=e.onModelError,$=e.onCameraAccessDenied,A=e.captureAdditionalDocuments,P=void 0===A?[]:A,U=e.captureSignature,V=void 0!==U&&U,G=e.captureSignatureVideo,W=void 0!==G&&G,q=e.theme,z=void 0===q?"default":q,H=e.assets,Y=void 0===H?{}:H,K=e.classNames,Z=void 0===K?{}:K,X=e.colors,J=void 0===X?{}:X,Q=e.verbiage,ee=void 0===Q?{}:Q,te=e.geolocationEnabled,ae=void 0===te||te,ne=e.geolocationRequired,re=void 0!==ne&&ne,oe=e.debugMode,ie=void 0!==oe&&oe;useLanguage(void 0===a?"auto":a),useDebugLogging(ie);var ce=React.useMemo((function(){return{onExitCapture:j,onUserCancel:B,onExitAfterFailure:F,onModelError:N,timeoutDurationMs:C,modelLoadTimeoutMs:R,loadingOverlayMode:h,skipSuccessScreen:D,assets:Y.faceLiveness,classNames:Z.faceLiveness,colors:J.faceLiveness,verbiage:ee.faceLiveness,debugMode:ie}}),[Y.faceLiveness,Z.faceLiveness,J.faceLiveness,ie,h,R,F,j,N,B,D,C,ee.faceLiveness]),le=React.useMemo((function(){return{documents:P,classNames:Z.additionalDocumentCapture,verbiage:ee.additionalDocumentCapture}}),[P,Z.additionalDocumentCapture,ee.additionalDocumentCapture]),se=React.useMemo((function(){return{classNames:Z.signatureCapture,verbiage:ee.signatureCapture}}),[Z.signatureCapture,ee.signatureCapture]),de=React.useMemo((function(){return{onExitCapture:j,onUserCancel:B,skipSuccessScreen:D,classNames:Z.videoSignatureCapture,colors:J.videoSignatureCapture,verbiage:ee.videoSignatureCapture,debugMode:ie}}),[Z.videoSignatureCapture,J.videoSignatureCapture,ie,j,B,D,ee.videoSignatureCapture]),ue=React.useCallback((function(e,t){null==O||O(e,t),"Customer Onboarded"===e.resultData.verificationResult?null==M||M(e,t):null==L||L(e,t)}),[M,O,L]);return React__namespace.default.createElement(AuthProvider,{sessionId:n,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:z},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.ENROLL,submissionUrl:o,documentServiceUrl:i,companyId:c,enrollmentId:t,needImmediateResponse:l,deduplicationEnabled:s,deduplicationSynchronous:d,webhooksEnabled:u,webhooksClientTraceId:m,webhooksStripSpecialCharacters:p,webhooksSendInputImages:f,webhooksSendProcessedImages:g,sendBase64DocumentsInSwaggerProxy:v,onBeforeDocumentUpload:E,onDocumentUploadProgress:w,onDocumentUploaded:S,onDocumentUploadFailed:k,onBeforeSubmit:I,onSubmit:T,onResponseReceived:ue,geolocationEnabled:ae,geolocationRequired:re},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["FaceLiveness"]}),[]),faceLivenessProps:ce,additionalDocumentCaptureProps:le,signatureCaptureProps:se,videoSignatureCaptureProps:de,captureSignature:V,captureSignatureVideo:W,onCameraAccessDenied:$}))))},DocumentCapture=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.sendBase64DocumentsInSwaggerProxy,c=e.onBeforeDocumentUpload,l=e.onDocumentUploadProgress,s=e.onDocumentUploaded,d=e.onDocumentUploadFailed,u=e.onComplete,m=e.onExitCapture,p=e.onUserCancel,f=e.onCameraAccessDenied,g=e.documents,v=void 0===g?[]:g,_=e.aspectRatio,h=e.cameraFeedMode,b=e.instructions,C=e.theme,y=void 0===C?"default":C,R=e.classNames,x=void 0===R?{}:R,D=e.verbiage,E=void 0===D?{}:D,w=e.geolocationEnabled,S=void 0===w||w,k=e.geolocationRequired,I=void 0!==k&&k,T=e.debugMode,O=void 0!==T&&T;return useLanguage(void 0===t?"auto":t),useDebugLogging(O),React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:y},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.NONE,submissionUrl:r,documentServiceUrl:o,sendBase64DocumentsInSwaggerProxy:i,onBeforeDocumentUpload:c,onDocumentUploadProgress:l,onDocumentUploaded:s,onDocumentUploadFailed:d,geolocationEnabled:S,geolocationRequired:I},React__namespace.default.createElement(CameraStoreProvider,{requestAccessAutomatically:!1,preferIphoneContinuityCamera:!0,onCameraAccessDenied:f},React__namespace.default.createElement(DocumentCaptureWizard,{onSuccess:u,onExitCapture:m,onUserCancel:p,documents:v,aspectRatio:_,cameraFeedMode:h,instructions:b,classNames:x,verbiage:E})))))};function renderElement(e,t){if("string"==typeof t){var a=document.querySelector(t);if(!a)throw new Error("targetElement ".concat(t," not found"));t=a}else t||(t=document.createElement("div"),document.body.append(t));var n=ReactDOM__namespace.createRoot(t);if(n.render(React__namespace.default.createElement(OverlayContainer,null,e)),"remove"in t){var r=t.remove;t.remove=function(){try{n.unmount(),r()}catch(e){}}}return t}function renderComponent(e,t,a){return a||(a=t,t=void 0),renderElement(React__namespace.default.createElement(e,_assign({},a)),t)}initializeI18n();var renderIdValidation=function(e,t){return renderComponent(IdValidation,e,t)},renderFaceValidation=function(e,t){return renderComponent(FaceValidation,e,t)},renderIdAndFaceValidation=function(e,t){return renderComponent(IdAndFaceValidation,e,t)},renderCustomerIdAndBiometricsEnrollment=function(e,t){return renderComponent(CustomerIdAndBiometricsEnrollment,e,t)},renderCustomerBiometricsEnrollment=function(e,t){return renderComponent(CustomerBiometricsEnrollment,e,t)},renderCustomerVerification=function(e,t){return renderComponent(CustomerVerification,e,t)},renderCustomerIdentification=function(e,t){return renderComponent(CustomerIdentification,e,t)},renderSignatureKYC=function(e,t){return renderComponent(SignatureKYC,e,t)},renderVideoIdValidation=function(e,t){return renderComponent(VideoIdValidation,e,t)},renderDocumentCapture=function(e,t){return renderComponent(DocumentCapture,e,t)};globalThis.IDmissionSDK={renderIdValidation:renderIdValidation,renderFaceValidation:renderFaceValidation,renderIdAndFaceValidation:renderIdAndFaceValidation,renderCustomerIdAndBiometricsEnrollment:renderCustomerIdAndBiometricsEnrollment,renderCustomerBiometricsEnrollment:renderCustomerBiometricsEnrollment,renderCustomerVerification:renderCustomerVerification,renderCustomerIdentification:renderCustomerIdentification,renderSignatureKYC:renderSignatureKYC,renderVideoIdValidation:renderVideoIdValidation,renderDocumentCapture:renderDocumentCapture,preloadModels:preloadModels,themes:themes,version:webSdkVersion,ready:!0,authMode:"session",allowedAuthUrls:allowedAuthUrls,defaultAuthUrl:exports.defaultAuthUrl,defaultSubmissionUrl:exports.defaultSubmissionUrl,setServerUrl:setServerUrl},exports.CapturedDocumentImg=CapturedDocumentImg,exports.CustomerBiometricsEnrollment=CustomerBiometricsEnrollment,exports.CustomerIdAndBiometricsEnrollment=CustomerIdAndBiometricsEnrollment,exports.CustomerIdentification=CustomerIdentification,exports.CustomerVerification=CustomerVerification,exports.DocumentCapture=DocumentCapture,exports.FaceValidation=FaceValidation,exports.IdAndFaceValidation=IdAndFaceValidation,exports.IdValidation=IdValidation,exports.SignatureKYC=SignatureKYC,exports.VideoIdValidation=VideoIdValidation,exports.allowedAuthUrls=allowedAuthUrls,exports.isObject=isObject,exports.preloadModels=preloadModels,exports.renderCustomerBiometricsEnrollment=renderCustomerBiometricsEnrollment,exports.renderCustomerIdAndBiometricsEnrollment=renderCustomerIdAndBiometricsEnrollment,exports.renderCustomerIdentification=renderCustomerIdentification,exports.renderCustomerVerification=renderCustomerVerification,exports.renderDocumentCapture=renderDocumentCapture,exports.renderFaceValidation=renderFaceValidation,exports.renderIdAndFaceValidation=renderIdAndFaceValidation,exports.renderIdValidation=renderIdValidation,exports.renderSignatureKYC=renderSignatureKYC,exports.renderVideoIdValidation=renderVideoIdValidation,exports.setServerUrl=setServerUrl,exports.themes=themes;
1
+ "use strict";var React=require("react"),ReactDOM=require("react-dom/client"),platform=require("platform"),styled=require("styled-components"),reactI18next=require("react-i18next"),tusJsClient=require("tus-js-client"),SparkMD5=require("spark-md5"),useResizeObserver=require("use-resize-observer"),tasksVision=require("@mediapipe/tasks-vision"),zustand=require("zustand"),useDebounce=require("use-debounce"),reactDom=require("react-dom"),LanguageDetector=require("i18next-browser-languagedetector"),i18n=require("i18next"),shallow=require("zustand/react/shallow"),SignatureCanvas=require("react-signature-canvas");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _interopNamespaceCompat(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceCompat(React),ReactDOM__namespace=_interopNamespaceCompat(ReactDOM),platform__default=_interopDefaultCompat(platform),styled__default=_interopDefaultCompat(styled),SparkMD5__default=_interopDefaultCompat(SparkMD5),useResizeObserver__default=_interopDefaultCompat(useResizeObserver),LanguageDetector__default=_interopDefaultCompat(LanguageDetector),i18n__default=_interopDefaultCompat(i18n),SignatureCanvas__default=_interopDefaultCompat(SignatureCanvas),_extendStatics=function(e,t){return _extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])},_extendStatics(e,t)};function __extends(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function a(){this.constructor=e}_extendStatics(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}var _assign=function(){return _assign=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},_assign.apply(this,arguments)};function __rest(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a}function __awaiter(e,t,a,n){return new(a||(a=Promise))((function(r,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function c(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(i,c)}l((n=n.apply(e,t||[])).next())}))}function __generator(e,t){var a,n,r,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=c(0),i.throw=c(1),i.return=c(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(l){return function(c){if(a)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(o=0)),o;)try{if(a=1,n&&(r=2&c[0]?n.return:c[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,c[1])).done)return r;switch(n=0,r&&(c=[2&c[0],r.value]),c[0]){case 0:case 1:r=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,n=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(r=o.trys,(r=r.length>0&&r[r.length-1])||6!==c[0]&&2!==c[0])){o=0;continue}if(3===c[0]&&(!r||c[1]>r[0]&&c[1]<r[3])){o.label=c[1];break}if(6===c[0]&&o.label<r[1]){o.label=r[1],r=c;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(c);break}r[2]&&o.ops.pop(),o.trys.pop();continue}c=t.call(e,o)}catch(e){c=[6,e],n=0}finally{a=r=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}}function __spreadArray(e,t,a){if(a||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))}function __makeTemplateObject(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}"function"==typeof SuppressedError&&SuppressedError;var SubmissionAction,SubmissionStatus,webSdkVersion="2.2.40";function getPlatform(){return"undefined"!=typeof window&&void 0!==window.platform?window.platform:platform__default.default}function dataUrlToBase64(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return e.indexOf("blob:")>=0?[2,new Promise((function(t,a){fetch(e).then((function(e){if(!e.ok)throw new Error("Failed to fetch Blob content");return e.blob()})).then((function(e){var n=new FileReader;n.onload=function(){var e=n.result?n.result.split(",")[1]:"";t(e)},n.onerror=function(){n.abort(),a(new Error("Error converting blob to base64"))},n.readAsDataURL(e)})).catch((function(e){a(e)}))}))]:[2,e.replace(/^data:image\/(png|jpeg);base64,/,"")]}))}))}function dataUrlToBase64Sync(e){return e.replace(/^data:.*;base64,/,"")}function contentDispositionFromDataUrl(e){var t,a;return null!==(a=null===(t=e.match(/^(data:.*;base64),/))||void 0===t?void 0:t[1])&&void 0!==a?a:""}function blobToB64(e){return new Promise((function(t){var a=new FileReader;a.onloadend=function(){return t(a.result)},a.readAsDataURL(e)}))}!function(e){e.NONE="NONE",e.ENROLL="ENROLL",e.IDENTIFY="IDENTIFY",e.VALIDATE="VALIDATE",e.VERIFY="VERIFY",e.MATCH_ID_AND_FACE="MATCH_ID_AND_FACE"}(SubmissionAction||(SubmissionAction={})),function(e){e.READY="READY",e.SUBMITTING="SUBMITTING",e.SUBMITTED="SUBMITTED",e.FAILED="FAILED"}(SubmissionStatus||(SubmissionStatus={}));var submissionHosts={prod:"https://api.idmission.com",demo:"https://apidemo.idmission.com"};function determineSubmissionHost(e,t){var a=submissionHosts[e];if(!a)throw new Error("unrecognized SubmissionEnvironment ".concat(e));return a}function determineSubmissionEndpoint(e,t,a){switch(e){case SubmissionAction.ENROLL:return t?"/v4/customer/enroll":"/v4/customer/enroll-biometrics";case SubmissionAction.IDENTIFY:return"/v4/customer/identify";case SubmissionAction.VALIDATE:return a?"/v4/customer/validate-id-match-face":"/v4/customer/validate-id";case SubmissionAction.VERIFY:return"/v4/customer/verify";case SubmissionAction.MATCH_ID_AND_FACE:return"/v4/customer/match-id-face";default:throw new Error("unrecognized SubmissionAction ".concat(e))}}function liveCheckEndpoint(e){return void 0===e&&(e=!1),e?"/v4/customer/match-id-face":"/v4/customer/live-check"}function apiHeaders(e,t){void 0===t&&(t=!1);var a={"Content-Type":"application/json","X-Send-Base64-Documents":t?"1":"0",Origin:"*"};return e&&(a["X-Session-Id"]=e),a}function attachMetadataToRequest(e,t){var a,n,r=t.geolocationResult,o={selfie:t.selfieCaptureAttempts,front:t.idFrontCaptureAttempts,back:t.idBackCaptureAttempts,isRealIDCheckRequired:"false",sdkVersion:"WebSDK_".concat(webSdkVersion),Resolution:"undefined"!=typeof window?"".concat(window.innerWidth," x ").concat(window.innerHeight):"unknown"},i=getPlatform();i&&(o.os=null===(a=i.os)||void 0===a?void 0:a.family,o.osVersion=null===(n=i.os)||void 0===n?void 0:n.version,o.browserVersion="".concat(i.name," ").concat(i.version)),r&&(o.GeoLocation=JSON.stringify(r)),e.additionalData.metadata=JSON.stringify(o)}function videoDataUrlToB64(e){return new Promise((function(t){var a=new FileReader;a.onloadend=function(){t(dataUrlToBase64Sync(a.result))},fetch(e).then((function(e){return e.blob()})).then((function(e){return a.readAsDataURL(e)}))}))}var templateObject_1$L,PageContainerDiv=styled__default.default.div(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n ","\n\n ","\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"],["\n ","\n\n ","\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])),(function(e){var t;return!1===e.theme.isFullscreen?"":"\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ".concat(null!==(t=e.$heightOffset)&&void 0!==t?t:0,"px\n );\n overflow-x: hidden;\n overflow-y: auto;\n ")}),(function(e){return e.theme.fontFamily?"font-family: ".concat(e.theme.fontFamily,";"):""})),PageContainer=React.forwardRef((function(e,t){var a=e.children,n=e.className,r=e.heightOffset,o=void 0===r?0:r,i=e.style,c=e.onClick,l=React.useState(!1),s=l[0],d=l[1];return React.useEffect((function(){if("undefined"!=typeof window){d(!1);var e=function(){var e=document.documentElement;e.style.setProperty("--app-width","".concat(window.innerWidth,"px")),e.style.setProperty("--app-height","".concat(window.innerHeight,"px"))};return window.addEventListener("resize",e),e(),d(!0),function(){window.removeEventListener("resize",e)}}}),[]),React__namespace.default.createElement(PageContainerDiv,{ref:t,style:i,onClick:c,className:n,$heightOffset:o},s&&a)}));PageContainer.displayName="PageContainer";var templateObject_1$K,templateObject_1$J,templateObject_2$A,templateObject_3$r,templateObject_4$l,templateObject_5$c,templateObject_6$9,templateObject_7$6,templateObject_8$3,templateObject_1$I,templateObject_2$z,templateObject_3$q,templateObject_4$k,templateObject_1$H,LoaderButton=function(e){var t=e.children,a=e.className,n=e.colors,r=void 0===n?{}:n,o=e.disabled,i=e.finished,c=e.onClick,l=e.style,s=e.variant,d=void 0===s?"primary":s,u=React.useRef(null),m=React.useRef(null),p=React.useState(!1),f=p[0],g=p[1];return React.useEffect((function(){var e;if(!f&&!i)return import("ladda").then((function(t){if(u.current){m.current=t.create(u.current),m.current.start(),g(!0);var a=0;e=setInterval((function(){var e;a<.9&&(a+=.1),null===(e=m.current)||void 0===e||e.setProgress(a)}),250)}})),function(){var t;null===(t=m.current)||void 0===t||t.remove(),clearInterval(e)}}),[i,f]),React.useEffect((function(){var e;f&&i&&(null===(e=m.current)||void 0===e||e.stop())}),[i,f]),React__namespace.default.createElement(StyledButton,{className:"ladda-button ".concat(a," ").concat(o?"disabled":""),"data-style":"expand-right",disabled:o,ref:u,onClick:c,$backgroundColor:r.backgroundColor,$textColor:r.textColor,$disabledBackgroundColor:r.loadingBackgroundColor,$disabledTextColor:r.loadingTextColor,$variant:d,style:l},React__namespace.default.createElement("span",{className:"ladda-label"},t))},StyledButton=styled__default.default.button(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n ","\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"],["\n ","\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])),(function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C;return"bootstrap"===(null===(t=e.theme.buttons)||void 0===t?void 0:t.style)&&"\n border-radius: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n -webkit-appearance: button;\n \n &:not(:disabled),\n &[type='button']:not(:disabled),\n &[type='reset']:not(:disabled),\n &[type='submit']:not(:disabled) {\n cursor: pointer;\n }\n \n &:focus:not(:focus-visible) {\n outline: 0;\n }\n \n --bs-btn-padding-x: 0.75rem;\n --bs-btn-padding-y: 0.375rem;\n --bs-btn-font-family: ;\n --bs-btn-font-size: 1rem;\n --bs-btn-font-weight: 400;\n --bs-btn-line-height: 1.5;\n --bs-btn-color: var(--bs-body-color);\n --bs-btn-bg: transparent;\n --bs-btn-border-width: var(--bs-border-width);\n --bs-btn-border-color: transparent;\n --bs-btn-border-radius: var(--bs-border-radius);\n --bs-btn-hover-border-color: transparent;\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --bs-btn-disabled-opacity: 0.65;\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n font-family: var(--bs-btn-font-family);\n font-size: var(--bs-btn-font-size);\n font-weight: var(--bs-btn-font-weight);\n line-height: var(--bs-btn-line-height);\n color: var(--bs-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n border-radius: var(--bs-btn-border-radius);\n background-color: var(--bs-btn-bg);\n //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n // border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n \n &:hover {\n filter: brightness(1.15);\n }\n \n &:focus-visible {\n color: var(--bs-btn-hover-color);\n background-color: var(--bs-btn-hover-bg);\n border-color: var(--bs-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--bs-btn-focus-box-shadow);\n }\n \n &:disabled,\n &.disabled,\n fieldset:disabled & {\n color: var(--bs-btn-disabled-color);\n pointer-events: none;\n background-color: var(--bs-btn-disabled-bg);\n border-color: var(--bs-btn-disabled-border-color);\n opacity: var(--bs-btn-disabled-opacity);\n }\n \n --bs-btn-color: ".concat(null!==(i=null!==(a=e.$textColor)&&void 0!==a?a:null===(o=null===(n=e.theme.buttons)||void 0===n?void 0:n[null!==(r=e.$variant)&&void 0!==r?r:"primary"])||void 0===o?void 0:o.textColor)&&void 0!==i?i:"#fff",";\n --bs-btn-bg: ").concat(null!==(u=null!==(c=e.$backgroundColor)&&void 0!==c?c:null===(d=null===(l=e.theme.buttons)||void 0===l?void 0:l[null!==(s=e.$variant)&&void 0!==s?s:"primary"])||void 0===d?void 0:d.backgroundColor)&&void 0!==u?u:"#0d6efd",";\n --bs-btn-border-color: var(--bs-btn-bg);\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: ").concat(null!==(g=null!==(m=e.$disabledTextColor)&&void 0!==m?m:null===(f=null===(p=e.theme.buttons)||void 0===p?void 0:p.loading)||void 0===f?void 0:f.textColor)&&void 0!==g?g:"#fff",";\n --bs-btn-disabled-bg: ").concat(null!==(b=null!==(v=e.$disabledBackgroundColor)&&void 0!==v?v:null===(h=null===(_=e.theme.buttons)||void 0===_?void 0:_.loading)||void 0===h?void 0:h.backgroundColor)&&void 0!==b?b:"gray",";\n --bs-btn-disabled-border-color: ").concat(null!==(C=e.$disabledBackgroundColor)&&void 0!==C?C:"#0d6efd",";\n \n --bs-btn-padding-y: 14px;\n --bs-btn-padding-x: 1rem;\n --bs-btn-font-size: 18px;\n --bs-btn-border-radius: 4px;\n ")})),OverlayContainer=styled__default.default(PageContainer)(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n background: ",";\n ","\n z-index: 10000;\n"],["\n background: ",";\n ","\n z-index: 10000;\n"])),(function(e){return e.theme.background?"".concat(e.theme.background):"white"}),(function(e){return e.theme.textColor?"color: ".concat(e.theme.textColor,";"):""})),OverlayInner$2=styled__default.default.div(templateObject_2$A||(templateObject_2$A=__makeTemplateObject(["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ","\n"],["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ","\n"])),(function(e){var t;return null!==(t=e.theme.textAlign)&&void 0!==t?t:"center"}),(function(e){return e.theme.padding?"box-sizing: border-box; padding: ".concat(e.theme.padding,";"):""})),OverlayImageContainer=styled__default.default.div(templateObject_3$r||(templateObject_3$r=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"],["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"]))),OverlayImageRow=styled__default.default.div(templateObject_4$l||(templateObject_4$l=__makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"],["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"]))),GrayOverlayContainer=styled__default.default(OverlayContainer)(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n background: #f7f6fb;\n"],["\n background: #f7f6fb;\n"]))),ButtonsColumn=styled__default.default.div(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"]))),WideButton=styled__default.default(LoaderButton)(templateObject_7$6||(templateObject_7$6=__makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"],["\n width: 100%;\n border-radius: 30px;\n"]))),WideBorderButton=styled__default.default(WideButton)(templateObject_8$3||(templateObject_8$3=__makeTemplateObject(["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"],["\n color: black;\n background: white;\n border: 1px solid var(--idm-color-secondary-500);\n box-sizing: border-box;\n"]))),GeolocationAccessDeniedOverlay=function(e){var t=e.accessBlockedImageUrl,a=reactI18next.useTranslation().t,n=React.useContext(SubmissionContext).retryLocationAccess;return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement("div",{style:{display:"flex",height:"100%"}},React__namespace.default.createElement(OverlayInner$2,{style:{maxWidth:500,height:"auto",margin:"auto"}},React__namespace.default.createElement(OverlayImageContainer,{style:{flexGrow:0}},React__namespace.default.createElement("img",{src:t,alt:""})),React__namespace.default.createElement("h3",null,a("Your location access is disabled")),React__namespace.default.createElement("p",{style:{lineHeight:1.5,marginBottom:50}},a("This application requires access to your location to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for location permissions, you must go to settings and provide location access to the current browser.")),React__namespace.default.createElement(LoaderButton,{variant:"primary",onClick:n,style:{width:200,marginLeft:"auto",marginRight:"auto"},finished:!0},a("Retry")))))},SubmissionError=function(e){function t(t){var a=e.call(this,t.statusMessage)||this;return a.status=t,a}return __extends(t,e),t}(Error),NetworkError=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),t}(Error),SessionValidationFailedError=function(e){function t(t,a){var n=e.call(this,t.message)||this;return n.err=t,n.host=a,n}return __extends(t,e),t}(Error),SubmissionErrorOverlay=function(e){var t=e.error;return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},t instanceof NetworkError?React__namespace.default.createElement(NetworkErrorContent,{error:t,onRetry:e.onRetry}):React__namespace.default.createElement(SubmissionErrorContent,{error:t})))},SubmissionErrorContent=function(e){var t=e.error,a=(0,reactI18next.useTranslation().t)("We're sorry, an unexpected error has occurred.");return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("h3",{style:{marginBottom:8}},a),t.status.statusCode&&React__namespace.default.createElement("p",{style:{marginBottom:0}},React__namespace.default.createElement("code",null,"Status: ",t.status.statusCode)),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Message: ",React__namespace.default.createElement("code",null,t.message)),t.status.errorData&&React__namespace.default.createElement("p",{style:{marginBottom:0}},"Data: ",React__namespace.default.createElement("code",null,t.status.errorData)))},NetworkErrorContent=function(e){var t=e.onRetry,a=reactI18next.useTranslation().t,n=a("Network unreachable"),r=a("We're having trouble reaching our services, please check your connection and try again."),o=a("Retry");return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("h3",{style:{marginBottom:8}},n),React__namespace.default.createElement("p",{style:{marginBottom:0}},r),t&&React__namespace.default.createElement("div",{style:{marginTop:32}},React__namespace.default.createElement(LoaderButton,{variant:"warning",finished:!0,onClick:t},o)))},SessionIdMissingOverlay=function(){return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Required property ",React__namespace.default.createElement("code",null,"sessionId")," is missing."),React__namespace.default.createElement("p",{style:{lineHeight:"1.5rem"}},"Please refer to the"," ",React__namespace.default.createElement("a",{href:"https://www.npmjs.com/package/idmission-web-sdk#getting-started",target:"_blank",rel:"noreferrer"},"Getting Started")," ","section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")))},SessionValidationFailedOverlay=function(e){var t=e.message;return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Required property ",React__namespace.default.createElement("code",null,"sessionId")," is not valid",t&&" (".concat(t,")"),"."),React__namespace.default.createElement("p",{style:{lineHeight:"1.5rem"}},"Please refer to the"," ",React__namespace.default.createElement("a",{href:"https://www.npmjs.com/package/idmission-web-sdk#getting-started",target:"_blank",rel:"noreferrer"},"Getting Started")," ","section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")))},AuthUrlNotAllowedOverlay=function(){return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},"Required property ",React__namespace.default.createElement("code",null,"authUrl")," comes from an unrecognized issuer."),React__namespace.default.createElement("p",{style:{marginBottom:0,lineHeight:"1.5rem"}},"Ensure you are generating a fresh session for each request to the IDmission WebSDK."),React__namespace.default.createElement("p",{style:{lineHeight:"1.5rem"}},"Please refer to the"," ",React__namespace.default.createElement("a",{href:"https://www.npmjs.com/package/idmission-web-sdk#getting-started",target:"_blank",rel:"noreferrer"},"Getting Started")," ","section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")))},SessionValidationErrorOverlay=function(e){var t=e.error,a=e.onRetry,n=(0,reactI18next.useTranslation().t)("Retry");return React__namespace.default.createElement(OverlayContainer,null,React__namespace.default.createElement(OverlayInner$2,{style:{justifyContent:"center"}},React__namespace.default.createElement("h3",{style:{marginBottom:8}},"IDmission WebSDK failed to load"),React__namespace.default.createElement("p",{style:{marginBottom:0}},(null==t?void 0:t.host)?React__namespace.default.createElement(React__namespace.default.Fragment,null,"Failed to reach ",React__namespace.default.createElement("code",null,t.host),"."):React__namespace.default.createElement(React__namespace.default.Fragment,null,"Failed to validate ",React__namespace.default.createElement("code",null,"sessionId"),".")),(null==t?void 0:t.message)&&React__namespace.default.createElement("p",{style:{marginBottom:0,lineHeight:"1.5rem"}},React__namespace.default.createElement("code",null,t.message)),React__namespace.default.createElement("p",{style:{marginBottom:0,lineHeight:"1.5rem"}},"Please ensure that IDmission's servers can be reached. If you believe you have reached this page in error, please contact us at"," ",React__namespace.default.createElement("a",{href:"mailto:support@idmission.com"},"support@idmission.com"),"."),a&&React__namespace.default.createElement("div",{style:{marginTop:32}},React__namespace.default.createElement(LoaderButton,{variant:"warning",finished:!0,onClick:a},n))))},wavesAnimation=styled.keyframes(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"],["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"]))),progressBarAnimation=styled.keyframes(templateObject_2$z||(templateObject_2$z=__makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"],["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"]))),dualRingSpinnerAnimation=styled.keyframes(templateObject_3$q||(templateObject_3$q=__makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),progressBorderAnimation=styled.keyframes(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"],["\n to {\n stroke-dashoffset: 0;\n }\n"]))),Spinner=styled__default.default.div(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n display: inline-block;\n width: ","px;\n height: ","px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ","px;\n height: ","px;\n margin: 8px;\n border-radius: 50%;\n border: ","px solid\n ",";\n border-color: "," transparent\n "," transparent;\n animation: "," 1.2s linear infinite;\n box-sizing: content-box;\n }\n"],["\n display: inline-block;\n width: ","px;\n height: ","px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ","px;\n height: ","px;\n margin: 8px;\n border-radius: 50%;\n border: ","px solid\n ",";\n border-color: "," transparent\n "," transparent;\n animation: "," 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])),(function(e){var t=e.$size;return null!=t?t:80}),(function(e){var t=e.$size;return null!=t?t:80}),(function(e){var t=e.$size;return(null!=t?t:80)-16}),(function(e){var t=e.$size;return(null!=t?t:80)-16}),(function(e){var t=e.$thickness;return null!=t?t:6}),(function(e){var t=e.$color;return null!=t?t:"#888"}),(function(e){var t=e.$color;return null!=t?t:"#888"}),(function(e){var t=e.$color;return null!=t?t:"#888"}),dualRingSpinnerAnimation);exports.defaultAuthUrl="https://portal-api.idmission.com";var allowedAuthUrls=["https://portal-api.idmission.com","https://portal-api-uat.idmission.com","https://portal-api-demo.idmission.com","https://portal-api-dev.idmission.com","http://localhost:10000"];function setDefaultAuthUrl(e){if(!allowedAuthUrls.includes(e))throw new Error("invalid auth url");exports.defaultAuthUrl=e}var LogLevel,initialState$6={authUrl:exports.defaultAuthUrl,sessionCheckState:"READY"},AuthStateContext=React.createContext(initialState$6),AuthDispatchContext=React.createContext((function(){})),reducer$4=function(e,t){switch(t.type){case"setSessionId":return _assign(_assign({},e),{sessionId:t.payload});case"setCheckState":return _assign(_assign({},e),{sessionCheckState:t.payload});case"setError":return _assign(_assign({},e),{sessionCheckState:"ERROR",authError:t.payload});case"retry":return _assign(_assign({},e),{sessionCheckState:"READY",authError:void 0,sessionId:void 0});default:return e}};function useAuthReducer(e,t){var a=this;void 0===e&&(e=exports.defaultAuthUrl);var n=React.useReducer(reducer$4,_assign(_assign({},initialState$6),{authUrl:e})),r=n[0],o=n[1],i=r.sessionId,c=r.sessionCheckState;return React.useEffect((function(){if(!allowedAuthUrls.includes(e))return o({type:"setCheckState",payload:"AUTH_URL_NOT_ALLOWED"})}),[e]),React.useEffect((function(){if("READY"===c)if(i)o({type:"setCheckState",payload:"RUNNING"}),__awaiter(a,void 0,void 0,(function(){var t,a,n,r,c;return __generator(this,(function(l){switch(l.label){case 0:return l.trys.push([0,3,,4]),[4,fetch("".concat(e,"/portal.sessions.v1.SessionsService/ValidateSession"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:i})})];case 1:return[4,(t=l.sent()).json()];case 2:return a=l.sent(),n=a.valid,r=a.message,t.ok||o({type:"setError",payload:new SessionValidationFailedError(new Error(r),e)}),o({type:"setCheckState",payload:n?"PASSED":"FAILED"}),[3,4];case 3:return c=l.sent(),o({type:"setError",payload:new SessionValidationFailedError(c,e)}),[3,4];case 4:return[2]}}))}));else{if(!t)return o({type:"setCheckState",payload:"MISSING"});if("string"==typeof t)return o({type:"setSessionId",payload:t});t instanceof Function&&t().then((function(e){o({type:"setSessionId",payload:e})})).catch((function(t){o({type:"setError",payload:new SessionValidationFailedError(t,e)})}))}}),[e,c,i,t]),[r,o]}function useAuthContext(){var e=React.useContext(AuthStateContext),t=React.useContext(AuthDispatchContext);if(!e||!t)throw new Error("useAuthContext cannot be used without AuthStateProvider");return[e,t]}function AuthProvider(e){var t,a=e.authUrl,n=void 0===a?exports.defaultAuthUrl:a,r=e.children,o=useAuthReducer(n,e.sessionId),i=o[0],c=o[1];return"MISSING"===i.sessionCheckState?React__namespace.default.createElement(SessionIdMissingOverlay,null):"FAILED"===i.sessionCheckState?React__namespace.default.createElement(SessionValidationFailedOverlay,{message:null===(t=i.authError)||void 0===t?void 0:t.message}):"AUTH_URL_NOT_ALLOWED"===i.sessionCheckState?React__namespace.default.createElement(AuthUrlNotAllowedOverlay,null):"ERROR"===i.sessionCheckState?React__namespace.default.createElement(SessionValidationErrorOverlay,{error:i.authError,onRetry:function(){return c({type:"retry"})}}):"READY"===i.sessionCheckState||"RUNNING"===i.sessionCheckState?React__namespace.default.createElement(PageContainer,{className:"flex"},React__namespace.default.createElement(Spinner,null)):React__namespace.default.createElement(AuthStateContext.Provider,{value:i},React__namespace.default.createElement(AuthDispatchContext.Provider,{value:c},r))}!function(e){e[e.Off=0]="Off",e[e.Error=1]="Error",e[e.Warn=2]="Warn",e[e.Info=3]="Info",e[e.Debug=4]="Debug"}(LogLevel||(LogLevel={}));var logLevel=LogLevel.Warn;function useLogLevel(e){React.useEffect((function(){var t=logLevel;if(e!==t)return logLevel=e,function(){logLevel=t}}),[e])}function useDebugLogging(e){useLogLevel(e?LogLevel.Debug:logLevel)}function debug(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Debug||console.debug.apply(console,e)}function log(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Info||console.log.apply(console,e)}function warn(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Warn||console.warn.apply(console,e)}function error(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];logLevel<LogLevel.Error||console.error.apply(console,e)}function setDefaultSubmissionUrl(e){exports.defaultSubmissionUrl=e}exports.defaultSubmissionUrl="https://portal-api.idmission.com/swagger";var defaultDocumentServiceUrl="https://portal-api.idmission.com/files/";function setDefaultDocumentServiceUrl(e){defaultDocumentServiceUrl=e}function setServerUrl(e){setDefaultAuthUrl(e),setDefaultSubmissionUrl(e+"/swagger"),setDefaultDocumentServiceUrl(e+"/files/")}var SubmissionContext=React.createContext({submit:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return[2,null]}))}))},submissionStatus:SubmissionStatus.READY,submissionRequest:null,submissionResponse:null,submissionError:null,submissionEnvironment:"prod",idFrontImage:null,idBackImage:null,passportImage:null,selfieImage:null,signatureData:null,signatureVideoUrl:null,idCaptureVideoUrl:null,idCaptureVideoIdFrontImage:null,idCaptureVideoIdBackImage:null,idCaptureVideoAudioUrl:null,idCaptureVideoAudioStartsAt:null,additionalDocuments:null,setIdFrontImage:function(){return null},setIdBackImage:function(){return null},setPassportImage:function(){return null},setSelfieImage:function(){return null},setSignatureData:function(){return null},setSignatureVideoUrl:function(){return null},setIdCaptureVideoUrl:function(){return null},setIdCaptureVideoIdFrontImage:function(){return null},setIdCaptureVideoIdBackImage:function(){return null},setIdCaptureVideoAudioUrl:function(){return null},setIdCaptureVideoAudioStartsAt:function(){return null},setExpectedAudioText:function(){return null},setAdditionalDocuments:function(){return null},uploadDocument:Promise.resolve,logIdFrontCaptureAttempt:function(){return null},logIdBackCaptureAttempt:function(){return null},logSelfieCaptureAttempt:function(){return null},livenessCheckRequest:null,checkLiveness:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){throw new Error("checkLiveness is not implemented")}))}))},retryLocationAccess:function(){return null}}),SubmissionProvider=function(e){var t=e.action,a=e.children,n=e.submissionUrl,r=void 0===n?exports.defaultSubmissionUrl:n,o=e.environment,i=void 0===o?"prod":o,c=e.companyId,l=e.enrollmentId,s=e.personalData,d=e.cardData,u=e.idData,m=e.bypassAgeValidation,p=void 0!==m&&m,f=e.bypassNameMatching,g=void 0===f||f,v=e.needImmediateResponse,_=void 0!==v&&v,h=e.manualReviewRequired,b=void 0!==h&&h,C=e.idBackImageRequired,y=void 0===C||C,R=e.idImageResolutionCheck,x=void 0===R||R,D=e.verifyIdWithExternalDatabases,E=void 0!==D&&D,w=e.deduplicationEnabled,S=void 0!==w&&w,k=e.deduplicationSynchronous,I=void 0!==k&&k,T=e.idCardForFaceMatch,O=e.geolocationEnabled,M=void 0===O||O,L=e.geolocationRequired,j=void 0!==L&&L,F=e.webhooksEnabled,B=void 0!==F&&F,N=e.webhooksClientTraceId,$=e.webhooksStripSpecialCharacters,A=void 0===$||$,P=e.webhooksSendInputImages,U=void 0!==P&&P,V=e.webhooksSendProcessedImages,G=void 0!==V&&V,W=e.webhooksFireOnReview,q=void 0!==W&&W,z=e.customerDataMatchConfig,H=e.precapturedDocuments,Y=e.documentServiceUrl,K=void 0===Y?defaultDocumentServiceUrl:Y,Z=e.sendBase64DocumentsInSwaggerProxy,X=void 0!==Z&&Z,J=e.onSubmit,Q=e.onBeforeSubmit,ee=e.onBeforeLivenessCheck,te=e.onBeforeDocumentUpload,ae=e.onDocumentUploadProgress,ne=e.onDocumentUploaded,re=e.onDocumentUploadFailed,oe=e.onResponseReceived,ie=e.onRequestFailure,ce=e.clientRequestID,le=useAuthContext()[0].sessionId,se=React.useState(SubmissionStatus.READY),de=se[0],ue=se[1],me=React.useState(null),pe=me[0],fe=me[1],ge=React.useState(null),ve=ge[0],_e=ge[1],he=React.useState(null),be=he[0],Ce=he[1],ye=React.useState(null),Re=ye[0],xe=ye[1],De=React.useState(null),Ee=De[0],we=De[1],Se=React.useState(null),ke=Se[0],Ie=Se[1],Te=React.useState(null),Oe=Te[0],Me=Te[1],Le=React.useState(null),je=Le[0],Fe=Le[1],Be=React.useState(null),Ne=Be[0],$e=Be[1],Ae=React.useState(null),Pe=Ae[0],Ue=Ae[1],Ve=React.useState(null),Ge=Ve[0],We=Ve[1],qe=React.useState(null),ze=qe[0],He=qe[1],Ye=React.useState(null),Ke=Ye[0],Ze=Ye[1],Xe=React.useState(null),Je=Xe[0],Qe=Xe[1],et=React.useState(null),tt=et[0],at=et[1],nt=React.useState(null),rt=nt[0],ot=nt[1],it=React.useState(null),ct=it[0],lt=it[1],st=React.useState(null),dt=st[0],ut=st[1],mt=React.useState(null),pt=mt[0],ft=mt[1],gt=React.useState(0),vt=gt[0],_t=gt[1],ht=React.useState(!1),bt=ht[0],Ct=ht[1],yt=React.useState([]),Rt=yt[0],xt=yt[1],Dt=React.useState([]),Et=Dt[0],wt=Dt[1],St=React.useState([]),kt=St[0],It=St[1],Tt=React.useCallback((function(e){xt((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}),[]),Ot=React.useCallback((function(e){wt((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}),[]),Mt=React.useCallback((function(e){It((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}),[]);React.useEffect((function(){(null==H?void 0:H.selfie)&&$e(dataUrlToBase64Sync(H.selfie.imageData))}),[null==H?void 0:H.selfie]);var Lt=React.useRef();React.useEffect((function(){Lt.current=J}),[J]);var jt=React.useRef();React.useEffect((function(){jt.current=Q}),[Q]);var Ft=React.useRef();React.useEffect((function(){Ft.current=ee}),[ee]);var Bt=React.useRef();React.useEffect((function(){Bt.current=oe}),[oe]);var Nt=React.useRef();React.useEffect((function(){Nt.current=ie}),[ie]);var $t=React.useRef();React.useEffect((function(){$t.current=te}),[te]);var At=React.useRef();React.useEffect((function(){At.current=ae}),[ae]);var Pt=React.useRef();React.useEffect((function(){Pt.current=ne}),[ne]);var Ut=React.useRef();React.useEffect((function(){Ut.current=re}),[re]);var Vt=React.useCallback((function(e,t){return new Promise((function(a,n){return __awaiter(void 0,void 0,void 0,(function(){var r,o,i,c,l,s,d,u;return __generator(this,(function(m){switch(m.label){case 0:return r="string"==typeof e?convertBase64ToBlob(e):e,(o=$t.current)?[4,null===(u=$t.current)||void 0===u?void 0:u.call($t,r,t)]:[3,2];case 1:o=!1===m.sent(),m.label=2;case 2:return o?[2,a(blobToB64(r))]:(c=createUpload,l=[r],s={endpoint:K,retryDelays:[0,1e3,1e3,1e3,3e3,5e3,1e4,2e4],headers:{"X-Session-Id":le}},d={filetype:r.type},[4,calculateMd5(r)]);case 3:return i=c.apply(void 0,l.concat([(s.metadata=_assign.apply(void 0,[(d.fingerprint=m.sent(),d),t||{}]),s.onProgress=function(e,a){var n;null===(n=At.current)||void 0===n||n.call(At,{bytesUploaded:e,bytesTotal:a,percentage:(e/a*100).toFixed(2)+"%",metadata:t})},s.onSuccess=function(){var e,n,r="urn:documentsv1:"+(null===(e=i.url.split("/files/").pop())||void 0===e?void 0:e.split("+").shift());null===(n=Pt.current)||void 0===n||n.call(Pt,r,t),a(r)},s.onError=function(e){var a;log("Failed because: "+e),null===(a=Ut.current)||void 0===a||a.call(Ut,e,t),n(e)},s)])),i.findPreviousUploads().then((function(e){e.length&&i.resumeFromPreviousUpload(e[0]),i.start()})),[2]}}))}))}))}),[K,le]),Gt=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){function e(e,t){return __awaiter(this,arguments,void 0,(function(e,t,a){return void 0===a&&(a="image/jpeg"),__generator(this,(function(n){switch(n.label){case 0:return K?(e.startsWith("data:")||(e="data:".concat(a,";base64,").concat(e)),[4,Vt(e,{filename:t,filetype:a})]):[2,e];case 1:return[2,n.sent()]}}))}))}var t,a,n,r,o,i,m,f,v,h;return __generator(this,(function(C){switch(C.label){case 0:return m={idFrontImage:ke,idBackImage:Oe,passportImage:je,selfieImage:Ne},(a=Ge)?[4,videoDataUrlToB64(Ge)]:[3,2];case 1:a=C.sent(),C.label=2;case 2:return m.signatureVideo=a,(n=ze)?[4,videoDataUrlToB64(ze)]:[3,4];case 3:n=C.sent(),C.label=4;case 4:return m.idCaptureVideo=n,(r=tt)?[4,videoDataUrlToB64(tt)]:[3,6];case 5:r=C.sent(),C.label=6;case 6:return m.idCaptureVideoAudio=r,m.idCaptureVideoIdFrontImage=Ke,m.idCaptureVideoIdBackImage=Je,t=m,Pe&&(t.signatureImage=null==Pe?void 0:Pe.fileContent),K?[4,Promise.all(Object.keys(t).map((function(a){return __awaiter(void 0,void 0,void 0,(function(){var n,r;return __generator(this,(function(o){switch(o.label){case 0:return t[a]?(n=t,r=a,[4,e(t[a],a)]):[3,2];case 1:n[r]=o.sent(),o.label=2;case 2:return[2]}}))}))})))]:[3,8];case 7:C.sent(),C.label=8;case 8:return o={securityData:{userName:"",password:"",merchantId:0},customerData:{idData:_assign({idType:"NSP",idCountry:"NSP",idState:""},u)},additionalData:{uniqueRequestId:(new Date).getTime().toString(),manualReviewRequired:b?"Y":"N",bypassAgeValidation:p?"Y":"N",bypassNameMatching:g?"Y":"N",postDataAPIRequired:B?"Y":"N",postDataOnReviewRequired:q?"Y":"N",sendInputImagesInPost:U?"Y":"N",sendProcessedImagesInPost:G?"Y":"N",needImmediateResponse:_?"Y":"N",deDuplicationRequired:S?"Y":"N",deduplicationSynchronous:I?"Y":"N",verifyDataWithHost:E?"Y":"N",idBackImageRequired:y?"Y":"N",stripSpecialCharacters:A?"Y":"N",idImageResolutionCheck:x?"Y":"N",customerDataMatchConfig:z}},ce&&(o.additionalData.clientRequestID=ce),t.idFrontImage&&(o.customerData.idData.idImageFront=t.idFrontImage),t.idBackImage&&(o.customerData.idData.idImageBack=t.idBackImage),t.passportImage&&(o.customerData.idData.idImageFront=t.passportImage),t.selfieImage&&(o.customerData.biometricData={selfie:t.selfieImage}),c&&(o.employee={companyId:c}),s&&(o.customerData.personalData=s),d&&(o.customerData.cardData=d),l&&((f=o.customerData).personalData||(f.personalData={}),o.customerData.personalData.uniqueNumber=l),N&&(o.additionalData.clientTraceId=N),Pe&&(o.customerData.signatureData={signatureImage:JSON.stringify(Pe)},t.signatureVideo&&(o.customerData.signatureData.signatureVideo=t.signatureVideo)),dt&&(o.customerData.additionalDocuments=dt.map((function(e){return _assign(_assign({},e),{additionalDocument:JSON.stringify(_assign(_assign({},e.additionalDocument),{uniqueId:o.additionalData.uniqueRequestId}))})}))),t.idCaptureVideo&&((v=o.customerData).biometricData||(v.biometricData={}),o.customerData.biometricData.videoData=t.idCaptureVideo),t.idCaptureVideoAudio&&((h=o.customerData).biometricData||(h.biometricData={}),o.customerData.biometricData.voiceData=t.idCaptureVideoAudio,o.customerData.biometricData.voiceStartTime=null!=rt?rt:void 0,o.customerData.biometricData.expectedAudioText=null!=ct?ct:void 0),t.idCaptureVideoIdFrontImage&&(o.customerData.idData.videoIdImageFront=t.idCaptureVideoIdFrontImage),t.idCaptureVideoIdBackImage&&(o.customerData.idData.videoIdImageBack=t.idCaptureVideoIdBackImage),attachMetadataToRequest(o,{selfieCaptureAttempts:kt,idFrontCaptureAttempts:Rt,idBackCaptureAttempts:Et,geolocationResult:pt}),jt.current?[4,jt.current(o)]:[3,10];case 9:(i=C.sent())&&(o=i),C.label=10;case 10:return[2,o]}}))}))}),[dt,p,g,d,ce,c,z,S,I,K,l,ct,pt,Et,Oe,y,rt,tt,Je,Ke,ze,u,Rt,ke,x,b,_,je,s,kt,Ne,Pe,Ge,Vt,E,N,B,q,U,G,A]),Wt=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){var e,a,n,o,c,l,s,d,u,m,p,f;return __generator(this,(function(g){switch(g.label){case 0:if(t===SubmissionAction.NONE)return e={status:{statusCode:"000"},resultData:{}},ue(SubmissionStatus.SUBMITTED),_e(e),[2,e];ue(SubmissionStatus.SUBMITTING),g.label=1;case 1:return g.trys.push([1,7,,8]),[4,Gt()];case 2:return a=g.sent(),n=r||determineSubmissionHost(i),o=determineSubmissionEndpoint(t,!!(ke||Oe||je),!!Ne),[4,fetch(n+o,{method:"POST",headers:apiHeaders(le,X),body:JSON.stringify(a)}).catch((function(e){throw new NetworkError(e.message)}))];case 3:return(c=g.sent())&&c.ok?[3,5]:[4,null==c?void 0:c.text()];case 4:if(!(l=g.sent())||"Load failed"===l)throw new NetworkError(l);throw new SubmissionError({statusCode:null!==(m=null==c?void 0:c.statusText)&&void 0!==m?m:"???",statusMessage:l});case 5:return[4,c.json()];case 6:if("000"!==(s=g.sent()).status.statusCode)throw new SubmissionError(s.status);return fe(a),_e(s),ue(SubmissionStatus.SUBMITTED),null===(p=Bt.current)||void 0===p||p.call(Bt,s,a),[2,s];case 7:throw d=g.sent(),u=d,ue(SubmissionStatus.FAILED),Ce(d instanceof SubmissionError||d instanceof NetworkError?d:"Load failed"===u.message?new NetworkError:new SubmissionError({statusCode:"",statusMessage:u.message})),xe((function(){return["VERIFY","IDENTIFY"].includes(t)?function(){return null}:Wt})),null===(f=Nt.current)||void 0===f||f.call(Nt,u),u;case 8:return[2]}}))}))}),[t,Gt,r,i,ke,Oe,je,Ne,le,X]),qt=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return Lt.current?(t=(e=Lt).current,[4,Gt()]):[3,2];case 1:return[2,t.apply(e,[a.sent()])];case 2:return[4,Wt()];case 3:return[2,a.sent()]}}))}))}),[Gt,Wt]),zt=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,a,n,r,o;return __generator(this,(function(i){switch(i.label){case 0:return n={securityData:{userName:"",password:"",merchantId:0}},r={},o={},[4,dataUrlToBase64(e)];case 1:return n.customerData=(r.biometricData=(o.selfie=i.sent(),o),r),n.additionalData={uniqueRequestId:(new Date).getTime().toString(),stripSpecialCharacters:A?"Y":"N",estimateAge:"N",predictGender:"N"},t=n,ce&&(t.additionalData.clientRequestID=ce),T&&(t.customerData.idData={idImageFront:T},t.customerData.additionalData={uniqueRequestId:t.additionalData.uniqueRequestId}),attachMetadataToRequest(t,{selfieCaptureAttempts:kt,idFrontCaptureAttempts:Rt,idBackCaptureAttempts:Et,geolocationResult:pt}),Ft.current?[4,Ft.current(t)]:[3,3];case 2:(a=i.sent())&&(t=a),i.label=3;case 3:return we(t),[2,t]}}))}))}),[ce,pt,Et,T,Rt,kt,A]),Ht=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,a,n,o,c,l,s,d,u;return __generator(this,(function(m){switch(m.label){case 0:return m.trys.push([0,6,,7]),[4,zt(e)];case 1:return t=m.sent(),a=r||determineSubmissionHost(i),n=liveCheckEndpoint(!!T),[4,fetch(a+n,{method:"POST",headers:apiHeaders(le,X),body:JSON.stringify(t)}).catch((function(e){throw new NetworkError(e.message)}))];case 2:return(o=m.sent()).ok?[3,4]:[4,o.text()];case 3:if(!(c=m.sent())||"Load failed"===c)throw new NetworkError(c);throw new SubmissionError({statusCode:o.statusText,statusMessage:c});case 4:return[4,o.json()];case 5:if("000"!==(l=m.sent()).status.statusCode)throw new SubmissionError(l.status);return _e(l),[2,l];case 6:throw s=m.sent(),d=s,ue(SubmissionStatus.FAILED),Ce(s instanceof SubmissionError||s instanceof NetworkError?s:"Load failed"===d.message?new NetworkError:new SubmissionError({statusCode:"",statusMessage:d.message})),xe((function(){return function(){return null}})),null===(u=Nt.current)||void 0===u||u.call(Nt,d),d;case 7:return[2]}}))}))}),[zt,r,i,T,le,X]),Yt=React.useCallback((function(){_t((function(e){return e+1}))}),[]);React.useEffect((function(){M&&(log("making geolocation attempt",vt),navigator.geolocation.getCurrentPosition((function(e){ft(e),Ct(!1)}),(function(e){if(1!==e.code)throw new Error(e.message);Ct(!0)})))}),[vt,M,j]);var Kt=React.useCallback((function(){Re&&(Ce(null),ue(SubmissionStatus.READY),Re())}),[Re]);return React__namespace.default.createElement(SubmissionContext.Provider,{value:{submit:qt,submissionStatus:de,submissionRequest:pe,submissionResponse:ve,submissionError:be,submissionEnvironment:i,idFrontImage:ke,idBackImage:Oe,passportImage:je,selfieImage:Ne,signatureData:Pe,signatureVideoUrl:Ge,idCaptureVideoUrl:ze,idCaptureVideoIdFrontImage:Ke,idCaptureVideoIdBackImage:Je,idCaptureVideoAudioUrl:tt,idCaptureVideoAudioStartsAt:rt,additionalDocuments:dt,setIdFrontImage:Ie,setIdBackImage:Me,setPassportImage:Fe,setSelfieImage:$e,setSignatureData:Ue,setSignatureVideoUrl:We,setIdCaptureVideoUrl:He,setIdCaptureVideoIdFrontImage:Ze,setIdCaptureVideoIdBackImage:Qe,setIdCaptureVideoAudioUrl:at,setIdCaptureVideoAudioStartsAt:ot,setExpectedAudioText:lt,setAdditionalDocuments:ut,uploadDocument:Vt,logIdFrontCaptureAttempt:Tt,logIdBackCaptureAttempt:Ot,logSelfieCaptureAttempt:Mt,livenessCheckRequest:Ee,checkLiveness:Ht,retryLocationAccess:Yt}},j&&bt?React__namespace.default.createElement(GeolocationAccessDeniedOverlay,null):a,be&&React__namespace.default.createElement(SubmissionErrorOverlay,{error:be,onRetry:Kt}))};function createUpload(e,t){return new(void 0!==window.tus?window.tus.Upload:tusJsClient.Upload)(e,t)}function convertBase64ToBlob(e){for(var t=e.split(";base64,"),a=t[0].split(":")[1],n=window.atob(t[1]),r=new Uint8Array(n.length),o=0;o<n.length;++o)r[o]=n.charCodeAt(o);return new Blob([r],{type:a})}function calculateMd5(e){return new Promise((function(t,a){var n=new FileReader;n.readAsArrayBuffer(e),n.onloadend=function(){if(!n.result)return a(new Error("Failed to read file"));t(SparkMD5__default.default.ArrayBuffer.hash(n.result))}}))}var visionTasksBasePath="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.7/wasm",visionRuntimePreloading=!1;function preloadVisionRuntime(){return __awaiter(this,void 0,void 0,(function(){function e(e){e.detail.url===t&&(progressByUseCase.visionRuntime=sumUpProgressForDependencies([t]),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.visionRuntime",{detail:progressByUseCase.visionRuntime})))}var t;return __generator(this,(function(a){switch(a.label){case 0:if(visionRuntimePreloading)return[2,new Promise((function(e){setInterval((function(){visionRuntimePreloading||e()}),100)}))];visionRuntimePreloading=!0,t="".concat(visionTasksBasePath,"/vision_wasm_internal.wasm"),document.addEventListener("idmission.preloadProgress",e),a.label=1;case 1:return a.trys.push([1,,3,4]),[4,preloadDependency(t)];case 2:return a.sent(),[3,4];case 3:return document.removeEventListener("idmission.preloadProgress",e),visionRuntimePreloading=!1,[7];case 4:return[2]}}))}))}function getFrameDimensions(e){var t=e.width,a=e.height;return e instanceof HTMLImageElement&&(t=e.naturalWidth,a=e.naturalHeight),e instanceof HTMLVideoElement&&(t=e.videoWidth,a=e.videoHeight),[t,a]}var templateObject_1$G,InvisibleCanvas=styled__default.default.canvas(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"])));function drawToCanvas(e,t,a,n){if(e){var r=e.getContext("2d");if(r){if(!a||!n){var o=getFrameDimensions(t);a||(a=o[0]),n||(n=o[1])}e.width=a,e.height=n,r.drawImage(t,0,0,a,n)}}}function clearCanvas(e){var t;null===(t=null==e?void 0:e.getContext("2d"))||void 0===t||t.clearRect(0,0,null==e?void 0:e.width,null==e?void 0:e.height)}function cropToShoulders(e,t,a,n,r,o,i){if(void 0===o&&(o=.92),!e||!t||!a)return"";var c=e.getContext("2d"),l=t.getContext("2d"),s=a.getContext("2d");if(!c||!l||!s)throw new Error("could not get 2d context");if(e.width=n.width,e.height=n.height,c.putImageData(n,0,0),n.height>n.width)t.width=n.width,t.height=n.height,l.drawImage(e,0,0,t.width,t.height);else{var d=r.box,u=.6*n.height,m=Math.max(0,d.xMin+d.width/2-u/2);t.width=u,t.height=n.height,l.drawImage(e,m,0,t.width,t.height,0,0,t.width,t.height)}a.height=null!=i?i:t.height,a.width=t.width*(a.height/t.height),null==s||s.drawImage(t,0,0,a.width,a.height);var p=a.toDataURL("image/jpeg",o);return log("cropToShoulders size",(new TextEncoder).encode(p).length),clearCanvas(e),clearCanvas(t),clearCanvas(a),p}function cropToDetectedObjectBox(e,t,a){a||(a=document.createElement("canvas"));var n=a.getContext("2d");if(!n)throw new Error("could not get 2d context");var r=t.xMin,o=t.yMin,i=t.width,c=t.height;return a.width=i,a.height=c,n.drawImage(e,r,o,i,c,0,0,i,c),a}var defaultImageSegmenterModelPath="https://websdk-cdn-dev.idmission.com/assets/models/selfiesegmenter20240524/selfie_segmenter.tflite",imageSegmenterModelSizeInBytes=256440.32,tinyModelCacheKey=(new Date).getTime(),initialModelCapabilities={probeState:"notProbed",delegate:"GPU",networkTier:"untested",networkSpeed:0,networkTestTime:0},modelCapabilities=_assign({},initialModelCapabilities);function probeModelCapabilities(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return"probed"===modelCapabilities.probeState?[2]:"probing"===modelCapabilities.probeState?[2,new Promise((function(e){setInterval((function(){"probed"===modelCapabilities.probeState&&e()}),100)}))]:(modelCapabilities.probeState="probing",[4,preloadVisionRuntime()]);case 1:e.sent(),e.label=2;case 2:return e.trys.push([2,4,9,10]),log("Model Probing: testing GPU capabilities..."),[4,loadTinyModel("GPU")];case 3:return e.sent(),log("Model Probing: GPU is capable."),[3,10];case 4:warn("Model Probing: GPU delegate could not be loaded",e.sent()),modelCapabilities.delegate="CPU",e.label=5;case 5:return e.trys.push([5,7,,8]),log("Model Probing: testing CPU capabilities..."),[4,loadTinyModel("CPU")];case 6:return e.sent(),log("Model Probing: CPU is capable."),[3,8];case 7:return warn("Model Probing: CPU delegate could not be loaded",e.sent()),modelCapabilities.delegate="NONE",[3,8];case 8:return[3,10];case 9:return modelCapabilities.probeState="probed",[7];case 10:return[2]}}))}))}function loadTinyModel(){return __awaiter(this,arguments,void 0,(function(e,t){var a,n,r,o,i,c,l;return void 0===e&&(e="GPU"),void 0===t&&(t=1e4),__generator(this,(function(s){switch(s.label){case 0:a="".concat(defaultImageSegmenterModelPath,"?_=").concat(tinyModelCacheKey),n=new Date,s.label=1;case 1:return s.trys.push([1,3,,4]),[4,Promise.race([preloadDependency(a),giveUpAfter(t)])];case 2:return s.sent(),[3,4];case 3:return error("speed test failed",s.sent()),modelCapabilities.networkTier="unusable",[2];case 4:return r=((new Date).getTime()-n.getTime())/1e3,modelCapabilities.networkTestTime||(modelCapabilities.networkTestTime=r),modelCapabilities.networkSpeed||(modelCapabilities.networkSpeed=imageSegmenterModelSizeInBytes/r),modelCapabilities.networkTier=r<.5?"fast":r<2?"medium":"slow",log("Model Probing: network speed",(modelCapabilities.networkSpeed/1024/1024).toFixed(3),"Mbps"),log("Model Probing: network test took",r),log("Model Probing: network tier",modelCapabilities.networkTier),c=(i=tasksVision.ImageSegmenter).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 5:return[4,c.apply(i,[s.sent(),{baseOptions:{modelAssetPath:a,delegate:e}}])];case 6:return o=s.sent(),l=document.createElement("canvas"),o.segment(l),l.remove(),[2]}}))}))}function giveUpAfter(e){return new Promise((function(t,a){setTimeout((function(){a(new Error("gave up after reaching maximum time allowed"))}),e)}))}function convertBoundingBox(e){var t,a,n,r,o,i,c,l;return{xMin:null!==(t=null==e?void 0:e.originX)&&void 0!==t?t:0,xMax:(null!==(a=null==e?void 0:e.originX)&&void 0!==a?a:0)+(null!==(n=null==e?void 0:e.width)&&void 0!==n?n:0),yMin:null!==(r=null==e?void 0:e.originY)&&void 0!==r?r:0,yMax:(null!==(o=null==e?void 0:e.originY)&&void 0!==o?o:0)+(null!==(i=null==e?void 0:e.height)&&void 0!==i?i:0),width:null!==(c=null==e?void 0:e.width)&&void 0!==c?c:0,height:null!==(l=null==e?void 0:e.height)&&void 0!==l?l:0}}function waitForVideoReady(e,t){return void 0===t&&(t=100),new Promise((function(a){var n,r,o;if((null!==(r=null===(n=e.current)||void 0===n?void 0:n.readyState)&&void 0!==r?r:0)>=2)return a();null===(o=e.current)||void 0===o||o.load();var i=setInterval((function(){var t,n;(null!==(n=null===(t=e.current)||void 0===t?void 0:t.readyState)&&void 0!==n?n:0)>=2&&(clearInterval(i),a())}),t)}))}function calculateIoU(e,t){var a=Math.max(e.xMin,t.xMin),n=Math.max(e.yMin,t.yMin),r=Math.min(e.xMax,t.xMax),o=Math.min(e.yMax,t.yMax),i=Math.max(0,r-a)*Math.max(0,o-n),c=(e.xMax-e.xMin)*(e.yMax-e.yMin)+(t.xMax-t.xMin)*(t.yMax-t.yMin)-i;return 0===c?0:i/c}function average(e){var t=e.length;if(0===t)return 0;for(var a=0,n=0;n<t;n++)a+=e[n];return a/t}var DEFAULT_CDN_URL="https://websdk-cdn-dev.idmission.com/assets",defaultDocumentDetectorModelPath="".concat(DEFAULT_CDN_URL,"/models/DocumentDetector/DocumentDetector-20241018_093000.tflite"),defaultFocusModelPath="".concat(DEFAULT_CDN_URL,"/models/Focus/Focus-20241008_102708.tflite"),defaultFaceDetectorModelPath="".concat(DEFAULT_CDN_URL,"/models/blazeface20240207/blaze_face_short_range.tflite"),defaultFocusModelLoadTimeoutMs=45e3,defaultFocusThresholds={idCardFront:{desktop:0,mobile:.3},idCardBack:{desktop:0,mobile:.3},passport:{desktop:0,mobile:.3}},classifier=null,classifierSettings=null;function loadFocusModel(){return __awaiter(this,arguments,void 0,(function(e){var t,a;return void 0===e&&(e=defaultFocusModelPath),__generator(this,(function(n){switch(n.label){case 0:return classifier&&(null==classifierSettings?void 0:classifierSettings.modelAssetPath)===e?[2,classifier]:(closeFocusModel(),[4,preloadFocusModelDependencies()]);case 1:if(n.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for focus detector.");return a=(t=tasksVision.ImageClassifier).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 2:return[4,a.apply(t,[n.sent(),{baseOptions:{modelAssetPath:e,delegate:modelCapabilities.delegate},runningMode:"VIDEO"}])];case 3:return classifier=n.sent(),classifierSettings={modelAssetPath:e},[2,classifier]}}))}))}function closeFocusModel(){null==classifier||classifier.close(),classifier=null,classifierSettings=null}function useLoadFocusModel(e){var t=e.modelPath,a=void 0===t?defaultFocusModelPath:t,n=e.modelLoadTimeoutMs,r=void 0===n?defaultFocusModelLoadTimeoutMs:n,o=e.onModelError,i=e.videoRef,c=React.useState(!1),l=c[0],s=c[1],d=React.useState(0),u=d[0],m=d[1],p=React.useState(null),f=p[0],g=p[1];return React.useEffect((function(){var e=this;function t(e){m(progressToPercentage(e.detail))}s(!1),document.addEventListener("idmission.preloadProgress.focus",t);var n=setTimeout((function(){g(new Error("Model loading time limit exceeded."))}),r);return loadFocusModel(a).then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return m(100),clearTimeout(n),[4,waitForVideoReady(i)];case 1:return e.sent(),setTimeout((function(){t.classifyForVideo(i.current,performance.now()),s(!0)}),500),[2]}}))}))})).catch((function(e){g(e)})).finally((function(){clearTimeout(n)})),function(){log("unloading focus model"),closeFocusModel(),clearTimeout(n),document.removeEventListener("idmission.preloadProgress.focus",t)}}),[a,r,i]),React.useEffect((function(){f&&(null==o||o(f))}),[f,o]),{ready:l,modelDownloadProgress:u,modelError:f}}var lastFocusPredictionAt=0,lastFocusPredictionTime=0;function setLastFocusPredictionAt(e){lastFocusPredictionTime=e-lastFocusPredictionAt,lastFocusPredictionAt=e}function makeFocusModelPrediction(e,t,a,n){var r,o,i,c,l;if(!classifier)return null;var s=new Date,d=cropIfNecessary(e,t,a,n),u=classifier.classifyForVideo(d,performance.now());return{score:null!==(l=null===(c=null===(i=null===(o=null===(r=null==u?void 0:u.classifications)||void 0===r?void 0:r[0])||void 0===o?void 0:o.categories)||void 0===i?void 0:i.find((function(e){return"focused"===e.categoryName})))||void 0===c?void 0:c.score)&&void 0!==l?l:0,predictionTime:(new Date).getTime()-s.getTime()}}function cropIfNecessary(e,t,a,n){if(!n)return e;var r=cropToDetectedObjectBox(e,n,t),o=[n.width,n.height],i=o[0],c=o[1];if(c<=i)return r;var l=a.getContext("2d");return l?(a.width=c,a.height=i,l.clearRect(0,0,a.width,a.height),l.translate(a.width/2,a.height/2),l.rotate(1.5708),l.drawImage(r,-i/2,-c/2),a):r}var defaultSelfieCaptureModelLoadTimeoutMs=45e3,detector$1=null,detectorSettings$1=null;function loadFaceDetector(){return __awaiter(this,arguments,void 0,(function(e){var t,a;return void 0===e&&(e=defaultFaceDetectorModelPath),__generator(this,(function(n){switch(n.label){case 0:return detector$1&&(null==detectorSettings$1?void 0:detectorSettings$1.modelAssetPath)===e?[2,detector$1]:(closeFaceDetector(),[4,preloadFaceDetectorDependencies()]);case 1:if(n.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for face detector.");return a=(t=tasksVision.FaceDetector).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 2:return[4,a.apply(t,[n.sent(),{baseOptions:{modelAssetPath:e,delegate:modelCapabilities.delegate},runningMode:"VIDEO"}])];case 3:return detector$1=n.sent(),detectorSettings$1={modelAssetPath:e},[2,detector$1]}}))}))}function closeFaceDetector(){null==detector$1||detector$1.close(),detector$1=null,detectorSettings$1=null}function useLoadFaceDetector(e){var t=e.onModelError,a=e.modelLoadTimeoutMs,n=void 0===a?defaultSelfieCaptureModelLoadTimeoutMs:a,r=e.videoRef,o=React.useState(!1),i=o[0],c=o[1],l=React.useState(0),s=l[0],d=l[1],u=React.useState(null),m=u[0],p=u[1];return React.useEffect((function(){var e=this;c(!1);var t=setTimeout((function(){p(new Error("Model loading time limit exceeded."))}),n);function a(e){d(progressToPercentage(e.detail))}return document.addEventListener("idmission.preloadProgress.faceDetection",a),loadFaceDetector().then((function(a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return d(100),clearTimeout(t),[4,waitForVideoReady(r)];case 1:return e.sent(),a.detectForVideo(r.current,performance.now()),c(!0),[2]}}))}))})).catch((function(e){p(e)})).finally((function(){clearTimeout(t)})),function(){log("unloading face detection model"),closeFaceDetector(),clearTimeout(t),document.removeEventListener("idmission.preloadProgress.faceDetection",a)}}),[n,r]),React.useEffect((function(){m&&(null==t||t(m))}),[m,t]),{ready:i,modelDownloadProgress:s,modelError:m}}var lastFaceDetectionAt=0,lastFaceDetectionTime=0;function setLastFaceDetectionAt(e){lastFaceDetectionTime=e-lastFaceDetectionAt,lastFaceDetectionAt=e}var framesNeededSamples$1=[];function trackFramesNeeded$1(e,t){void 0===t&&(t=25),framesNeededSamples$1.unshift(e),framesNeededSamples$1.length>t&&(framesNeededSamples$1.length=t)}var lastNFaces=[],lastNPairs$1=[];function trackFace(e,t){if(void 0===t&&(t=12),lastNFaces.unshift(e),lastNFaces.length>t&&(lastNFaces.length=t),lastNFaces.length>1){var a=lastNFaces[1],n=calculateIoU(e.box,a.box);lastNPairs$1.unshift({a:e,b:a,iou:n}),lastNPairs$1.length>t-1&&(lastNPairs$1.length=t-1)}}function makeFaceDetectorPrediction(e){if(!detector$1)return null;var t=detector$1.detectForVideo(e,performance.now()),a=t.detections.map((function(t){return{box:convertBoundingBox(t.boundingBox),keypoints:t.keypoints.map((function(t){var a;return _assign(_assign({},t),{x:t.x*e.width,y:t.y*e.height,name:null!==(a=t.label)&&void 0!==a?a:""})}))}}));return _assign(_assign({},t),{faces:a})}function processFaceDetectorPrediction(e){var t=e.faces,a=e.videoWidth,n=e.videoHeight,r=e.requireVerticalFaceCentering,o=void 0===r||r,i=e.stabilityThreshold,c=void 0===i?.75:i,l=t[0],s=0===t.length,d=o,u=!1,m=!1,p=!1;if(l){var f=a/2,g=n/2,v=(l.box.xMin+l.box.xMax)/2,_=(l.box.yMin+l.box.yMax)/2,h=.125*a,b=.125*n,C=.2*l.box.width,y=.2*l.box.height,R=l.keypoints[2];if(R){u=Math.abs(v-R.x)>C||Math.abs(_-R.y)>y;var x=Math.abs(f-v)>h,D=Math.abs(g+50-_)>b;d=x||o&&D}m=l.box.width>a/1.5,p=l.box.width<a/(a<n?6:7)}var E=!(s||d||u||m||p);lastFaceDetectionTime>0&&trackFramesNeeded$1(500/lastFaceDetectionTime);var w=!1;if(E){var S=Math.ceil(average(framesNeededSamples$1));trackFace(l,S),w=lastNFaces.length>=S&&!lastNPairs$1.some((function(e){return e.iou<c}))}var k=E&&w;return{face:l,faceNotDetected:s,faceNotCentered:d,faceLookingAway:u,faceTooClose:m,faceTooFar:p,faceReady:k,faceReadyAt:k?new Date:null,faceIsStable:w}}var preloadModels=function(e){return __awaiter(void 0,[e],void 0,(function(e){var t,a=e.documentDetectionModel,n=void 0===a||a,r=e.focusModel,o=void 0===r||r,i=e.faceDetectionModel,c=void 0===i||i;return __generator(this,(function(e){switch(e.label){case 0:return[4,probeModelCapabilities()];case 1:return e.sent(),t=[],n&&t.push(preloadDocumentDetectorDependencies),o&&t.push(preloadFocusModelDependencies),c&&t.push(preloadFaceDetectorDependencies),[4,Promise.all(t)];case 2:return e.sent(),[2]}}))}))},progressByUrl={},progressByUseCase={visionRuntime:{loaded:0,total:0},documentDetection:{loaded:0,total:0},focus:{loaded:0,total:0},faceDetection:{loaded:0,total:0}};function preloadDependency(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,new Promise((function(t,a){var n=new XMLHttpRequest;n.addEventListener("progress",(function(t){t.lengthComputable&&(progressByUrl[e]=t,document.dispatchEvent(new CustomEvent("idmission.preloadProgress",{detail:{url:e,loaded:t.loaded,total:t.total}})))})),n.addEventListener("loadend",(function(){t(4===n.readyState&&200===n.status)})),n.addEventListener("error",a),n.open("GET",e,!0),n.send()}))]}))}))}var documentDetectorPreloading=!1,focusModelPreloading=!1,faceDetectorPreloading=!1;function preloadDocumentDetectorDependencies(){return __awaiter(this,void 0,void 0,(function(){function e(e){t.includes(e.detail.url)&&(progressByUseCase.documentDetection=sumUpProgressForDependencies(t),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.documentDetection",{detail:progressByUseCase.documentDetection})))}var t;return __generator(this,(function(a){switch(a.label){case 0:return documentDetectorPreloading?[2,new Promise((function(e){var t=setInterval((function(){documentDetectorPreloading||(clearInterval(t),e())}),100)}))]:(documentDetectorPreloading=!0,[4,probeModelCapabilities()]);case 1:if(a.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");t=[defaultDocumentDetectorModelPath],document.addEventListener("idmission.preloadProgress",e),a.label=2;case 2:return a.trys.push([2,,4,5]),[4,Promise.all(t.map(preloadDependency))];case 3:return a.sent(),[3,5];case 4:return document.removeEventListener("idmission.preloadProgress",e),documentDetectorPreloading=!1,[7];case 5:return[2]}}))}))}function preloadFocusModelDependencies(){return __awaiter(this,void 0,void 0,(function(){function e(e){t.includes(e.detail.url)&&(progressByUseCase.focus=sumUpProgressForDependencies(t),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.focus",{detail:progressByUseCase.focus})))}var t;return __generator(this,(function(a){switch(a.label){case 0:return focusModelPreloading?[2,new Promise((function(e){var t=setInterval((function(){focusModelPreloading||(clearInterval(t),e())}),100)}))]:(focusModelPreloading=!0,[4,probeModelCapabilities()]);case 1:if(a.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");t=[defaultFocusModelPath],document.addEventListener("idmission.preloadProgress",e),a.label=2;case 2:return a.trys.push([2,,4,5]),[4,Promise.all(t.map(preloadDependency))];case 3:return a.sent(),[3,5];case 4:return document.removeEventListener("idmission.preloadProgress",e),focusModelPreloading=!1,[7];case 5:return[2]}}))}))}function preloadFaceDetectorDependencies(){return __awaiter(this,void 0,void 0,(function(){function e(e){t.includes(e.detail.url)&&(progressByUseCase.faceDetection=sumUpProgressForDependencies(t),document.dispatchEvent(new CustomEvent("idmission.preloadProgress.faceDetection",{detail:progressByUseCase.faceDetection})))}var t;return __generator(this,(function(a){switch(a.label){case 0:return faceDetectorPreloading?[2,new Promise((function(e){var t=setInterval((function(){faceDetectorPreloading||(clearInterval(t),e())}),100)}))]:(faceDetectorPreloading=!0,[4,probeModelCapabilities()]);case 1:if(a.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");t=[defaultFaceDetectorModelPath],document.addEventListener("idmission.preloadProgress",e),a.label=2;case 2:return a.trys.push([2,,4,5]),[4,Promise.all(t.map(preloadDependency))];case 3:return a.sent(),[3,5];case 4:return document.removeEventListener("idmission.preloadProgress",e),faceDetectorPreloading=!1,[7];case 5:return[2]}}))}))}function progressToPercentage(e){return e.total>0?Math.round(100*e.loaded/e.total):0}function sumUpProgressForDependencies(e){return e.reduce((function(e,t){var a=progressByUrl[t];return a?(e.loaded+=a.loaded,e.total+=a.total,e):e}),{loaded:0,total:0})}var defaultDocumentDetectionScoreThreshold=.1,defaultDocumentDetectionModelLoadTimeoutMs=45e3,defaultDocumentDetectionThresholds={idCardFront:.6,idCardBack:.6,passport:.4,stability:{idCardFront:.85,idCardBack:.85,passport:.5}},documentTypeDisplayNames={idCardFront:"ID card front",idCardBack:"ID card back",passport:"Passport",none:"None"},detector=null,detectorSettings=null;function loadDocumentDetector(){return __awaiter(this,arguments,void 0,(function(e,t){var a,n;return void 0===e&&(e=defaultDocumentDetectorModelPath),void 0===t&&(t=defaultDocumentDetectionScoreThreshold),__generator(this,(function(r){switch(r.label){case 0:return detector&&(null==detectorSettings?void 0:detectorSettings.modelAssetPath)===e&&(null==detectorSettings?void 0:detectorSettings.scoreThreshold)===t?[2,detector]:(closeDocumentDetector(),[4,preloadDocumentDetectorDependencies()]);case 1:if(r.sent(),"NONE"===modelCapabilities.delegate)throw new Error("No available delegate for document detector.");return n=(a=tasksVision.ObjectDetector).createFromOptions,[4,tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];case 2:return[4,n.apply(a,[r.sent(),{baseOptions:{modelAssetPath:e,delegate:modelCapabilities.delegate},scoreThreshold:t,runningMode:"VIDEO"}])];case 3:return detector=r.sent(),detectorSettings={modelAssetPath:e,scoreThreshold:t},[2,detector]}}))}))}function closeDocumentDetector(){null==detector||detector.close(),detector=null,detectorSettings=null}function useLoadDocumentDetector(e){var t=e.modelPath,a=void 0===t?defaultDocumentDetectorModelPath:t,n=e.modelLoadTimeoutMs,r=void 0===n?defaultDocumentDetectionModelLoadTimeoutMs:n,o=e.scoreThreshold,i=void 0===o?defaultDocumentDetectionScoreThreshold:o,c=e.onModelError,l=e.videoRef,s=React.useState(!1),d=s[0],u=s[1],m=React.useState(0),p=m[0],f=m[1],g=React.useState(null),v=g[0],_=g[1];return React.useEffect((function(){var e=this;function t(e){f(progressToPercentage(e.detail))}u(!1),document.addEventListener("idmission.preloadProgress.documentDetection",t);var n=setTimeout((function(){_(new Error("Model loading time limit exceeded."))}),r);return loadDocumentDetector(a,i).then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return f(100),clearTimeout(n),[4,waitForVideoReady(l)];case 1:return e.sent(),setTimeout((function(){t.detectForVideo(l.current,performance.now()),u(!0)}),500),[2]}}))}))})).catch((function(e){_(e)})).finally((function(){clearTimeout(n)})),function(){log("unloading document detection model"),closeDocumentDetector(),clearTimeout(n),document.removeEventListener("idmission.preloadProgress.documentDetection",t)}}),[r,a,i,l]),React.useEffect((function(){v&&(null==c||c(v))}),[v,c]),{ready:d,modelDownloadProgress:p,modelError:v,setModelError:_}}function makeDocumentDetectorPrediction(e){return __awaiter(this,void 0,void 0,(function(){var t,a,n,r,o;return __generator(this,(function(i){if(!detector)return[2,null];t=new Date;try{return a=detector.detectForVideo(e,performance.now()),n=(new Date).getTime()-t.getTime(),r=e.width,o=e.height,[2,_assign(_assign({},a),{time:n,frameWidth:r,frameHeight:o})]}catch(e){error("caught object detection error",e)}return[2,null]}))}))}var lastDetectionAt=0,lastDetectionTime=0;function setLastDetectionAt(e){lastDetectionTime=e-lastDetectionAt,lastDetectionAt=e}var framesNeededSamples=[];function trackFramesNeeded(e,t){void 0===t&&(t=25),framesNeededSamples.unshift(e),framesNeededSamples.length>t&&(framesNeededSamples.length=t)}var lastNBoxes=[],lastNPairs=[];function trackBox(e,t){if(void 0===t&&(t=12),lastNBoxes.unshift(e),lastNBoxes.length>t&&(lastNBoxes.length=t),lastNBoxes.length>1){var a=lastNBoxes[1],n=calculateIoU(e,a);lastNPairs.unshift({a:e,b:a,iou:n}),lastNPairs.length>t-1&&(lastNPairs.length=t-1)}}var defaultDocumentDetectionBoundaries={top:20,bottom:20,left:20,right:20};function processDocumentDetectorPrediction(e,t,a){var n,r,o,i,c,l,s,d,u,m,p,f;void 0===a&&(a=defaultDocumentDetectionBoundaries);var g=e.detections,v=e.frameWidth,_=e.frameHeight,h=e.time,b=null!==(n=a.top)&&void 0!==n?n:20,C=null!==(r=a.left)&&void 0!==r?r:20,y=null!==(o=a.right)&&void 0!==o?o:20,R=null!==(i=a.bottom)&&void 0!==i?i:20,x=.8*v,D=applyNonMaxSuppression(g.flatMap((function(e){return e.categories.map((function(t){return{label:null==t?void 0:t.categoryName,score:null==t?void 0:t.score,box:convertBoundingBox(e.boundingBox)}}))})),(function(e){var t=e.box,a=t.xMin,n=t.yMin,r=t.width;return n>b&&n+t.height+R<_&&(a>C||a+r>x)&&a+r+y<v})),E=g.length>0&&!g.some((function(e){var t=e.boundingBox;return Object.values(null!=t?t:{}).some((function(e){return e>0}))})),w=D.find((function(e){return"Document"===e.label})),S=D.find((function(e){return"Document back"===e.label})),k=D.find((function(e){return"Passport page"===e.label})),I=null!==(c=null==w?void 0:w.score)&&void 0!==c?c:0,T=null!==(l=null==S?void 0:S.score)&&void 0!==l?l:0,O=null!==(s=null==k?void 0:k.score)&&void 0!==s?s:0,M=I>=(null!==(d=t.idCardFront)&&void 0!==d?d:0),L=T>=(null!==(u=t.idCardBack)&&void 0!==u?u:0),j=O>=(null!==(m=t.passport)&&void 0!==m?m:0),F=j?k:L?S:w,B=j?t.passport:L?t.idCardBack:t.idCardFront,N=null!==(p=null==F?void 0:F.score)&&void 0!==p?p:0,$=N>=(null!=B?B:0),A="none";j?A="passport":L?A="idCardBack":$&&(A="idCardFront");var P=!!F;lastDetectionTime>0&&trackFramesNeeded(1e3/lastDetectionTime);var U=!1,V=!1;if(F){var G=[F.box.width/v,F.box.height/_];if(V=G[0]>.85||G[1]>.85,$&&P&&!V){var W=(null!==(f=t.stability)&&void 0!==f?f:defaultDocumentDetectionThresholds.stability)[A],q=Math.ceil(average(framesNeededSamples));trackBox(F.box,q),U=lastNBoxes.length>=q&&!lastNPairs.some((function(e){return e.iou<W}))}}return{prediction:e,detectedObjects:D,detectionScore:N,detectionTime:h,detectionThresholdMet:$,detectedDocumentType:A,idCardFrontDetectionScore:I,idCardFrontDetectionThresholdMet:M,idCardBackDetectionScore:T,idCardBackDetectionThresholdMet:L,passportDetectionScore:O,passportDetectionThresholdMet:j,bestDocument:F,documentInBounds:P,documentTooClose:V,documentIsStable:U,frameWidth:v,frameHeight:_,allZero:E}}function applyNonMaxSuppression(e,t){var a={};return e.forEach((function(e,n){e&&(a[e.label]||(a[e.label]=[0,-1]),e.score>a[e.label][0]&&(null==t?void 0:t(e))&&(a[e.label]=[e.score,n]))})),Object.keys(a).map((function(t){return e[a[t][1]]})).filter((function(e){return!!e}))}function useFrameLoop(e,t){var a=t.throttleMs,n=void 0===a?0:a,r=t.autoStart,o=void 0!==r&&r,i=React.useState(!1),c=i[0],l=i[1],s=React.useRef(null),d=React.useRef(0),u=React.useRef(0);React.useEffect((function(){if(c){var t,a=d.current;return function r(){return __awaiter(this,void 0,void 0,(function(){var o,i,c,l,m,p;return __generator(this,(function(f){switch(f.label){case 0:return a!==d.current?[2]:(o=(new Date).getTime(),i=o-(null!==(p=null===(m=s.current)||void 0===m?void 0:m.getTime())&&void 0!==p?p:0),[4,e(u.current,i)]);case 1:return f.sent(),c=(new Date).getTime()-o,l=Math.max((null!=n?n:0)-c,0),t=setTimeout((function(){u.current=requestAnimationFrame(r)}),l),[2]}}))}))}().then(),function(){d.current+=1,u.current&&cancelAnimationFrame(u.current),t&&clearTimeout(t)}}}),[e,c,n]);var m=React.useCallback((function(){s.current=new Date,l(!0)}),[]),p=React.useCallback((function(){d.current+=1,l(!1),s.current=null}),[]);return React.useEffect((function(){return o&&m(),function(){p()}}),[o,m,p]),{start:m,stop:p}}function listAvailableCameras(e){return __awaiter(this,arguments,void 0,(function(e,t){var a,n;return void 0===t&&(t=!1),__generator(this,(function(r){switch(r.label){case 0:return[4,navigator.mediaDevices.getUserMedia({video:{facingMode:{exact:e}},audio:t})];case 1:return a=r.sent(),[4,navigator.mediaDevices.enumerateDevices()];case 2:return n=r.sent().filter((function(e){return"videoinput"===e.kind})),a.getVideoTracks().forEach((function(e){e.enabled=!1,e.stop()})),a=null,[2,n]}}))}))}var currentCamera,frontCameraLabels=["front","avant","anteriore","cameraaanvoorzijde","kamerapåframsidan","forsidekamera","kamerapåforsiden","aparatprzedni","etukamera","kameradepan","ÖnKamera","cameramặttrước","camerăfață","prednákamera","prednjakamera","előlapikamera","přednífotoaparát","μπροστινήκάμερα","переднякамера","передняякамера","преднакамера","алдыңғыкамера","מצלמה קדמית","الكاميرا الأمامية","फ़्रंटकैमरा","前置相机","前置鏡頭","前面カメラ","전면카메라","กล้องด้านหน้า"].map((function(e){return e.toLocaleLowerCase().split(" ").join("")})),rearCameraLabels=["back","rear","posterior","trasera","traseira","arrière","rückkamera","fotocamera(posteriore)","cameraaanachterzijde","kamerapåbaksidan","kamerapåbaksiden","bagsidekamera","aparattylny","takakamera","arkakamera","kamerabelakang","cameramặtsau","camerăspate","stražnjakamera","zadnákamera","hátoldalikamera","zadnífotoaparát","πίσωκάμερα","заднякамера","Задняякамера","заднакамера","артқыкамера","מצלמה אחורית","الكاميرا الخلفية","बैककैमरा","后置相机","後置鏡頭","背面カメラ","후면카메라","กล้องด้านหลัง"].map((function(e){return e.toLocaleLowerCase().split(" ").join("")})),backUltraWideCameraLabels=["backdualwidecamera","backultrawidecamera","ultraampliaposterior","ultra-angulartraseira","ultragrandeangulartraseira","ultragrandangle","ultragranangular","ultra-weitwinkelkamera","ultra-grandangolo","ultrabredecameraaanachterzijde","ultravidvinkelkamerapåbaksidan","ultravidvinkelkameraetpåbagsiden","ultravidvinkelkamerabak","ultragenişkameraarkayüzü","ultralaajakulmainentakakamera","tylnyaparatultraszerokokątny","cameracựcrộngmặtsau","camerăcuobiectivultra‑superangularspate","ultraszéleslátószögűkamera","kameraultralebarbelakang","stražnjaultraširokakamera","zadníultraširokoúhlýfotoaparát","ultraširokouhlá","πίσωυπερευρείακάμερα","заднянадширококутнакамера","Задняясверхширокоугольнаякамера","Задна свръх широкоъгълна камера","артқыультракеңбұрыштыкамера","מצלמה אולטרה רחבה אחורית","كاميرا خلفية عريضة جدًا","बैकअल्ट्रावाइडकैमरा","后置超广角相机","後置超廣角鏡頭相機","背面超広角カメラ","후면울트라와이드카메라","กล้องด้านหลังอัลตร้าไวด์"].map((function(e){return e.toLocaleLowerCase().split(" ").join("")})),cameraLabelMatches=function(e,t){var a=e instanceof MediaDeviceInfo?getDeviceLabel(e):e;return("string"==typeof t?[t]:t).some((function(e){return a.includes(e)}))},getDeviceLabel=function(e){return e.label.toLocaleLowerCase().split(" ").join("")};function obtainCameraAccess(e,t,a){releaseCameraAccess(),log("obtaining camera access...");var n=e.getVideoTracks()[0].getSettings(),r=n.width,o=n.height;log("camera dimensions",r,o);var i=t.toLocaleLowerCase().split(" ").join("");log("camera label",i);var c=cameraLabelMatches(i,__spreadArray(__spreadArray(__spreadArray([],rearCameraLabels,!0),backUltraWideCameraLabels,!0),["iphone"],!1));log("is rear facing?",c);return r||(r=0),o||(o=0),currentCamera={label:t,stream:e,width:r,height:o,isRearFacing:c,release:function(){e.getTracks().forEach((function(e){e.enabled=!1,e.stop()})),a&&(a.pause(),a.srcObject=null,a.src="")}},log("camera access granted"),a&&(a.srcObject=e),log("video source initialized"),currentCamera}function releaseCameraAccess(){currentCamera&&(log("releasing camera access..."),currentCamera.release(),currentCamera=void 0)}var initialState$5={videoRef:{current:null},videoLoaded:!1,videoStream:null,videoDevice:null,isRearFacing:!1,camera:null,cameraReady:!1,cameraAccessDenied:!1,iphoneContinuityCameraAvailable:!1,iphoneContinuityCameraDenied:!1,preferIphoneContinuityCamera:!0,audioStream:null,microphoneReady:!1,microphoneAccessDenied:!1},createCameraStore=function(e){var t=zustand.createStore((function(t,a){return _assign(_assign(_assign({},initialState$5),e),{reset:function(){return t(_assign(_assign({},initialState$5),e))},setConfig:function(e){return t(e)},onVideoMounted:function(){return t({videoLoaded:!0})},setIphoneContinuityCameraAllowed:function(e){return t({preferIphoneContinuityCamera:e})},requestCameraAccess:function(){return __awaiter(this,void 0,void 0,(function(){var n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C,y,R;return __generator(this,(function(x){switch(x.label){case 0:n=a(),r=n.videoRef,i=n.preferFrontFacingCamera,c=n.preferIphoneContinuityCamera,l=n.iphoneContinuityCameraDenied,(o=n.releaseCameraAccess)(),x.label=1;case 1:return x.trys.push([1,11,,12]),[4,listAvailableCameras()];case 2:s=x.sent(),d=void 0,debug("availableCameras",s),debug("platformDetails",u=getPlatform()),l||(null==u?void 0:u.os)&&"OS X"!==u.os.family?("Android"===(null===(C=null==u?void 0:u.os)||void 0===C?void 0:C.family)||s.every((function(e){return e.label.startsWith("camera2 ")})))&&debug("cameras have been sorted",s=s.sort((function(e,t){return e.label.toLowerCase().localeCompare(t.label.toLowerCase())}))):(m=s.find((function(e){return cameraLabelMatches(e,"iphone")})),t({iphoneContinuityCameraAvailable:!!m}),m&&c&&(d=m)),i&&(d=s.find((function(e){return cameraLabelMatches(e,frontCameraLabels)}))),d||(d=s.find((function(e){return cameraLabelMatches(e,"backtriplecamera")}))),d||(d=s.find((function(e){return cameraLabelMatches(e,"backdualcamera")}))),d||(d=s.find((function(e){return cameraLabelMatches(e,rearCameraLabels)&&!cameraLabelMatches(e,backUltraWideCameraLabels)}))),d||(d=s.find((function(e){return cameraLabelMatches(e,rearCameraLabels)}))),!i&&"iOS"===(null===(y=null==u?void 0:u.os)||void 0===y?void 0:y.family)&&s.length>0&&(d||(d=s[1])),d||(d=s[0]),debug("selectedCamera",d),t({videoDevice:d}),p={audio:!1,video:{deviceId:{exact:d.deviceId},width:{ideal:e.maxVideoWidth},aspectRatio:1.777777778,frameRate:{}}},e.maxFps&&(p.video.frameRate={max:e.maxFps}),f=null,x.label=3;case 3:return x.trys.push([3,5,,6]),debug("obtaining camera access with constraints",p),[4,navigator.mediaDevices.getUserMedia(p)];case 4:return f=x.sent(),[3,6];case 5:return"NotAllowedError"===x.sent().name?(t(c?{iphoneContinuityCameraAvailable:!1,iphoneContinuityCameraDenied:!0}:{cameraAccessDenied:!0}),[2]):[3,6];case 6:if(f)return[3,10];x.label=7;case 7:return x.trys.push([7,9,,10]),[4,navigator.mediaDevices.getUserMedia({audio:!1,video:!0})];case 8:return f=x.sent(),debug("opened stream with no width and height constraints"),[3,10];case 9:return x.sent(),debug("cannot open stream at all"),[3,10];case 10:if(!f)throw error("failed to open camera"),new Error("failed to open camera");return debug("camera access granted with constraints",p),g=a().iphoneContinuityCameraAvailable,v=function(){g&&c?(debug("someone unplugged the continuity camera"),o(),t({videoStream:null,videoDevice:null,iphoneContinuityCameraAvailable:!1,iphoneContinuityCameraDenied:!0})):(debug("someone unplugged the webcam"),o(),t({videoStream:null,videoDevice:null,videoLoaded:!1,cameraAccessDenied:!0}))},null===(R=r.current)||void 0===R||R.addEventListener("ended",v),(_=f.getVideoTracks()[0]).onended=v,setTimeout((function(){_.onmute=function(){return t({cameraAccessDenied:!0})}}),500),h=obtainCameraAccess(f,d.label,r.current),t({camera:h,cameraReady:!0,cameraAccessDenied:!1,isRearFacing:h.isRearFacing,videoStream:f}),[3,12];case 11:if("NotAllowedError"!==(b=x.sent()).name)throw error("camera access encountered some other error",b),b;return error("camera access has been blocked by the user",b),t({cameraAccessDenied:!0}),[3,12];case 12:return[2]}}))}))},releaseCameraAccess:function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){return(e=a().camera)?(e.release(),t({camera:null,cameraReady:!1,cameraAccessDenied:!1}),[2]):[2]}))}))},requestMicrophoneAccess:function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:a().releaseMicrophoneAccess(),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,navigator.mediaDevices.getUserMedia({audio:!0,video:!1})];case 2:return e=n.sent(),t({audioStream:e,microphoneReady:!0}),e.getAudioTracks().forEach((function(e){e.onended=function(){t({microphoneAccessDenied:!0})}})),[3,4];case 3:return n.sent(),t({microphoneAccessDenied:!0}),[3,4];case 4:return[2]}}))}))},releaseMicrophoneAccess:function(){var e,n=a().audioStream;null===(e=null==n?void 0:n.stop)||void 0===e||e.call(n),null==n||n.getAudioTracks().forEach((function(e){var t;null===(t=e.stop)||void 0===t||t.call(e)})),t({audioStream:null,microphoneReady:!1,microphoneAccessDenied:!1})}})}));return e.requestAccessAutomatically&&t.getState().requestCameraAccess(),e.requireMicrophoneAccess&&t.getState().requestMicrophoneAccess(),_assign(_assign({},t),{destroy:function(){t.getState().releaseCameraAccess(),t.getState().releaseMicrophoneAccess()}})},CameraStoreContext=React.createContext(void 0);function CameraStoreProvider(e){var t=e.children,a=e.requestAccessAutomatically,n=void 0===a||a,r=e.preferIphoneContinuityCamera,o=void 0===r||r,i=e.preferFrontFacingCamera,c=void 0!==i&&i,l=e.maxVideoWidth,s=void 0===l?1920:l,d=e.maxFps,u=e.onCameraAccessDenied,m=e.onMicrophoneAccessDenied,p=e.requireMicrophoneAccess,f=void 0!==p&&p,g=React.useRef(null),v=React.useRef();return v.current||(v.current=createCameraStore({videoRef:g,requestAccessAutomatically:n,preferIphoneContinuityCamera:o,preferFrontFacingCamera:c,maxVideoWidth:s,maxFps:d,onCameraAccessDenied:u,onMicrophoneAccessDenied:m,requireMicrophoneAccess:f})),React.useEffect((function(){var e,t,a,n=null===(e=v.current)||void 0===e?void 0:e.getState();n&&(o===(null==n?void 0:n.preferIphoneContinuityCamera)&&c===(null==n?void 0:n.preferFrontFacingCamera)||(null===(t=v.current)||void 0===t||t.setState({preferIphoneContinuityCamera:o,preferFrontFacingCamera:c}),null===(a=v.current)||void 0===a||a.getState().requestCameraAccess()))}),[c,o]),React.useEffect((function(){return function(){var e;return null===(e=v.current)||void 0===e?void 0:e.destroy()}}),[]),React__namespace.default.createElement(CameraStoreContext.Provider,{value:v.current},t)}function useCameraStore(e){var t=React.useContext(CameraStoreContext);if(!t)throw new Error("useCameraStore cannot be used without Provider");return zustand.useStore(t,e)}var DocumentDetectionModelContext=React.createContext({startDocumentDetection:function(){return null},stopDocumentDetection:function(){return null},documentDetectionModelReady:!1,documentDetectionModelDownloadProgress:0,documentDetectionModelError:null,onDocumentDetected:function(){return null},detectionTime:0,documentDetectionThresholds:{},setDocumentDetectionThresholds:function(){return null},documentDetectionBoundaries:defaultDocumentDetectionBoundaries,setDocumentDetectionBoundaries:function(){return null},documentDetectionLastPredictionCanvas:{current:null},clearDocumentDetectionLastPredictionCanvas:function(){return null}});function DocumentDetectionModelProvider(e){var t=this,a=e.autoStart,n=void 0===a||a,r=e.children,o=e.throttleMs,i=void 0===o?16:o,c=e.delayAfterStartMs,l=void 0===c?0:c,s=e.documentDetectionModelPath,d=void 0===s?defaultDocumentDetectorModelPath:s,u=e.documentDetectionModelScoreThreshold,m=void 0===u?defaultDocumentDetectionScoreThreshold:u,p=e.documentDetectionModelLoadTimeoutMs,f=void 0===p?defaultDocumentDetectionModelLoadTimeoutMs:p,g=e.onDocumentDetectionModelError,v=useCameraStore(),_=v.videoRef,h=v.videoLoaded,b=v.cameraReady,C=React.useRef(null),y=React.useRef(),R=React.useState({}),x=R[0],D=R[1],E=React.useState(defaultDocumentDetectionBoundaries),w=E[0],S=E[1],k=React.useState(0),I=k[0],T=k[1],O=React.useState(0),M=O[0],L=O[1],j=React.useRef(0),F=useLoadDocumentDetector({modelPath:d,modelLoadTimeoutMs:f,scoreThreshold:m,onModelError:g,videoRef:_}),B=F.ready,N=F.modelDownloadProgress,$=F.modelError,A=F.setModelError,P=useFrameLoop(React.useCallback((function(e,a){return __awaiter(t,void 0,void 0,(function(){var t,n,r,o,i,c,s;return __generator(this,(function(d){switch(d.label){case 0:return h&&b&&B&&_.current&&C.current?(t=j.current,r=_.current.videoHeight,C.current.width=n=_.current.videoWidth,C.current.height=r,(o=C.current.getContext("2d"))&&4===_.current.readyState?t!==j.current?[2]:(o.drawImage(_.current,0,0,n,r),[4,makeDocumentDetectorPrediction(C.current)]):[3,3]):[2];case 1:return(i=d.sent())?((c=processDocumentDetectorPrediction(i,x,w)).frameId=e,setLastDetectionAt((new Date).getTime()),debug(c),c.allZero&&T((function(e){return e+1})),t!==j.current||a<l?[2]:[4,null===(s=y.current)||void 0===s?void 0:s.call(y,c)]):[3,3];case 2:d.sent(),d.label=3;case 3:return[2]}}))}))}),[b,l,w,x,B,h,_]),{throttleMs:i,autoStart:n}),U=P.start,V=P.stop;React.useEffect((function(){I>=2&&A(new Error("model is returning all zeroes"))}),[A,I]);var G=React.useCallback((function(e){y.current=e}),[]),W=React.useCallback((function(){j.current+=1,L((function(e){return e+1}))}),[]),q=React.useMemo((function(){return{startDocumentDetection:U,stopDocumentDetection:V,documentDetectionModelReady:B,documentDetectionModelError:$,documentDetectionModelDownloadProgress:N,onDocumentDetected:G,detectionTime:lastDetectionTime,documentDetectionThresholds:x,setDocumentDetectionThresholds:D,documentDetectionBoundaries:w,setDocumentDetectionBoundaries:S,documentDetectionLastPredictionCanvas:C,clearDocumentDetectionLastPredictionCanvas:W}}),[U,V,B,$,N,G,x,w,W]);return React__namespace.createElement(DocumentDetectionModelContext.Provider,{value:q},React__namespace.createElement(InvisibleCanvas,{key:M,ref:C}),r)}var isMobileCache,FocusModelContext=React.createContext({focusModelReady:!1,focusModelDownloadProgress:0,focusModelError:null,focusThresholds:{},setFocusThresholds:function(){return null},makeFocusPrediction:function(){return null},focusPredictionTime:0});function FocusModelProvider(e){var t=e.children,a=e.focusModelPath,n=void 0===a?defaultFocusModelPath:a,r=e.focusModelLoadTimeoutMs,o=void 0===r?defaultFocusModelLoadTimeoutMs:r,i=e.onFocusModelError,c=e.showCanvases,l=void 0!==c&&c,s=React.useRef(null),d=React.useRef(null),u=React.useState({}),m=u[0],p=u[1],f=useLoadFocusModel({modelPath:n,modelLoadTimeoutMs:o,onModelError:i,videoRef:useCameraStore().videoRef}),g=f.ready,v=f.modelDownloadProgress,_=f.modelError,h=React.useCallback((function(e,t){if(!g)return null;var a=makeFocusModelPrediction(e,s.current,d.current,t);return a?(setLastFocusPredictionAt(a.predictionTime),a):null}),[g]),b=React.useMemo((function(){return{focusModelReady:g,focusModelDownloadProgress:v,focusModelError:_,makeFocusPrediction:h,focusPredictionTime:lastFocusPredictionTime,focusThresholds:m,setFocusThresholds:p}}),[m,h,v,_,g]);return React__namespace.default.createElement(FocusModelContext.Provider,{value:b},React__namespace.default.createElement(InvisibleCanvas,{ref:d,style:l?{display:"block"}:void 0}),React__namespace.default.createElement(InvisibleCanvas,{ref:s,style:l?{display:"block"}:void 0}),t)}function _isNavigatorDefined(){return"undefined"!=typeof navigator&&null!=navigator}function isMobile(){return void 0!==isMobileCache?isMobileCache:isMobileCache=evaluateIsMobile()}function evaluateIsMobile(e){if(e||_isNavigatorDefined()){if(e||(e=navigator),"ReactNative"===e.product)return!0;var t=e.userAgent||e.vendor||("undefined"!=typeof window?window.opera:"");if(!t){return e.userAgentData&&e.userAgentData.mobile}return/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4))}return!1}var onMobile=isMobile(),defaultIdCaptureThresholds={detection:defaultDocumentDetectionThresholds,focus:defaultFocusThresholds},IdCaptureModelsContext=React.createContext({ready:!1,start:function(){return null},stop:function(){return null},modelDownloadProgress:0,modelError:null,thresholds:defaultIdCaptureThresholds,setThresholds:function(){return null},documentDetectionBoundaries:defaultDocumentDetectionBoundaries,setDocumentDetectionBoundaries:function(){return null},onPredictionMade:function(){return null},detectionTime:0,focusPredictionTime:0,bestFrameDetails:{current:null},getBestFrame:function(){return null},resetBestFrame:function(){return null},requiredDocumentType:"none",setRequiredDocumentType:function(){return null}});function IdCaptureModelsProviderInner(e){var t=e.children,a=e.onModelError,n=React.useContext(DocumentDetectionModelContext),r=n.documentDetectionModelReady,o=n.documentDetectionModelDownloadProgress,i=n.startDocumentDetection,c=n.stopDocumentDetection,l=n.documentDetectionLastPredictionCanvas,s=n.clearDocumentDetectionLastPredictionCanvas,d=n.onDocumentDetected,u=n.detectionTime,m=n.documentDetectionThresholds,p=n.setDocumentDetectionThresholds,f=n.documentDetectionBoundaries,g=n.setDocumentDetectionBoundaries,v=n.documentDetectionModelError,_=React.useContext(FocusModelContext),h=_.focusModelReady,b=_.focusModelDownloadProgress,C=_.makeFocusPrediction,y=_.focusThresholds,R=_.setFocusThresholds,x=_.focusPredictionTime,D=_.focusModelError,E=React.useRef(),w=React.useRef(null),S=React.useRef(null),k=React.useRef(0),I=React.useRef(0),T=React.useState("none"),O=T[0],M=T[1],L=React.useMemo((function(){return _assign(_assign({},m),{focus:y})}),[m,y]),j=React.useCallback((function(e){e.detection&&p(e.detection),e.focus&&R(e.focus)}),[p,R]);React.useEffect((function(){var e=this;d((function(t){return __awaiter(e,void 0,void 0,(function(){var e,a,n,r,o,i,c,s,d,u,m,p,f;return __generator(this,(function(g){return l.current?(e=I.current,a=0,n=0,r=!1,("none"===O||t.detectedDocumentType===O||(null===(s=O.includes)||void 0===s?void 0:s.call(O,t.detectedDocumentType)))&&"none"!==t.detectedDocumentType&&t.detectionThresholdMet&&t.documentInBounds&&!t.documentTooClose&&t.documentIsStable&&((o=C(l.current,null===(d=t.bestDocument)||void 0===d?void 0:d.box))&&(n=o.score,a=o.predictionTime),i=null===(u=L.focus)||void 0===u?void 0:u[t.detectedDocumentType],c=null!==(m=onMobile?null==i?void 0:i.mobile:null==i?void 0:i.desktop)&&void 0!==m?m:0,r=n>=c,k.current<=n&&e===I.current&&(k.current=n,drawToCanvas(S.current,l.current),w.current={boundingBox:null===(p=t.bestDocument)||void 0===p?void 0:p.box,documentType:t.detectedDocumentType,detectionScore:t.detectionScore,focusScore:n})),null===(f=E.current)||void 0===f||f.call(E,_assign(_assign({},t),{focusScore:n,focusPredictionTime:a,focusThresholdMet:r})),[2]):[2]}))}))}))}),[l,C,d,O,L.focus]);var F=null!=v?v:D;React.useEffect((function(){F&&(null==a||a(F))}),[F,a]);var B=React.useCallback((function(e){E.current=e}),[]),N=React.useCallback((function(){return w.current&&S.current?_assign(_assign({},w.current),{canvas:S.current}):null}),[]),$=React.useState(0),A=$[0],P=$[1],U=React.useCallback((function(){I.current+=1,P((function(e){return e+1})),s(),w.current=null,k.current=0}),[s]);React.useEffect((function(){O&&U()}),[O,U]);var V=React.useMemo((function(){return{ready:r&&h,modelDownloadProgress:(o+b)/2,modelError:F,start:i,stop:c,thresholds:L,setThresholds:j,documentDetectionBoundaries:f,setDocumentDetectionBoundaries:g,onPredictionMade:B,detectionTime:u,focusPredictionTime:x,getBestFrame:N,resetBestFrame:U,bestFrameDetails:w,requiredDocumentType:O,setRequiredDocumentType:M}}),[u,f,o,r,b,h,x,N,F,B,O,U,g,j,i,c,L]);return React__namespace.default.createElement(IdCaptureModelsContext.Provider,{value:V},React__namespace.default.createElement(InvisibleCanvas,{key:A,ref:S}),t)}function IdCaptureModelsProvider(e){var t=e.children,a=__rest(e,["children"]);return React__namespace.default.createElement(DocumentDetectionModelProvider,_assign({},a),React__namespace.default.createElement(FocusModelProvider,_assign({},a),React__namespace.default.createElement(IdCaptureModelsProviderInner,_assign({},a),t)))}var CapturedDocumentTypeValues=["idCardFront","idCardBack","passport","selfie"],requiredDocumentsForOption={idCardFront:["idCardFront"],idCardBack:["idCardBack"],passport:["passport"],idCard:["idCardFront","idCardBack"],idCardAndPassport:["idCardFront","idCardBack","passport"],idCardOrPassport:["idCardFront","idCardBack","passport"]};function requiredImageCountForOption(e){return"idCardOrPassport"===e?1:requiredDocumentsForOption[e].length}function allowedImageCountForOption(e){return"idCardOrPassport"===e?2:requiredImageCountForOption(e)}var initialState$4={initialDrawComplete:!1,redrawing:!1,guideRectX:0,guideRectY:0,guideRectWidth:0,guideRectHeight:0,guideRectOffsetTop:0,guideImageWidth:0,guideImageHeight:0,pageWidth:0,pageHeight:0,videoWidth:0,videoHeight:0,detectedObjects:[],bestDocument:void 0,detectedDocumentType:"none",detectionThresholdMet:!1,documentInBounds:!1,documentTooClose:!1,documentIsStable:!1,flipRequired:!1,backDetectedFirst:!1,idCardDetectedButNotAllowed:!1,passportDetectedButNotAllowed:!1,enableOverrideWrongDocumentTypeDialog:!1,allowOverrideWrongDocumentTypeAfterMs:8e3,allowOverrideWrongDocumentTypeGuidance:!1,overrideWrongDocumentTypeGuidance:!1,wrongDocumentTypePredictions:0,idCardFrontDetectionScore:0,idCardFrontDetectionThresholdMet:!1,idCardBackDetectionScore:0,idCardBackDetectionThresholdMet:!1,passportDetectionScore:0,passportDetectionThresholdMet:!1,focusScore:0,focusThresholdMet:!1,isGoodFrame:!1,goodFramesCount:0,goodFramesThreshold:3,goodFramesThresholdMet:!1,lastFrameCapturedAt:null,frameCaptureRate:0,capturing:!1,captureFailed:!1,imageUrl:null,captureState:"capturing",capturedDocuments:{},captureRequirement:"idCardOrPassport",requestedDocumentType:"idCardFront",allowIdCardBackToFrontCapture:!1,operationStartedAt:null,captureStartedAt:null},IdCaptureStateContext=React.createContext(initialState$4),IdCaptureDispatchContext=React.createContext((function(){})),_reducer=function(e,t){var a,n;switch(t.type){case"configureWizard":var r=t.payload,o=r.captureRequirement,i=r.precapturedDocuments,c=r.allowIdCardBackToFrontCapture,l=r.enableOverrideWrongDocumentTypeDialog,s=r.allowOverrideWrongDocumentTypeAfterMs,d=_assign(_assign({},e),{captureRequirement:o,allowIdCardBackToFrontCapture:null!=c&&c,enableOverrideWrongDocumentTypeDialog:l,allowOverrideWrongDocumentTypeAfterMs:s});if("idCardBack"===o&&(d.requestedDocumentType="idCardBack"),"passport"===o&&(d.requestedDocumentType="passport"),i)for(var u=0,m=CapturedDocumentTypeValues;u<m.length;u++){var p=m[u],f=i[p];f&&(d.requestedDocumentType=p,d=_reducer(d,{type:"documentCaptured",payload:f}))}return d.operationStartedAt=new Date,d;case"setRequiredDocumentType":return _assign(_assign({},e),{requiredDocumentType:t.payload});case"redrawRequested":return _assign(_assign({},e),{redrawing:!0,guideRectX:0,guideRectY:0,guideRectWidth:0,guideRectHeight:0,guideRectOffsetTop:0});case"redrawInProgress":return _assign(_assign({},e),{redrawing:!1,guideRectX:0,guideRectY:0,guideRectWidth:0,guideRectHeight:0,guideRectOffsetTop:0});case"redrawCompleted":return _assign(_assign(_assign({},e),t.payload),{initialDrawComplete:!0});case"pageRendered":return _assign(_assign({},e),t.payload);case"guideImageLoaded":return _assign(_assign({},e),{guideImageWidth:t.payload.width,guideImageHeight:t.payload.height});case"objectsDetected":var g=t.payload.prediction,v=g.detectedObjects,_=g.detectionThresholdMet,h=g.detectedDocumentType,b=g.idCardFrontDetectionScore,C=g.idCardFrontDetectionThresholdMet,y=g.idCardBackDetectionScore,R=g.idCardBackDetectionThresholdMet,x=g.passportDetectionScore,D=g.passportDetectionThresholdMet,E=g.bestDocument,w=g.documentInBounds,S=g.documentTooClose,k=g.documentIsStable,I=g.focusScore,T=g.focusThresholdMet,O=g.frameWidth,M=g.frameHeight,L=new Date,j=0,F=e.goodFramesThreshold;if(e.lastFrameCapturedAt){var B=L.getTime()-e.lastFrameCapturedAt.getTime();B>0&&(j=1e3/B)>0&&(F=Math.ceil(3*j))}var N=h.includes("idCard")&&!e.captureRequirement.includes("idCard"),$=!e.captureRequirement.toLowerCase().includes("passport"),A="idCardFront"in e.capturedDocuments,P="idCardBack"in e.capturedDocuments,U="passport"===h&&($||(A&&!P||!A&&P)),V=!e.overrideWrongDocumentTypeGuidance&&(e.allowIdCardBackToFrontCapture?A&&"idCardFront"===h:"idCardBack"===e.requestedDocumentType&&"idCardFront"===h),G=!e.overrideWrongDocumentTypeGuidance&&(e.allowIdCardBackToFrontCapture?P&&"idCardBack"===h:"idCardFront"===e.requestedDocumentType&&"idCardBack"===h),W=e.wrongDocumentTypePredictions;"capturing"===e.captureState&&(V||G)&&(W+=1);var q=_&&w&&!S&&!V&&!G&&T&&!N&&!U&&k,z=e.goodFramesCount;q&&(z+=1);var H=z>=F,Y=e.requestedDocumentType;e.captureRequirement.includes("idCard")&&e.allowIdCardBackToFrontCapture&&("idCardFront"!==h||"idCardFront"===e.requestedDocumentType||A?"idCardBack"!==h||"idCardBack"===e.requestedDocumentType||P||(Y="idCardBack"):Y="idCardFront"),"idCardOrPassport"===e.captureRequirement&&("passport"===h&&"passport"!==e.requestedDocumentType&&(Y="passport"),"passport"===Y&&x<.3&&(Y=A?"idCardBack":"idCardFront"));var K=!!e.captureStartedAt&&(new Date).getTime()-e.captureStartedAt.getTime()>1e3,Z=Math.ceil(e.allowOverrideWrongDocumentTypeAfterMs/1e3*j),X=e.enableOverrideWrongDocumentTypeDialog&&K&&!e.overrideWrongDocumentTypeGuidance&&Z>0&&(e.allowOverrideWrongDocumentTypeGuidance||W>=Z);return _assign(_assign({},e),{videoWidth:O,videoHeight:M,detectedObjects:v,bestDocument:E,requestedDocumentType:Y,detectedDocumentType:h,detectionThresholdMet:_,documentInBounds:w,documentTooClose:S,documentIsStable:k,flipRequired:V,backDetectedFirst:G,idCardDetectedButNotAllowed:N,passportDetectedButNotAllowed:U,allowOverrideWrongDocumentTypeGuidance:X,wrongDocumentTypePredictions:W,idCardFrontDetectionScore:b,idCardFrontDetectionThresholdMet:C,idCardBackDetectionScore:y,idCardBackDetectionThresholdMet:R,passportDetectionScore:x,passportDetectionThresholdMet:D,focusScore:I,focusThresholdMet:T,isGoodFrame:q,goodFramesCount:z,goodFramesThreshold:F,goodFramesThresholdMet:H,lastFrameCapturedAt:L,frameCaptureRate:j});case"captureStarted":return _assign(_assign({},e),{captureStartedAt:new Date,capturing:!1,captureFailed:!1});case"capturing":return _assign(_assign({},e),{capturing:!0,captureFailed:!1});case"captured":return _assign(_assign({},e),{capturing:!1,captureFailed:!1});case"frameCaptured":return _assign(_assign({},e),{imageUrl:t.payload.imageUrl});case"captureFailed":return _assign(_assign({},e),{capturing:!1,captureFailed:!0});case"documentCaptured":var J=_assign(_assign({},e),{capturing:!1,captureFailed:!1,allowOverrideFlipRequirement:!1,overrideFlipRequirement:!1,goodFramesCount:0,wrongDocumentTypePredictions:0,capturedDocuments:_assign(_assign({},e.capturedDocuments),(a={},a[t.payload.documentType]=t.payload,a))}),Q=requiredDocumentsForOption[e.captureRequirement].filter((function(e){return!(e in J.capturedDocuments)}));return"idCardOrPassport"===e.captureRequirement&&(Q="passport"===e.requestedDocumentType?[]:Q.filter((function(e){return"passport"!==e}))),0===Q.length?J.captureState="complete":(J.requestedDocumentType=Q[0],("idCardFront"===e.requestedDocumentType&&"idCardBack"===J.requestedDocumentType||"idCardBack"===e.requestedDocumentType&&"idCardFront"===J.requestedDocumentType)&&(J.captureState="requestingFlip",J.idCardFrontDetectionThresholdMet=!1,J.idCardBackDetectionThresholdMet=!1,J.passportDetectionThresholdMet=!1,J.wrongDocumentTypePredictions=0)),J;case"documentCapturedManually":var ee=_assign(_assign({},e),{capturedDocuments:_assign(_assign({},e.capturedDocuments),(n={},n[e.requestedDocumentType]=_assign(_assign({},t.payload),{width:0,height:0}),n))});Q=requiredDocumentsForOption[e.captureRequirement].filter((function(e){return!(e in ee.capturedDocuments)}));return"idCardOrPassport"===e.captureRequirement&&(Q="passport"===e.requestedDocumentType?[]:Q.filter((function(e){return"passport"!==e}))),0===Q.length?ee.captureState="complete":(ee.requestedDocumentType=Q[0],("idCardFront"===e.requestedDocumentType&&"idCardBack"===ee.requestedDocumentType||"idCardBack"===e.requestedDocumentType&&"idCardFront"===ee.requestedDocumentType)&&(ee.captureState="requestingFlip",ee.idCardFrontDetectionThresholdMet=!1,ee.idCardBackDetectionThresholdMet=!1,ee.passportDetectionThresholdMet=!1)),ee;case"flipRequestCompleted":return _assign(_assign({},e),{captureState:"capturing",allowOverrideWrongDocumentTypeGuidance:!1,overrideWrongDocumentTypeGuidance:!1,wrongDocumentTypePredictions:0});case"allowOverrideFlipRequirement":return _assign(_assign({},e),{allowOverrideWrongDocumentTypeGuidance:!0});case"overrideFlipRequirement":return _assign(_assign({},e),{allowOverrideWrongDocumentTypeGuidance:!1,overrideWrongDocumentTypeGuidance:!0});case"resetWizard":return _assign(_assign({},initialState$4),{captureRequirement:e.captureRequirement,allowIdCardBackToFrontCapture:e.allowIdCardBackToFrontCapture});default:return e}},IdCaptureStateProvider=function(e){var t=e.children,a=React.useReducer(_reducer,initialState$4),n=a[0],r=a[1],o=useDebounce.useDebouncedCallback((function(){r({type:"redrawRequested"})}),500);React.useLayoutEffect((function(){if("undefined"!=typeof window)return window.addEventListener("resize",o),function(){window.removeEventListener("resize",o)}}),[o]);var i=React.useContext(IdCaptureModelsContext).setRequiredDocumentType;return React.useEffect((function(){n.overrideWrongDocumentTypeGuidance&&i("none")}),[n.overrideWrongDocumentTypeGuidance,i]),React__namespace.default.createElement(IdCaptureStateContext.Provider,{value:n},React__namespace.default.createElement(IdCaptureDispatchContext.Provider,{value:r},t))},useIdCaptureState=function(){var e=React.useContext(IdCaptureStateContext),t=React.useContext(IdCaptureDispatchContext);if(!e||!t)throw new Error("useIdCaptureState cannot be used without IdCaptureStateProvider");return[e,t]};function DebugStatsPane(e){var t=React__namespace.default.createElement(DebugStatsPaneDiv,null,e.children),a=document.getElementById("idmission-above-guides-content");return a?reactDom.createPortal(t,a):t}var DebugStatsPaneDiv=styled__default.default.span(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"],["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"]))),ObjectDetectionDebugOverlayDiv=styled__default.default.div(templateObject_2$y||(templateObject_2$y=__makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ","\n transform-style: preserve-3d;\n"],["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ","\n transform-style: preserve-3d;\n"])),(function(e){return e.$flipX?"transform: scaleX(-1);":""})),ObjectDetectionDebugBox=styled__default.default.div(templateObject_3$p||(templateObject_3$p=__makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ",";\n color: ",";\n ","\n transform-style: preserve-3d;\n"],["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ",";\n color: ",";\n ","\n transform-style: preserve-3d;\n"])),(function(e){var t=e.$color;return null!=t?t:"green"}),(function(e){var t=e.$color;return null!=t?t:"green"}),(function(e){return e.$flipX?"transform: scaleX(-1);":""})),FaceDetectionKeypointMarker=styled__default.default.div(templateObject_4$j||(templateObject_4$j=__makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ",";\n font: 10px monospace;\n color: ",";\n border-radius: 50%;\n ","\n transform-style: preserve-3d;\n"],["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ",";\n font: 10px monospace;\n color: ",";\n border-radius: 50%;\n ","\n transform-style: preserve-3d;\n"])),(function(e){var t=e.$color;return null!=t?t:"red"}),(function(e){var t=e.$color;return null!=t?t:"red"}),(function(e){return e.$flipX?"transform: scaleX(-1);":""}));function useDebugScalingDetails(e){var t=e.enabled,a=void 0===t||t,n=e.pageWidth,r=e.pageHeight,o=e.videoWidth,i=e.videoHeight;return React.useMemo((function(){var e=!1,t=0,c=0,l=0,s=0;return a&&((e=n/r<o/i)?l=((t=o*(r/i))-n)/2:s=((c=i*(n/o))-r)/2),{horizontal:e,pageWidth:n,pageHeight:r,videoWidth:o,videoHeight:i,scaledWidth:t,scaledHeight:c,xOffset:l,yOffset:s}}),[a,r,n,i,o])}var templateObject_1$F,templateObject_2$y,templateObject_3$p,templateObject_4$j,DebugBoundingBoxOverlay=function(e){var t=e.scaling,a=e.$flipX,n=e.children,r=useIdCaptureState()[0];return React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv,{id:"debug-overlay-div",$flipX:a,style:{top:r.guideRectY,left:r.guideRectX,width:r.guideRectWidth||(null==t?void 0:t.pageWidth),height:r.guideRectHeight||(null==t?void 0:t.pageHeight)}},n)};function IdCaptureDetectedObjectDebugBox(e){var t,a,n,r,o=e.obj,i=e.color,c=e.scaling,l=c.pageWidth,s=c.pageHeight,d=c.videoWidth,u=c.videoHeight,m=c.scaledWidth,p=c.scaledHeight;return d&&u&&l&&s?(c.horizontal?(t=o.box.yMin/u*s,a=o.box.xMin/d*m-c.xOffset,n=o.box.width/d*m,r=o.box.height/u*s):(t=o.box.yMin/u*p-c.yOffset,a=o.box.xMin/d*l,n=o.box.width/d*l,r=o.box.height/u*p),React__namespace.default.createElement(ObjectDetectionDebugBox,{$flipX:e.flipX,$color:void 0===i?"green":i,style:{top:t,left:a,width:n,height:r}})):React__namespace.default.createElement(React__namespace.default.Fragment,null)}function SelfieCaptureFaceDebugBox(e){var t,a,n,r,o=e.face,i=e.flipX,c=e.color,l=e.scaling,s=l.pageWidth,d=l.pageHeight,u=l.videoWidth,m=l.videoHeight,p=l.scaledWidth,f=l.scaledHeight;return u&&m&&s&&d?(l.horizontal?(t=o.box.yMin/m*d,a=o.box.xMin/u*p-l.xOffset,n=o.box.width/u*p,r=o.box.height/m*d):(t=o.box.yMin/m*f-l.yOffset,a=o.box.xMin/u*s,n=o.box.width/u*s,r=o.box.height/m*f),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(ObjectDetectionDebugBox,{$flipX:i,$color:void 0===c?"green":c,style:{top:t,left:a,width:n,height:r}}),o.keypoints.map((function(e,t){return React__namespace.default.createElement(SelfieCaptureFaceKeypoint,{key:t,point:e,scaling:l,flipX:i})})))):React__namespace.default.createElement(React__namespace.default.Fragment,null)}function SelfieCaptureFaceKeypoint(e){var t,a,n=e.point,r=e.color,o=e.scaling,i=o.videoWidth,c=o.videoHeight;return o.horizontal?(t=n.x/i*o.scaledWidth-o.xOffset,a=n.y/c*o.pageHeight):(t=n.x/i*o.pageWidth,a=n.y/c*o.scaledHeight-o.yOffset),React__namespace.default.createElement(FaceDetectionKeypointMarker,{$flipX:e.flipX,$color:void 0===r?"red":r,style:{top:a-=2,left:t-=2}})}var enTranslation={},esTranslation={"Use your device camera to capture your ID":"Para capturar la identificación hay que utilizar la cámara del dispositivo.","Use your iPhone as a webcam":"Usar el iPhone como cámara web","Models warming up...":"Cargando modelos...","Camera initializing...":"Inicializando la cámara...","Camera access blocked":"Acceso bloqueado a la cámara","Location access blocked":"Acceso bloqueado a la localización",Continue:"Continuar","Processing...":"Procesando...","Your camera permission is disabled":"El permiso de la cámara está desactivado","This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.":"Esta aplicación requiere el acceso a la cámara para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la cámara en el explorador actual.","Your microphone permission is disabled":"El permiso de la micrófono está desactivado","This application requires access to your microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for microphone permissions, you must go to settings and provide microphone access to the current browser.":"Esta aplicación requiere tener acceso al micrófono para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso al micrófono en el explorador actual.","Your location permission is disabled":"El permiso de la localización está desactivado","This application requires access to your location to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for location permissions, you must go to settings and provide location access to the current browser.":"Esta aplicación requiere el acceso a la localización para continuar. Hay que aceptar el permiso una vez que se muestre la ventana en el explorador. Si no aparece la ventana para otorgar permisos, entonces hay que dirigirse a Configuración y otorgar el permiso a la localización en el explorador actual.",Retry:"Reintentar","Scan the front of ID":"Escanear el frente de la ID","Scan the back of ID":"Escanear el reverso de la ID","Scan the ID page of passport":"Escanear la página de datos del pasaporte","ID Card Front":"Frente de la ID","ID Card Back":"Reverso de la ID",Passport:"Pasaporte","Document not detected":"No se ha detectado el documento","Document is not centered":"Documento no centrado","Document too close, please back up":"Documento muy cerca, favor de alejarse","Please hold your ID document steady":"Por favor, hay que mantener firme su identificación","Document out of focus – try improving the lighting":"Documento no enfocado - hay que tratar de mejorar la iluminación","ID card front detected - please flip your ID card":"Anverso de ID detectado, por favor voltea tu identificación","ID card back detected - please flip your ID card":"Reverso de ID detectado, por favor voltea tu identificación","ID card detected, please scan a passport instead":"Se ha detectado una credencial, por favor hay que escanear un pasaporte","Passport detected, please scan an ID card instead":"Se ha detectado un pasaporte, por favor hay que escanear una credencial","Document detected, hold still...":"Se ha detectado el documento, no moverse por favor...","ID card front detected, hold still...":"Anverso de ID detectado, no mover...","ID card back detected, hold still...":"Reverso de ID detectado, no mover...","Passport detected, hold still...":"Pasaporte detectado, no mover...","Capturing...":"Capturando...","Capture failed!":"Falló la captura","Please flip your ID card...":"Por favor voltea la identificación...","ID card front captured.":"Se ha capturado el frente de la identificación.","ID card back captured.":"Se ha capturado el reverso de la identificación.","ID Capture Successful":"Captura Exitosa de ID","Verify the entire ID was captured clearly with no glare.":"Hay que verificar que toda la ID se vea completa y sin reflejos.",Submit:"Enviar","Submitting...":"Enviando...","Use your device camera to capture your face":"Hay que utilizar la cámara del dispositivo para capturar el rostro","Remove Sunglasses & Hat":"Hay que quitarse lentes y/o la gorra","Avoid Excessive Backlighting":"Hay que evitar demasiada luz en el fondo","Hold still for a few seconds...":"Hay que permanecer quieto por unos segundos...","Please hold still...":"Favor de no moverse...","Look straight into the camera...":"Hay que mirar directamente a la cámara...","Move back...":"Hay que hacerse hacia atrás..","Move forward...":"Hay que hacerse hacia adelante...","Move to the center...":"Hay que moverse hacia el centro...","Please remove your eye coverings (sunglasses, eye patch, etc.)...":"Hay que quitarse lo que cubre los ojos (lentes, parche, etc.)...","Please remove your head coverings (hat, scarf, etc.)...":"Hay que quitarse lo que cubre la cabeza (gorra, mascada, etc.)...","Please remove your mask...":"Hay que quitarse el cubrebocas...","Live face not detected, please try again":"Rostro vivo no detectado. Por favor hay que intentar de nuevo.",Exit:"Salir","Face liveness has been verified!":"Se ha verificado la Prueba de Vida en rostro!",Done:"Terminar","Could not verify your face.":"No se pudo verificar tu rostro.","An error occurred while verifying your face.":"Se ha producido un error al verificar tu rostro.","Customer has been identified!":"¡Se ha identificado al cliente!","Customer not found":"Cliente no encontrado","Additional document capture":"Captura de otro documento",Next:"Siguiente","Please sign the box below":"Por favor, hay que firmar en el recuadro de abajo",Accept:"Aceptar",Clear:"Borrar","Video signature has been successfully captured!":"La video firma ha sido exitosa.","Network unreachable":"No hay conexión a internet.","We're having trouble reaching our services, please check your connection and try again.":"Estamos teniendo problemas para alcanzar nuestros servicios, por favor verificar la conexión a internet e intentar de nuevo.","We're sorry, an unexpected error has occurred.":"Lo sentimos, se ha producido un error inesperado.","Document Capture":"Captura de documento",Capture:"Capturar","Retry capture":"Reintentar la captura",Upload:"Enviar","Uploading...":"Procesando...","Upload succeeded!":"Proceso completo!","Performing facial recognition, please hold still...":"Realizando el reconocimiento facial, por favor no te muevas","Display the front of your ID card...":"Hay que mostrar el frente de la identificación...","Display the back of your ID card...":"Hay que mostrar el reverso de la identificación...","Please move your face to the center...":"Por favor, hay que mover la cabeza hacia el centro...","Searching for ID card...":"Localizando la identificación...","Please read the following text aloud":"Hay que leer el siguiente texto en voz alta","Video ID has been successfully captured!":"Video ID capturado exitosamente!","ID Front Image":"Frente de ID","ID Back Image":"Reverso de ID","We're having some trouble.":"Se ha presentado un problema.","On-device capture guidance failed, please capture a selfie manually.":"La captura automática para toma de selfie falló. Por favor, hay que tomarse la selfie manualmente.","Verifying...":"Verificando....","Please capture the front of your ID card.":"Hay que capturar el frente de la identificación.","Please capture the back of your ID card.":"Hay que capturar el reverso de la identificación.","Please capture the front of your ID card, or the ID page of your passport.":"Hay que capturar el frente de la identificación o la página de datos del pasaporte.","Please capture the back of your ID card, or click Done if submitting a passport.":"Hay que capturar el reverso de la identificación o hay que presionar el botón de Terminar si se trata de un pasaporte.","Please capture the ID page of your passport.":"Hay que capturar la página de datos del pasaporte.","On-device capture guidance failed, please capture a photo of your ID card manually.":"La captura automática falló. Por favor hay que tomar una foto de la identificación manualmente.","On-device capture guidance failed, please capture a photo of your passport manually.":"La captura automática falló. Por favor hay que tomar una foto de la pasaporte manualmente.","On-device capture guidance failed, please capture photos of your ID card and passport manually.":"La captura automática falló. Por favor hay que tomar una foto de la identificación y del pasaporte manualmente.","On-device capture guidance failed, please capture photos of your ID card or passport manually.":"La captura automática falló. Por favor hay que tomar una foto de la identificación o del pasaporte manualmente.","Capture ID page of passport":"Captura pasaporte (página de la foto)","Capture back of ID card":"Captura del reverso","Downloading...":"Descargando...","Accessing camera...":"Accediendo a la cámara","Camera ready":"Cámara está lista","Loading guided capture experience...":"Cargando la experiencia guiada para la captura....","Guided capture experience ready":"La experiencia guiada está lista","Let's Go!":"Vamos!","We are having trouble identifying the correct side of your id, do you want to continue with capture anyway?":"Estamos teniendo problemas para identificar el lado correcto de tu identificación, quieres continuar con la captura?",OK:"Sí"},resources={en:{translation:enTranslation},es:{translation:esTranslation}};function initializeI18n(){i18n__default.default.use(LanguageDetector__default.default).use(reactI18next.initReactI18next).init({resources:resources,detection:{caches:[]},fallbackLng:"en",debug:!1,interpolation:{escapeValue:!1}})}var useLanguage=function(e){var t=reactI18next.useTranslation().i18n;React.useEffect((function(){"auto"!==e?t.changeLanguage(e):t.changeLanguage()}),[t,e])};function evaluateVerbiage(e,t,a,n){if("string"==typeof a)return a;if("object"==typeof a){var r=a;if(r[t])return r[t];var o=t.split("-")[0];if(r[o])return r[o]}return e(n)}function useVerbiage(e,t){var a=reactI18next.useTranslation(),n=a.t,r=a.i18n;return React.useMemo((function(){return evaluateVerbiage(n,r.language,e,t)}),[t,r.language,n,e])}function useTranslations(e,t){var a=reactI18next.useTranslation(),n=a.t,r=a.i18n;return React.useMemo((function(){return _assign(_assign({},e),Object.keys(t).reduce((function(a,o){var i;return _assign(_assign({},a),((i={})[o]=evaluateVerbiage(n,r.language,null==e?void 0:e[o],t[o]),i))}),{}))}),[t,r.language,n,e])}var templateObject_1$E,templateObject_2$x,GuidanceMessageContainerDiv=styled__default.default.div(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n position: absolute;\n top: calc(",");\n ","\n font-weight: bold;\n width: 100%;\n display: flex;\n"],["\n position: absolute;\n top: calc(",");\n ","\n font-weight: bold;\n width: 100%;\n display: flex;\n"])),(function(e){var t=e.$top;return null!=t?t:"10vh"}),(function(e){var t=e.$bottom;return t?"bottom: ".concat(t,";"):""})),GuidanceMessageContainer=function(e){var t=React__namespace.default.createElement(GuidanceMessageContainerDiv,_assign({},e)),a=document.getElementById("idmission-above-guides-content");return a?reactDom.createPortal(t,a):t},GuidanceMessage=styled__default.default.div(templateObject_2$x||(templateObject_2$x=__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ",";\n color: ",";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"],["\n margin-left: auto;\n margin-right: auto;\n background: ",";\n color: ",";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])),(function(e){var t,a,n,r,o,i;return null!==(i=null!==(t=e.$background)&&void 0!==t?t:null===(o=null===(n=null===(a=e.theme)||void 0===a?void 0:a.guidanceMessages)||void 0===n?void 0:n[null!==(r=e.$variant)&&void 0!==r?r:"default"])||void 0===o?void 0:o.backgroundColor)&&void 0!==i?i:"#ccc"}),(function(e){var t,a,n,r,o,i;return null!==(i=null!==(t=e.$textColor)&&void 0!==t?t:null===(o=null===(n=null===(a=e.theme)||void 0===a?void 0:a.guidanceMessages)||void 0===n?void 0:n[null!==(r=e.$variant)&&void 0!==r?r:"default"])||void 0===o?void 0:o.textColor)&&void 0!==i?i:"black"}));function OverrideWrongDocumentTypeGuidanceDialog(e){var t=e.classNames,a=void 0===t?{}:t,n=e.verbiage,r=void 0===n?{}:n,o=useIdCaptureState(),i=o[0],c=o[1],l=useTranslations(r,{messageText:"We are having trouble identifying the correct side of your id, do you want to continue with capture anyway?",buttonText:"OK"});return i.allowOverrideWrongDocumentTypeGuidance?React__namespace.default.createElement(Container$2,{className:a.container},React__namespace.default.createElement(InnerContainer,{className:a.inner},React__namespace.default.createElement(Message,{className:a.message},l.messageText),React__namespace.default.createElement(ButtonContainer,{className:a.buttonContainer},React__namespace.default.createElement(Button,{variant:"positive",className:a.button,onClick:function(){return c({type:"overrideFlipRequirement"})}},l.buttonText)))):null}var templateObject_1$D,templateObject_2$w,templateObject_3$o,templateObject_4$i,templateObject_5$b,templateObject_1$C,templateObject_2$v,templateObject_3$n,templateObject_4$h,templateObject_1$B,templateObject_1$A,Container$2=styled__default.default.div(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ",";\n color: ",";\n display: flex;\n z-index: 100001;\n"],["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ",";\n color: ",";\n display: flex;\n z-index: 100001;\n"])),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.idCapture)||void 0===t?void 0:t.overrideWrongDocumentTypeGuidance)||void 0===a?void 0:a.backgroundColor)&&void 0!==n?n:"#eed202"}),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.idCapture)||void 0===t?void 0:t.overrideWrongDocumentTypeGuidance)||void 0===a?void 0:a.textColor)&&void 0!==n?n:"black"})),InnerContainer=styled__default.default.div(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"],["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"]))),Message=styled__default.default.span(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"],["\n display: block;\n margin: auto 12px auto 0;\n"]))),ButtonContainer=styled__default.default.div(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"],["\n display: flex;\n margin-left: auto;\n"]))),Button=styled__default.default(LoaderButton)(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"],["\n white-space: nowrap;\n margin: auto;\n"]))),IdCapture=function(e){var t,a,n,r,o,i,c,l=e.requiredDocumentType,s=e.thresholds,d=void 0===s?defaultIdCaptureThresholds:s,u=e.guidanceMessage,m=e.guidanceSatisfied,p=e.onCapture,f=e.classNames,g=void 0===f?{}:f,v=e.colors,_=void 0===v?{}:v,h=e.verbiage,b=void 0===h?{}:h,C=e.debugMode,y=void 0!==C&&C,R=useResizeObserver__default.default(),x=R.ref,D=R.width,E=void 0===D?1:D,w=R.height,S=void 0===w?1:w,k=useIdCaptureState(),I=k[0],T=k[1],O=useCameraStore(),M=O.camera,L=O.isRearFacing,j=React.useContext(IdCaptureModelsContext),F=j.ready,B=j.setThresholds,N=j.detectionTime,$=j.focusPredictionTime,A=j.getBestFrame;React.useEffect((function(){B(d)}),[d,B]),React.useEffect((function(){l&&T({type:"setRequiredDocumentType",payload:l})}),[T,l]),React.useEffect((function(){T({type:"pageRendered",payload:{pageWidth:E,pageHeight:S}})}),[T,S,E]);var P=I.goodFramesThresholdMet&&!I.capturing&&timeSince(I.captureStartedAt)>=3e3;React.useEffect((function(){if(P){T({type:"capturing"});var e=A();if(!e)return log("uh oh, i did not get a photo"),void T({type:"captureFailed"});var t=e.canvas,a=e.documentType,n=e.boundingBox,r=e.detectionScore,o=e.focusScore,i=t.width,c=t.height,l=t.toDataURL("image/jpeg",.95);T({type:"frameCaptured",payload:{imageUrl:l}});var s="passport"===a?"passport":I.requestedDocumentType;setTimeout((function(){var e,t=(new Date).getTime()-(null!==(e=I.captureStartedAt)&&void 0!==e?e:new Date).getTime();null==p||p(l,i,c,s,{autoCapture:"Y",captureTime:t,boundingBox:n,bestDetectionScore:r,bestFocusScore:o}),T({type:"captured"})}),0)}}),[T,A,p,P,I.captureStartedAt,I.requestedDocumentType]);var U=styled.useTheme();_.guideBoxUnsatisfiedColor||(_.guideBoxUnsatisfiedColor=null!==(n=null===(a=null===(t=U.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.unsatisfiedColor)&&void 0!==n?n:"white"),_.guideBoxSatisfiedColor||(_.guideBoxSatisfiedColor=null!==(i=null===(o=null===(r=U.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.satisfiedColor)&&void 0!==i?i:"green");var V=useTranslations(b,{instructionText:"Scan the front of ID",processingIdCardText:"ID card front captured.",guidanceSatisfiedText:"".concat(documentTypeDisplayNames[I.detectedDocumentType]," detected, hold still..."),guidancePleaseFlipText:"ID card front detected - please flip your ID card",guidanceBackDetectedFirstText:"ID card back detected - please flip your ID card",guidanceTooBlurryText:"Document out of focus – try improving the lighting",guidanceNotCenteredText:"Document is not centered",guidanceTooCloseText:"Document too close, please back up",guidanceNotDetectedText:"Document not detected",guidanceIdCardNotAllowedText:"ID card detected, please scan a passport instead",guidancePassportNotAllowedText:"Passport detected, please scan an ID card instead",guidanceNotStableText:"Please hold your ID document steady"}),G=useDebugScalingDetails({enabled:y,pageWidth:I.guideRectWidth,pageHeight:I.guideRectHeight,videoWidth:I.videoWidth,videoHeight:I.videoHeight}),W=I.isGoodFrame;return"boolean"==typeof m&&(W=m),u||(u=W?V.guidanceSatisfiedText:I.detectionThresholdMet?I.backDetectedFirst?V.guidanceBackDetectedFirstText:I.flipRequired?V.guidancePleaseFlipText:I.idCardDetectedButNotAllowed?V.guidanceIdCardNotAllowedText:I.passportDetectedButNotAllowed?V.guidancePassportNotAllowedText:I.documentInBounds?I.documentTooClose?V.guidanceTooCloseText:I.documentIsStable?I.focusThresholdMet?"":V.guidanceTooBlurryText:V.guidanceNotStableText:V.guidanceNotCenteredText:V.guidanceNotDetectedText),React__namespace.default.createElement(PageContainer,{ref:x,className:"flex ".concat(null!==(c=g.container)&&void 0!==c?c:"")},""!==u&&React__namespace.default.createElement(GuidanceMessageContainer,{$top:"",$bottom:"12.5dvh",className:g.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{$variant:W?"positive":"default",className:g.guidanceMessage},u),React__namespace.default.createElement(OverrideWrongDocumentTypeGuidanceDialog,{classNames:g.overrideWrongDocumentTypeGuidanceDialog,verbiage:b.overrideWrongDocumentTypeGuidanceDialog})),y&&React__namespace.default.createElement(DebugBoundingBoxOverlay,{$flipX:!L,scaling:G},I.detectedObjects.map((function(e,t){return React__namespace.default.createElement(IdCaptureDetectedObjectDebugBox,{key:t,obj:e,scaling:G,flipX:!L})}))),y&&React__namespace.default.createElement(DebugStatsPane,null,M?React__namespace.default.createElement(React__namespace.default.Fragment,null,"✅ Camera: ",M.label," (",M.width,"x",M.height,")"):"❌ Camera not ready",React__namespace.default.createElement("br",null),I.frameCaptureRate>.75?"✅":"👎"," Frame Rate:"," ",Math.round(1e3*(I.frameCaptureRate+Number.EPSILON))/1e3," ","fps (",N,"ms doc detect, ",$,"ms focus)",React__namespace.default.createElement("br",null),F?React__namespace.default.createElement(React__namespace.default.Fragment,null,I.detectionThresholdMet?"✅":"❌"," Detected Document Type: ",I.detectedDocumentType,React__namespace.default.createElement("br",null),I.idCardFrontDetectionThresholdMet?"✅":"❌"," ID Card Front Score: ",I.idCardFrontDetectionScore.toFixed(3),React__namespace.default.createElement("br",null),I.idCardBackDetectionThresholdMet?"✅":"❌"," ID Card Back Score: ",I.idCardBackDetectionScore.toFixed(3),React__namespace.default.createElement("br",null),I.passportDetectionThresholdMet?"✅":"❌"," Passport Score: ",I.passportDetectionScore.toFixed(3),React__namespace.default.createElement("br",null),I.focusThresholdMet?"✅":"❌"," Focus Score:"," ",I.focusScore.toFixed(3),React__namespace.default.createElement("br",null),I.documentInBounds?"✅":"❌"," Document In Bounds",React__namespace.default.createElement("br",null),I.documentIsStable?"✅":"❌"," Document Is Stable",React__namespace.default.createElement("br",null),I.goodFramesThresholdMet?"✅":"❌"," Good Frame Count:"," ",I.goodFramesCount,"/",I.goodFramesThreshold):React__namespace.default.createElement(React__namespace.default.Fragment,null,"❌ Models not ready")))},timeSince=function(e){return e?Math.abs((new Date).getTime()-e.getTime()):0},CameraAccessDeniedOverlay=function(e){var t,a=e.assets,n=void 0===a?{}:a,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=useCameraStore((function(e){return e.requestCameraAccess}));n.imageUrl||(n.imageUrl=DEFAULT_CDN_URL+"/camera-disable-icon.png");var u=useTranslations(s,{headingText:"Your camera permission is disabled",descriptionText:"This application requires access to your camera to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for camera permissions, you must go to settings and provide camera access to the current browser.",retryBtnText:"Retry"});return React__namespace.default.createElement(OverlayContainer,{className:"flex ".concat(null!==(t=o.container)&&void 0!==t?t:"")},React__namespace.default.createElement(StyledOverlayInner$3,{className:o.inner},React__namespace.default.createElement(StyledOverlayImageContainer$3,{className:o.imageContainer},React__namespace.default.createElement("img",{src:n.imageUrl,alt:"",className:o.image})),React__namespace.default.createElement("h3",{className:o.heading},u.headingText),React__namespace.default.createElement(Description$4,{className:o.description},u.descriptionText),React__namespace.default.createElement(RetryButton$1,{variant:"warning",onClick:d,colors:c.retryBtn,className:o.retryBtn,finished:!0},u.retryBtnText)))},StyledOverlayInner$3=styled__default.default(OverlayInner$2)(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"],["\n max-width: 500px;\n height: auto;\n margin: auto;\n"]))),StyledOverlayImageContainer$3=styled__default.default(OverlayImageContainer)(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n flex-grow: 0;\n"],["\n flex-grow: 0;\n"]))),Description$4=styled__default.default.p(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"],["\n line-height: 1.5;\n margin-bottom: 50px;\n"]))),RetryButton$1=styled__default.default(LoaderButton)(templateObject_4$h||(templateObject_4$h=__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"],["\n width: 200px;\n margin: 0 auto;\n"]))),ExitCaptureStyledButton=styled__default.default.button(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"],["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"]))),ExitCaptureButton=function(e){return React__namespace.default.createElement(ExitCaptureStyledButton,{onClick:e.onClick,className:e.className},React__namespace.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"19.3 19.3 25.499999999999996 25.499999999999996",enableBackground:"new 0 0 64 64",width:16,height:16},React__namespace.default.createElement("g",{id:"close-outline-bot_x5F_s1g1_x5F_s2g2_x5F_s3g1_x5F_s4g1"},React__namespace.default.createElement("line",{fill:"none",stroke:"#000000",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",x1:"19.75",y1:"44.25",x2:"44.25",y2:"19.75"})),React__namespace.default.createElement("g",{id:"close-outline-top_x5F_s1g1_x5F_s2g2_x5F_s3g1_x5F_s4g1"},React__namespace.default.createElement("line",{fill:"none",stroke:"#000000",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",x1:"44.25",y1:"44.25",x2:"19.75",y2:"19.75"}))))},ButtonsRow=styled__default.default.div(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"],["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));function IdCaptureLoadingGraphic(e){var t=window.innerHeight>window.innerWidth;return React__namespace.default.createElement(t?IdCaptureLoadingGraphicMobile:IdCaptureLoadingGraphicDesktop,_assign({},e))}function IdCaptureLoadingGraphicDesktop(e){var t,a,n,r,o,i,c=e.width,l=void 0===c?698:c,s=e.height,d=void 0===s?452:s,u=e.className,m=React.useState(0),p=m[0],f=m[1];React.useEffect((function(){var e=setInterval((function(){f((function(e){return(e+1)%7}))}),1e3);return function(){clearInterval(e)}}),[]);var g=styled.useTheme(),v=null!==(n=null===(a=null===(t=g.idCapture)||void 0===t?void 0:t.loadingOverlay)||void 0===a?void 0:a.loadingGraphicAccentColor)&&void 0!==n?n:"var(--idm-color-positive-600)",_=null!==(i=null===(o=null===(r=g.idCapture)||void 0===r?void 0:r.loadingOverlay)||void 0===o?void 0:o.loadingGraphicAccentOpacity)&&void 0!==i?i:.2;return React__namespace.default.createElement(LoadingGraphicWrapper,null,React__namespace.default.createElement(LoadingGraphicSvg,{className:u,width:l,height:d,$frame:p,$borderColor:v,viewBox:"0 0 698 452",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React__namespace.default.createElement("g",{filter:1===p?"url(#filter0_f_91_884)":void 0},React__namespace.default.createElement("path",{d:"M10 0.5L688 0.5C693.247 0.5 697.5 4.75329 697.5 10L697.5 442C697.5 447.246 693.247 451.5 688 451.5L9.99999 451.5C4.75328 451.5 0.5 447.246 0.5 442L0.5 9.99998C0.5 4.75328 4.75329 0.5 10 0.5Z",fill:"#F3F3F3",stroke:"#DCDCDC"}),React__namespace.default.createElement("mask",{id:"mask0_91_854",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"30",y:"60",width:"207",height:"266"},React__namespace.default.createElement("rect",{x:"30.7754",y:"60.5945",width:"205.426",height:"265.304",rx:"3",fill:"#D9D9D9"})),React__namespace.default.createElement("g",{mask:"url(#mask0_91_854)"},React__namespace.default.createElement("path",{d:"M161.429 226.164C161.472 226.322 161.474 226.488 161.438 226.647C157.252 244.639 146.071 257.508 132.955 257.508C119.837 257.508 108.632 244.59 104.447 226.595C104.411 226.439 104.413 226.276 104.453 226.121L107.568 214.051L108.337 211.118C108.453 210.678 108.85 210.371 109.305 210.371L156.578 210.371C157.034 210.371 157.432 210.68 157.546 211.122L160.976 224.435L161.305 225.701L161.429 226.164Z",fill:"#D2D4DA"}),React__namespace.default.createElement("path",{d:"M185.475 157.408C185.556 157.356 185.628 157.291 185.693 157.219C210.004 130.149 193.715 196.897 180.188 189.065C157.256 175.818 183.525 158.645 185.475 157.408Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M267.491 324.918C267.577 325.255 267.487 325.608 267.24 325.853C254.85 338.143 225.105 345.481 222.791 346.037C222.686 346.063 222.601 346.067 222.493 346.058C219.509 345.795 174.209 342.097 147.081 357.481C142.849 359.881 122.568 356.455 121.909 356.343C121.888 356.339 121.882 356.339 121.861 356.337L89.946 352.929C89.8715 352.921 89.8068 352.921 89.7323 352.929C87.9869 353.117 64.0883 355.438 45.1808 343.79C29.8522 334.346 9.55527 336.584 -1.36759 325.857C-1.61519 325.614 -1.71005 325.255 -1.62441 324.919L1.46107 312.802C6.33129 293.793 21.3654 279.026 40.5404 274.455L42.6579 273.963L66.162 268.361L72.5851 266.837C75.2907 266.181 77.8788 265.267 80.3256 264.095C82.3725 263.11 84.3253 261.962 86.1605 260.649C88.1368 259.243 89.9955 257.649 91.6659 255.891C96.1597 251.18 99.4771 245.367 101.171 238.827L103.665 229.17L104.324 226.568L104.371 226.357L107.571 214.051L108.319 211.123C108.433 210.681 108.831 210.371 109.288 210.371L156.558 210.371C157.013 210.371 157.411 210.679 157.526 211.12L160.978 224.435L161.308 225.701L161.475 226.325C161.489 226.377 161.496 226.431 161.496 226.486V226.486C161.496 226.54 161.503 226.595 161.517 226.647L162.202 229.193L164.696 238.827C167.025 247.781 172.413 255.446 179.73 260.649C183.729 263.532 188.317 265.665 193.282 266.837L199.211 268.244L225.326 274.455C244.501 279.026 259.535 293.793 264.406 312.802L267.491 324.918Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M161.429 226.164C161.472 226.322 161.474 226.488 161.438 226.647C157.252 244.639 146.071 257.508 132.955 257.508C119.837 257.508 108.632 244.59 104.447 226.595C104.411 226.439 104.413 226.276 104.453 226.121L107.568 214.051L108.337 211.118C108.453 210.678 108.85 210.371 109.305 210.371L156.578 210.371C157.034 210.371 157.432 210.68 157.546 211.122L160.976 224.435L161.305 225.701L161.429 226.164Z",fill:"#DC968D"}),React__namespace.default.createElement("path",{d:"M80.3983 157.408C80.3166 157.356 80.2445 157.291 80.1799 157.219C55.8686 130.149 72.1582 196.897 85.685 189.065C108.616 175.818 82.3476 158.645 80.3983 157.408Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M189.527 137.873C189.52 137.873 189.515 137.879 189.515 137.885C189.515 139.944 189.397 141.956 189.162 143.968C188.974 145.796 188.15 153.601 186.692 163.54C185.895 169.048 184.865 175.184 183.649 181.346C183.638 181.398 183.635 181.447 183.631 181.5V181.5C183.625 181.607 183.575 181.713 183.554 181.818C180.568 196.836 176.367 211.751 170.881 217.193C164.67 223.381 159.682 229.007 153.988 233.062C148.295 237.14 141.919 239.672 132.978 239.672C124.038 239.672 117.662 237.14 111.968 233.062C106.298 229.007 101.286 223.381 95.0752 217.193C89.5754 211.714 85.367 196.715 82.3561 181.682C82.3499 181.651 82.3467 181.628 82.3467 181.596V181.596C82.3467 181.566 82.3438 181.526 82.338 181.496C81.9648 179.566 81.6147 177.636 81.2645 175.728C81.1233 174.932 80.9821 174.135 80.841 173.338C80.2528 169.962 79.7352 166.657 79.2646 163.563C77.5768 152.19 76.7532 143.609 76.7472 143.546C76.747 143.544 76.7471 143.545 76.7469 143.543C76.5589 141.692 76.4648 139.794 76.4648 137.873C76.4648 137.381 76.4648 136.889 76.4648 136.397C76.5825 131.967 77.1942 127.654 78.3 123.528C78.3471 123.341 78.3941 123.153 78.4412 122.966C84.723 100.089 105.121 83.0011 129.731 81.6416C130.814 81.5713 131.872 81.5479 132.978 81.5479C148.601 81.5479 162.741 87.8531 172.975 98.0494C181.822 106.839 187.75 118.559 189.186 131.615C189.42 133.674 189.538 135.756 189.539 137.862C189.539 137.868 189.533 137.873 189.527 137.873V137.873Z",fill:"#FEAEA5"}),React__namespace.default.createElement("path",{d:"M141.871 188.529C141.871 192.42 137.895 195.561 132.977 195.561C128.06 195.561 124.107 192.42 124.107 188.529V188.529C124.107 188.132 124.593 188.105 124.773 188.459C126.079 191.03 129.266 192.842 132.977 192.842C136.689 192.842 139.893 191.03 141.204 188.458C141.381 188.112 141.871 188.14 141.871 188.529V188.529Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M267.512 325.037C267.599 325.374 267.509 325.727 267.264 325.974C232.886 360.672 133.16 359.767 132.956 359.765C132.95 359.765 132.962 359.765 132.956 359.765C132.752 359.767 33.0007 360.672 -1.3537 325.95C-1.59784 325.703 -1.68748 325.351 -1.60167 325.014L1.48353 312.922C6.35375 293.889 21.3879 279.122 40.5629 274.551L66.2315 268.456L72.6075 266.933C75.2325 266.311 77.7789 265.415 80.1745 264.28C80.5729 264.092 81.0485 264.176 81.3541 264.494C94.359 278.009 112.66 286.435 132.956 286.435C153.253 286.435 171.556 278.008 184.562 264.49C184.865 264.174 185.337 264.088 185.734 264.274C188.127 265.395 190.657 266.311 193.304 266.933L198.88 268.269L225.349 274.551C244.524 279.122 259.558 293.889 264.405 312.922L267.512 325.037Z",fill:"#6E7174"}),React__namespace.default.createElement("path",{d:"M197.318 267.895C198.038 268.068 198.334 268.924 197.847 269.481C190.872 277.457 169.982 297.251 132.954 298.717C92.046 300.357 71.408 275.554 67.0543 269.627C66.6418 269.065 66.9505 268.284 67.6281 268.122L72.606 266.933C75.231 266.311 77.7773 265.415 80.173 264.28C80.5713 264.092 81.0469 264.176 81.3526 264.494C94.3575 278.009 112.659 286.435 132.954 286.435C153.252 286.435 171.555 278.008 184.56 264.49C184.864 264.174 185.336 264.088 185.732 264.274C188.126 265.395 190.655 266.311 193.303 266.933L197.318 267.895Z",fill:"#555A5E"}),React__namespace.default.createElement("path",{d:"M75.4663 140.851C75.4663 152.603 78.3795 166.091 80.4253 174.114C80.713 175.242 82.458 175.01 82.5156 173.848C83.0875 162.287 85.7494 140.134 97.4904 130.033C108.545 120.523 117.526 131.201 132.13 131.201C145.353 131.201 157.695 120.704 168.836 130.033C181.053 140.264 183.463 159.992 183.739 171.736C183.767 172.936 185.717 173.218 186.003 172.053C187.986 163.959 190.429 151.77 190.429 140.851C190.429 100.426 174.665 81.3704 132.13 81.3704C93.3928 81.3704 75.4663 100.225 75.4663 140.851Z",fill:"#525252"})),React__namespace.default.createElement("rect",{x:"30.7754",y:"360.29",width:"640.93",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"267.427",y:"134.29",width:"402.636",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"267.427",y:"209.623",width:"180.775",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"481.069",y:"209.623",width:"188.992",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"267.427",y:"284.956",width:"180.775",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"481.069",y:"284.956",width:"188.992",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"266.829",y:"58.3618",width:"402.636",height:"40.942",rx:"3",fill:"#C1C1C1"}),React__namespace.default.createElement("g",{fillOpacity:3===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"672",y:"55",width:"47",height:"410",transform:"rotate(90 672 55)",fill:v}),React__namespace.default.createElement("rect",{x:"670",y:"206",width:"47",height:"194",transform:"rotate(90 670 206)",fill:v}),React__namespace.default.createElement("rect",{x:"242",y:"61",width:"271",height:"218",transform:"rotate(90 242 61)",fill:v}),React__namespace.default.createElement("rect",{x:"677",y:"357",width:"47",height:"653",transform:"rotate(90 677 357)",fill:v})),React__namespace.default.createElement("g",{fillOpacity:4===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"455",y:"281",width:"47",height:"194",transform:"rotate(90 455 281)",fill:v}),React__namespace.default.createElement("rect",{x:"672",y:"131",width:"47",height:"411",transform:"rotate(90 672 131)",fill:v})),React__namespace.default.createElement("g",{fillOpacity:p>=5?1:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("circle",{cx:"360",cy:"215",r:"41",fill:v}),React__namespace.default.createElement("path",{d:"M339.937 218.076L350.044 229.83L381.809 201.915",stroke:"white",strokeWidth:"10",strokeOpacity:p>=5?1:0,strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"stroke-opacity 0.2s linear"}}))),React__namespace.default.createElement("filter",{id:"filter0_f_91_884",x:"0",y:"0",width:"848",height:"556",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},React__namespace.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),React__namespace.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),React__namespace.default.createElement("feGaussianBlur",{stdDeviation:"5",result:"effect1_foregroundBlur_91_884"}))))}function IdCaptureLoadingGraphicMobile(e){var t,a,n,r,o,i,c=e.width,l=void 0===c?428:c,s=e.height,d=void 0===s?747:s,u=e.className,m=React.useState(0),p=m[0],f=m[1];React.useEffect((function(){var e=setInterval((function(){f((function(e){return(e+1)%7}))}),1e3);return function(){clearInterval(e)}}),[]);var g=styled.useTheme(),v=null!==(n=null===(a=null===(t=g.idCapture)||void 0===t?void 0:t.loadingOverlay)||void 0===a?void 0:a.loadingGraphicAccentColor)&&void 0!==n?n:"var(--idm-color-positive-600)",_=null!==(i=null===(o=null===(r=g.idCapture)||void 0===r?void 0:r.loadingOverlay)||void 0===o?void 0:o.loadingGraphicAccentOpacity)&&void 0!==i?i:.2;return React__namespace.default.createElement("svg",{className:u,width:l,height:d,viewBox:"0 0 428 747",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React__namespace.default.createElement(LoadingGraphicCardGroup,{id:"card",$offScreen:p<1},React__namespace.default.createElement("path",{d:"M76.5001 181.274C76.5001 176.027 80.7534 171.774 86.0001 171.774L342 171.774C347.247 171.774 351.5 176.027 351.5 181.274L351.5 586C351.5 591.247 347.247 595.5 342 595.5L86.0001 595.5C80.7534 595.5 76.5001 591.247 76.5001 586L76.5001 181.274Z",fill:"#F3F3F3",stroke:"#DCDCDC"}),React__namespace.default.createElement("mask",{id:"mask0_29_1815",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"113",y:"452",width:"163",height:"126"},React__namespace.default.createElement("rect",{x:"113",y:"577.273",width:"125",height:"162",rx:"3",transform:"rotate(-90 113 577.273)",fill:"#D9D9D9"})),React__namespace.default.createElement("g",{mask:"url(#mask0_29_1815)"},React__namespace.default.createElement("path",{d:"M214.008 497.796C214.165 497.754 214.33 497.751 214.489 497.788C225.426 500.352 233.24 507.14 233.24 515.098C233.24 523.058 225.395 529.861 214.455 532.423C214.3 532.46 214.138 532.458 213.983 532.418L206.704 530.546L205.204 530.154C204.764 530.039 204.457 529.641 204.457 529.186L204.457 501.028C204.457 500.571 204.766 500.173 205.208 500.059L213.044 498.048L213.817 497.847L214.008 497.796Z",fill:"#D2D4DA"}),React__namespace.default.createElement("path",{d:"M172.144 483.183C172.092 483.102 172.027 483.031 171.955 482.966C155.547 468.233 196.225 478.134 191.447 486.357C183.444 500.161 173.096 484.665 172.144 483.183Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M274.192 433.287C274.528 433.202 274.882 433.292 275.124 433.541C282.444 441.074 286.849 458.59 287.283 460.373C287.308 460.479 287.314 460.558 287.305 460.667C287.111 462.898 284.971 490.135 294.285 506.502C295.735 509.05 293.703 521.155 293.593 521.803C293.589 521.823 293.587 521.84 293.585 521.861L291.51 541.224C291.502 541.299 291.502 541.364 291.509 541.439C291.65 542.782 292.959 557.13 285.925 568.508C280.203 577.763 281.504 589.995 275.126 596.677C274.887 596.927 274.528 597.02 274.193 596.935L267.003 595.111C255.396 592.147 246.379 582.999 243.588 571.332L243.287 570.043L239.866 555.741L238.936 551.833C238.535 550.186 237.977 548.611 237.262 547.123C236.66 545.877 235.959 544.689 235.158 543.572C234.299 542.37 233.326 541.239 232.252 540.222C229.375 537.488 225.826 535.469 221.832 534.438L215.936 532.921L214.347 532.52L214.218 532.491L206.704 530.544L205.21 530.164C204.767 530.051 204.457 529.652 204.457 529.194L204.457 501.04C204.457 500.584 204.765 500.186 205.207 500.071L213.044 498.046L213.817 497.846L214.198 497.744C214.23 497.736 214.263 497.731 214.297 497.731C214.33 497.731 214.363 497.727 214.395 497.718L215.95 497.302L221.832 495.784C227.3 494.367 231.98 491.088 235.158 486.636C236.918 484.202 238.22 481.411 238.936 478.39L239.795 474.782L243.588 458.891C246.379 447.223 255.396 438.075 267.003 435.112L274.192 433.287Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M214.008 497.796C214.165 497.754 214.33 497.751 214.489 497.788C225.426 500.352 233.24 507.14 233.24 515.098C233.24 523.058 225.395 529.861 214.455 532.423C214.3 532.46 214.138 532.458 213.983 532.418L206.704 530.546L205.204 530.154C204.764 530.039 204.457 529.641 204.457 529.186L204.457 501.028C204.457 500.571 204.766 500.173 205.208 500.059L213.044 498.048L213.817 497.847L214.008 497.796Z",fill:"#DC968D"}),React__namespace.default.createElement("path",{d:"M172.144 547.035C172.092 547.117 172.027 547.188 171.955 547.252C155.547 561.986 196.225 552.085 191.447 543.861C183.444 530.057 173.096 545.553 172.144 547.035Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M160.188 480.675C160.188 480.679 160.191 480.682 160.195 480.682C161.452 480.682 162.681 480.754 163.91 480.897C165.026 481.011 169.792 481.512 175.861 482.4C179.224 482.885 182.971 483.511 186.733 484.252C186.765 484.258 186.795 484.26 186.827 484.262C186.893 484.266 186.958 484.296 187.022 484.309C196.192 486.126 205.299 488.682 208.623 492.02C212.401 495.8 215.836 498.835 218.312 502.3C220.803 505.764 222.348 509.644 222.348 515.084C222.348 520.524 220.803 524.404 218.312 527.869C215.836 531.319 212.401 534.368 208.623 538.148C205.277 541.494 196.118 544.055 186.939 545.887C186.92 545.891 186.906 545.893 186.886 545.893C186.867 545.893 186.844 545.895 186.825 545.898C185.646 546.125 184.468 546.338 183.303 546.551C182.817 546.637 182.33 546.723 181.843 546.809C179.782 547.167 177.764 547.482 175.875 547.768C168.946 548.793 163.714 549.294 163.652 549.3C163.651 549.3 163.651 549.3 163.649 549.3C162.519 549.415 161.361 549.472 160.188 549.472C159.888 549.472 159.587 549.472 159.287 549.472C156.581 549.4 153.948 549.028 151.429 548.355C151.314 548.327 151.2 548.298 151.085 548.269C137.116 544.447 126.682 532.035 125.852 517.06C125.809 516.401 125.795 515.757 125.795 515.084C125.795 505.578 129.645 496.974 135.871 490.746C141.238 485.363 148.395 481.756 156.367 480.882C157.624 480.739 158.895 480.668 160.181 480.668C160.185 480.668 160.188 480.671 160.188 480.675Z",fill:"#FEAEA5"}),React__namespace.default.createElement("path",{d:"M191.119 509.673C193.495 509.673 195.413 512.092 195.413 515.084C195.413 518.077 193.495 520.482 191.119 520.482C190.877 520.482 190.861 520.186 191.077 520.077C192.647 519.282 193.753 517.343 193.753 515.084C193.753 512.826 192.647 510.876 191.077 510.079C190.866 509.971 190.883 509.673 191.119 509.673Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M274.264 433.275C274.6 433.189 274.954 433.278 275.199 433.524C296.217 454.568 295.682 514.893 295.68 515.097C295.68 515.103 295.68 515.092 295.68 515.098C295.682 515.302 296.217 575.643 275.184 596.673C274.939 596.917 274.586 597.007 274.251 596.921L267.076 595.097C255.454 592.134 246.437 582.986 243.646 571.318L239.925 555.699L238.994 551.819C238.638 550.318 238.133 548.86 237.499 547.48C237.314 547.078 237.398 546.602 237.715 546.294C245.845 538.394 250.903 527.342 250.903 515.098C250.903 502.851 245.844 491.798 237.711 483.897C237.396 483.591 237.311 483.119 237.493 482.719C238.122 481.341 238.638 479.89 238.994 478.376L239.81 474.983L243.646 458.877C246.437 447.21 255.454 438.061 267.076 435.112L274.264 433.275Z",fill:"#6E7174"}),React__namespace.default.createElement("path",{d:"M239.436 476.54C239.609 475.821 240.466 475.529 241.015 476.024C246.147 480.64 257.535 493.254 258.403 515.098C259.367 539.068 245.359 551.601 241.088 554.862C240.535 555.285 239.753 554.982 239.59 554.305L238.994 551.82C238.638 550.319 238.133 548.86 237.499 547.48C237.314 547.079 237.398 546.603 237.715 546.295C245.845 538.394 250.903 527.343 250.903 515.098C250.903 502.852 245.844 491.799 237.711 483.898C237.396 483.592 237.311 483.119 237.493 482.72C238.122 481.342 238.638 479.891 238.994 478.377L239.436 476.54Z",fill:"#555A5E"}),React__namespace.default.createElement("path",{d:"M162.007 550.079C167.945 550.079 174.609 548.865 179.507 547.741C180.642 547.481 180.435 545.695 179.275 545.595C171.872 544.959 160.808 542.941 155.401 536.678C149.594 529.951 156.114 524.486 156.114 515.6C156.114 507.554 149.704 500.044 155.401 493.265C160.661 487.005 170.034 484.976 177.145 484.392C178.342 484.293 178.605 482.241 177.431 481.993C172.848 481.025 167.193 480.126 162.007 480.126C137.322 480.126 125.686 489.718 125.686 515.6C125.686 539.171 137.2 550.079 162.007 550.079Z",fill:"#525252"})),React__namespace.default.createElement("rect",{x:"296",y:"577.273",width:"390",height:"25",rx:"3",transform:"rotate(-90 296 577.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"158",y:"433.273",width:"245",height:"25",rx:"3",transform:"rotate(-90 158 433.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"204",y:"433.273",width:"110",height:"25",rx:"3",transform:"rotate(-90 204 433.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"204",y:"303.274",width:"115",height:"25",rx:"3",transform:"rotate(-90 204 303.274)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"250",y:"433.273",width:"110",height:"25",rx:"3",transform:"rotate(-90 250 433.273)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"250",y:"303.274",width:"115",height:"25",rx:"3",transform:"rotate(-90 250 303.274)",fill:"#C1C1C1"}),React__namespace.default.createElement("rect",{x:"111.637",y:"433.637",width:"245",height:"25",rx:"3",transform:"rotate(-90 111.637 433.637)",fill:"#C1C1C1"}),React__namespace.default.createElement("g",{fillOpacity:2===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"200",y:"188",width:"33",height:"118",fill:v}),React__namespace.default.createElement("rect",{x:"108",y:"444",width:"171",height:"136",fill:v}),React__namespace.default.createElement("rect",{x:"108",y:"187",width:"33",height:"247",fill:v}),React__namespace.default.createElement("rect",{x:"293",y:"186",width:"31",height:"394",fill:v})),React__namespace.default.createElement("g",{fillOpacity:3===p?_:0,style:{transition:"fill-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"154",y:"185",width:"33",height:"249",fill:v}),React__namespace.default.createElement("rect",{x:"247",y:"322",width:"31",height:"113",rx:"5",fill:v})),React__namespace.default.createElement("g",{fillOpacity:p>=4?1:0,strokeOpacity:p>=4?1:0,style:{transition:"fill-opacity 0.2s linear, stroke-opacity 0.2s linear"}},React__namespace.default.createElement("rect",{x:"78.5",y:"171.5",width:"271",height:"426",rx:"2.5",stroke:v,strokeWidth:"5"}),React__namespace.default.createElement("circle",{cx:"214.5",cy:"383.5",r:"23.5",fill:v}),React__namespace.default.createElement("path",{d:"M203 385.263L208.793 392L227 376",stroke:"white",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"}))),React__namespace.default.createElement(LoadingGraphicPhoneGroup,{id:"phone",clipPath:"url(#clip0_29_1778)",$offScreen:p<1},React__namespace.default.createElement("rect",{x:"154",y:"693",width:"120",height:"5",rx:"2.5",fill:"#333343"}),React__namespace.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M372.869 156.244H373.495V156.241C376.342 156.241 378.647 158.551 378.647 161.396V234.788C378.647 237.637 376.339 239.944 373.495 239.944H372.869V677.09C372.869 698.895 355.203 716.571 333.411 716.571H94.2366C72.444 716.571 54.7781 698.895 54.7781 677.09V278.699H54.1523C51.3051 278.699 49 276.39 49 273.544V228.052C49 225.203 51.3082 222.897 54.1523 222.897H54.7781V212.047H54.1523C51.3051 212.047 49 209.737 49 206.892V161.399C49 158.551 51.3082 156.244 54.1523 156.244H54.7781V90.4813C54.7781 68.6761 72.444 51 94.2366 51H333.411C355.203 51 372.869 68.6761 372.869 90.4813V156.244ZM98.3077 60.7649H329.34C347.039 60.7649 361.387 75.1214 361.387 92.8311V674.734C361.387 692.444 347.039 706.8 329.34 706.8H98.3077C80.6082 706.8 66.26 692.444 66.26 674.734V92.8311C66.26 75.1214 80.6082 60.7649 98.3077 60.7649Z",fill:"#333343"}),React__namespace.default.createElement("rect",{x:"154",y:"71",width:"120",height:"20",rx:"10",fill:"#333343"})),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_29_1778"},React__namespace.default.createElement("rect",{width:"428",height:"747",fill:"white"}))))}var templateObject_1$z,templateObject_2$u,templateObject_3$m,templateObject_4$g,LoadingGraphicWrapper=styled__default.default.div(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"],["\n display: flex;\n width: 100%;\n height: 100%;\n"]))),LoadingGraphicSvg=styled__default.default.svg(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n margin: auto;\n transform: scale(\n ","\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ","px solid\n ",";\n"],["\n margin: auto;\n transform: scale(\n ","\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ","px solid\n ",";\n"])),(function(e){return e.$frame>1?1:1===e.$frame?1.25:.75}),(function(e){return e.$frame>=5?10:0}),(function(e){return e.$borderColor})),LoadingGraphicCardGroup=styled__default.default.g(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"],["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])),(function(e){return e.$offScreen?"-500px":"0"})),LoadingGraphicPhoneGroup=styled__default.default.g(templateObject_4$g||(templateObject_4$g=__makeTemplateObject(["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"],["\n transform: translate(",", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])),(function(e){return e.$offScreen?"40px":"0"}));function LoadingListItemIndicator(e){var t=e.state,a=void 0===t?"running":t,n=__rest(e,["state"]);return React__namespace.default.createElement("svg",_assign({width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:_assign({margin:"auto 0.5rem auto 0",flexShrink:0},n.style)},n),"done"===a?React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("g",{clipPath:"url(#clip0_49_385)"},React__namespace.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM19.5643 8.27852C19.9549 7.88799 19.9549 7.25483 19.5643 6.8643C19.1738 6.47378 18.5406 6.47378 18.1501 6.8643L9.42866 15.5858L5.85005 12.0072C5.45953 11.6166 4.82636 11.6166 4.43584 12.0072C4.04531 12.3977 4.04531 13.0309 4.43584 13.4214L8.72155 17.7071C9.11208 18.0976 9.74524 18.0976 10.1358 17.7071L19.5643 8.27852Z",fill:"currentColor"})),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_49_385"},React__namespace.default.createElement("rect",{width:"24",height:"24",fill:"white"})))):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("g",{clipPath:"url(#clip0_49_370)"},React__namespace.default.createElement("mask",{id:"path-1-inside-1_49_370",fill:"white"},React__namespace.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.51472 20.4855C8.20101 25.1718 15.799 25.1718 20.4853 20.4855C25.1716 15.7992 25.1716 8.20119 20.4853 3.5149C15.799 -1.17139 8.20101 -1.17139 3.51472 3.5149C-1.17157 8.20119 -1.17157 15.7992 3.51472 20.4855Z"})),React__namespace.default.createElement("path",{d:"M6.39814 11.459C5.84586 11.459 5.39814 11.9067 5.39814 12.459C5.39814 13.0112 5.84586 13.459 6.39814 13.459V11.459ZM17.6019 13.459C18.1541 13.459 18.6019 13.0112 18.6019 12.459C18.6019 11.9067 18.1541 11.459 17.6019 11.459V13.459ZM6.39814 13.459H17.6019V11.459H6.39814V13.459ZM3.51472 20.4855L4.92893 19.0713L4.92893 19.0713L3.51472 20.4855ZM20.4853 3.5149L19.0711 4.92912L19.0711 4.92912L20.4853 3.5149ZM3.51472 3.5149L4.92893 4.92912L4.92893 4.92912L3.51472 3.5149ZM19.0711 19.0713C15.1658 22.9765 8.83417 22.9765 4.92893 19.0713L2.10051 21.8997C7.56784 27.367 16.4322 27.367 21.8995 21.8997L19.0711 19.0713ZM19.0711 4.92912C22.9763 8.83436 22.9763 15.166 19.0711 19.0713L21.8995 21.8997C27.3668 16.4323 27.3668 7.56803 21.8995 2.10069L19.0711 4.92912ZM4.92893 4.92912C8.83417 1.02387 15.1658 1.02387 19.0711 4.92912L21.8995 2.10069C16.4322 -3.36665 7.56784 -3.36665 2.10051 2.10069L4.92893 4.92912ZM4.92893 19.0713C1.02369 15.166 1.02369 8.83436 4.92893 4.92912L2.10051 2.10069C-3.36683 7.56803 -3.36683 16.4323 2.10051 21.8997L4.92893 19.0713Z",fill:"currentColor",mask:"url(#path-1-inside-1_49_370)"})),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_49_370"},React__namespace.default.createElement("rect",{width:"24",height:"24",fill:"white"})))))}var templateObject_1$y,templateObject_2$t,templateObject_3$l,templateObject_4$f,templateObject_5$a,templateObject_6$8,templateObject_7$5,templateObject_8$2,templateObject_9$2,templateObject_10$1,templateObject_11$1,templateObject_12$1,templateObject_13$1,templateObject_14$1,templateObject_15$1,templateObject_16,templateObject_17,templateObject_18,templateObject_1$x,templateObject_2$s,templateObject_1$w,templateObject_2$r,templateObject_1$v,templateObject_2$q,templateObject_3$k,templateObject_4$e,templateObject_5$9,templateObject_6$7,legacyInstructionImageUrl$1="".concat(DEFAULT_CDN_URL,"/WebSDK-Instruction-DL-Capture-3-Portrait.png"),IdCaptureLoadingOverlayDefault=function(e){var t,a,n,r,o,i,c=e.onDismissed,l=e.onUserCancel,s=e.instructions,d=e.rotateImage,u=void 0!==d&&d,m=e.assets,p=void 0===m?{}:m,f=e.classNames,g=void 0===f?{}:f,v=e.colors,_=void 0===v?{}:v,h=e.verbiage,b=void 0===h?{}:h,C=e.customOverlayContent,y=React.useContext(IdCaptureModelsContext),R=y.ready,x=y.modelDownloadProgress,D=useCameraStore(),E=D.cameraReady,w=D.cameraAccessDenied,S=D.iphoneContinuityCameraAvailable,k=D.setIphoneContinuityCameraAllowed,I=React.useState(!1),T=I[0],O=I[1];p.instructionImageUrl||(p.instructionImageUrl=legacyInstructionImageUrl$1);var M=useTranslations(b,{headingText:"Use your device camera to capture your ID",useContinuityCameraText:"Use your iPhone as a webcam",downloadingText:"Downloading...",modelsWarmingUpText:"Loading guided capture experience...",modelsReadyText:"Guided capture experience ready",cameraInitializingText:"Camera initializing...",cameraInitializedText:"Camera ready",continueText:"Let's Go!"});React.useEffect((function(){if(R&&E)return function(){return null};var e=setTimeout((function(){O(!1)}),500);return function(){clearTimeout(e)}}),[E,R]);var L=React.useRef(null);if(T)return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(w)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:p.cameraAccessDenied,classNames:g.cameraAccessDenied,colors:_.cameraAccessDenied,verbiage:b.cameraAccessDenied});var j={};if(u){var F=null!==(a=null===(t=L.current)||void 0===t?void 0:t.naturalWidth)&&void 0!==a?a:0,B=null!==(r=null===(n=L.current)||void 0===n?void 0:n.naturalHeight)&&void 0!==r?r:0;j={transform:"rotate(-90deg) scale(".concat(F>B?B/F:1,")")}}return React__namespace.default.createElement(OverlayContainer,{className:g.container},React__namespace.default.createElement(OverlayInner$1,{className:g.inner},l&&React__namespace.default.createElement(ExitCaptureButton,{onClick:l,className:g.cancelBtn}),C||React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(OverlayHeader$1,null,React__namespace.default.createElement(StyledGuidanceMessage$2,{className:g.heading},M.headingText)),React__namespace.default.createElement(StyledOverlayImageContainer$2,{className:g.imageContainer,style:{pointerEvents:"none"}},(null==p?void 0:p.instructionImageUrl)&&p.instructionImageUrl!==legacyInstructionImageUrl$1?React__namespace.default.createElement(CustomLoadingGraphic$1,{ref:L,alt:M.headingText,src:p.instructionImageUrl,className:g.image,style:j}):React__namespace.default.createElement(IdCaptureLoadingGraphic,{className:g.image}))),s,React__namespace.default.createElement(ContinuityCameraCheckboxContainer$1,{className:g.continuityCameraCheckboxContainer},S&&React__namespace.default.createElement(ContinuityCameraCheckboxInner,{className:g.continuityCameraCheckboxInner},React__namespace.default.createElement(ContinuityCameraCheckbox$1,{className:g.continuityCameraCheckbox,id:"use-continuity-camera",type:"checkbox",defaultChecked:!0,onChange:function(e){k(e.target.checked)}}),React__namespace.default.createElement("label",{htmlFor:"use-continuity-camera",className:g.continuityCameraCheckboxLabel},M.useContinuityCameraText))),React__namespace.default.createElement(StyledButtonsRow$a,{className:g.buttonsRow},React__namespace.default.createElement(ProgressContainer$1,{className:g.progressContainer},React__namespace.default.createElement(ProgressBarBackground$1,{className:g.progressBackground}),React__namespace.default.createElement(ProgressBar$1,{$progress:x,className:g.progressBar},React__namespace.default.createElement(ProgressIndicator$1,{className:g.progressIndicator}))),React__namespace.default.createElement(LoadingListContainer$1,{className:g.loadingListContainer},React__namespace.default.createElement(LoadingList$1,{className:g.loadingList},React__namespace.default.createElement(LoadingListItem$1,{className:"".concat(null!==(o=g.loadingListItem)&&void 0!==o?o:""," ").concat(E?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:g.loadingListItemIndicator,state:E?"done":"running"}),E?M.cameraInitializedText:M.cameraInitializingText),React__namespace.default.createElement(LoadingListItem$1,{className:"".concat(null!==(i=g.loadingListItem)&&void 0!==i?i:""," ").concat(R?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:g.loadingListItemIndicator,state:R?"done":"running"}),R?M.modelsReadyText:x>=100?M.modelsWarmingUpText:"".concat(M.downloadingText," (").concat(x,"%)")))),React__namespace.default.createElement(ContinueButtonContainer$1,{className:g.continueBtnContainer},R&&E&&React__namespace.default.createElement(ContinueButton$1,{finished:!0,className:g.continueBtn,variant:"positive",colors:_.continueBtn,onClick:function(){O(!0),null==c||c()}},M.continueText)))))},OverlayInner$1=styled__default.default.div(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"],["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.backgroundColor)&&void 0!==r?r:"#ecedf3"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.textColor)&&void 0!==r?r:"black"})),OverlayHeader$1=styled__default.default.div(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"],["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"])),(function(e){var t;return null!==(t=e.theme.textAlign)&&void 0!==t?t:"center"}),(function(e){return e.theme.padding?"box-sizing: border-box; padding: ".concat(e.theme.padding,";"):""})),StyledGuidanceMessage$2=styled__default.default(GuidanceMessage)(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"],["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"]))),StyledOverlayImageContainer$2=styled__default.default(OverlayImageContainer)(templateObject_4$f||(templateObject_4$f=__makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"],["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"]))),ContinuityCameraCheckboxContainer$1=styled__default.default.div(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"],["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"]))),ContinuityCameraCheckboxInner=styled__default.default(GuidanceMessage)(templateObject_6$8||(templateObject_6$8=__makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"],["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"]))),ContinuityCameraCheckbox$1=styled__default.default.input(templateObject_7$5||(templateObject_7$5=__makeTemplateObject(["\n margin-right: 8px;\n"],["\n margin-right: 8px;\n"]))),StyledButtonsRow$a=styled__default.default(ButtonsRow)(templateObject_8$2||(templateObject_8$2=__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarTextColor)&&void 0!==r?r:"white"}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.idCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""})),LoadingListContainer$1=styled__default.default.div(templateObject_9$2||(templateObject_9$2=__makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"],["\n display: flex;\n position: relative;\n z-index: 2;\n"]))),LoadingList$1=styled__default.default.ul(templateObject_10$1||(templateObject_10$1=__makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"],["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"]))),LoadingListItem$1=styled__default.default.li(templateObject_11$1||(templateObject_11$1=__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"]))),ProgressContainer$1=styled__default.default.div(templateObject_12$1||(templateObject_12$1=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"]))),ProgressBarBackground$1=styled__default.default.div(templateObject_13$1||(templateObject_13$1=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundOpacity)&&void 0!==r?r:.75})),ProgressBar$1=styled__default.default.span(templateObject_14$1||(templateObject_14$1=__makeTemplateObject(["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"],["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"])),(function(e){return e.$progress})),ProgressIndicator$1=styled__default.default.span(templateObject_15$1||(templateObject_15$1=__makeTemplateObject(["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"],["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarIndicatorColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),progressBarAnimation),CustomLoadingGraphic$1=styled__default.default.img(templateObject_16||(templateObject_16=__makeTemplateObject(["\n transform-style: preserve-3d;\n"],["\n transform-style: preserve-3d;\n"]))),ContinueButtonContainer$1=styled__default.default.div(templateObject_17||(templateObject_17=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),ContinueButton$1=styled__default.default(LoaderButton)(templateObject_18||(templateObject_18=__makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"],["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.idCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.continueBtnBorder)?"border: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.idCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.continueBtnBorder,";"):""})),ContinuityCameraCheckboxContainer=styled__default.default.div(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"],["\n margin-top: 15px;\n margin-bottom: 15px;\n"]))),ContinuityCameraCheckbox=styled__default.default.input(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n margin-right: 8px;\n"],["\n margin-right: 8px;\n"]))),IdCaptureLoadingOverlayLegacy=function(e){var t,a,n,r,o=e.onDismissed,i=e.onUserCancel,c=e.instructions,l=e.rotateImage,s=void 0!==l&&l,d=e.assets,u=void 0===d?{}:d,m=e.classNames,p=void 0===m?{}:m,f=e.colors,g=void 0===f?{}:f,v=e.verbiage,_=void 0===v?{}:v,h=React.useContext(IdCaptureModelsContext),b=h.ready,C=h.modelDownloadProgress,y=useCameraStore(shallow.useShallow((function(e){return{cameraReady:e.cameraReady,cameraAccessDenied:e.cameraAccessDenied,iphoneContinuityCameraAvailable:e.iphoneContinuityCameraAvailable,setIphoneContinuityCameraAllowed:e.setIphoneContinuityCameraAllowed}}))),R=y.cameraReady,x=y.cameraAccessDenied,D=y.iphoneContinuityCameraAvailable,E=y.setIphoneContinuityCameraAllowed,w=React.useState(!1),S=w[0],k=w[1];u.instructionImageUrl||(u.instructionImageUrl="".concat(DEFAULT_CDN_URL,"/WebSDK-Instruction-DL-Capture-3-Portrait.png"));var I=useTranslations(_,{headingText:"Use your device camera to capture your ID",useContinuityCameraText:"Use your iPhone as a webcam",downloadingText:"Downloading...",modelsWarmingUpText:"Models warming up...",cameraInitializingText:"Camera initializing...",continueText:"Continue"});React.useEffect((function(){if(b&&R)return function(){return null};var e=setTimeout((function(){k(!1)}),500);return function(){clearTimeout(e)}}),[R,b]);var T=React.useRef(null);if(S)return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(x)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:u.cameraAccessDenied,classNames:p.cameraAccessDenied,colors:g.cameraAccessDenied,verbiage:_.cameraAccessDenied});var O={};if(s){var M=null!==(a=null===(t=T.current)||void 0===t?void 0:t.naturalWidth)&&void 0!==a?a:0,L=null!==(r=null===(n=T.current)||void 0===n?void 0:n.naturalHeight)&&void 0!==r?r:0;O={transform:"rotate(-90deg) scale(".concat(M>L?L/M:1,")")}}return React__namespace.default.createElement(OverlayContainer,{className:p.container},React__namespace.default.createElement(OverlayInner$2,{className:p.inner},React__namespace.default.createElement("h3",{className:p.heading},I.headingText),i&&React__namespace.default.createElement(ExitCaptureButton,{onClick:i,className:p.cancelBtn}),React__namespace.default.createElement(OverlayImageContainer,{className:p.imageContainer,style:{pointerEvents:"none"}},React__namespace.default.createElement("img",{ref:T,alt:I.headingText,src:u.instructionImageUrl,className:p.image,style:O})),c,React__namespace.default.createElement(ContinuityCameraCheckboxContainer,{className:p.continuityCameraCheckboxContainer},D&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(ContinuityCameraCheckbox,{className:p.continuityCameraCheckbox,id:"use-continuity-camera",type:"checkbox",defaultChecked:!0,onChange:function(e){E(e.target.checked)}}),React__namespace.default.createElement("label",{htmlFor:"use-continuity-camera",className:p.continuityCameraCheckboxLabel},I.useContinuityCameraText))),React__namespace.default.createElement(LoaderButton,{className:p.continueBtn,variant:"positive",disabled:!R||!b,finished:b&&R,colors:g.continueBtn,onClick:function(){k(!0),null==o||o()}},R&&b?I.continueText:b?I.cameraInitializingText:C>=100?I.modelsWarmingUpText:"".concat(I.downloadingText," (").concat(C,"%)"))))},components$1={default:IdCaptureLoadingOverlayDefault,legacy:IdCaptureLoadingOverlayLegacy},IdCaptureLoadingOverlay=function(e){var t,a=e.mode,n=void 0===a?"default":a,r=__rest(e,["mode"]),o=null!==(t=components$1[n])&&void 0!==t?t:components$1.default;return React__namespace.default.createElement(o,_assign({},r))},CapturedDocumentImg=function(e){var t=e.alt,a=e.className,n=e.image,r=React.useState(n.imageData),o=r[0],i=r[1],c=React.useState(!1),l=c[0],s=c[1],d=n.boundingBox,u=React.useRef(null),m=React.useCallback((function(){d&&!l&&(s(!0),setTimeout((function(){i(cropToDetectedObjectBox(u.current,d).toDataURL("image/jpeg",.95))}),100))}),[d,l]),p=React.useCallback((function(){fetch(n.imageData).then((function(e){return e.blob()})).then((function(e){var t,a=URL.createObjectURL(new Blob([e])),r=document.createElement("a");r.href=a,r.setAttribute("download","".concat(n.documentType,".jpg")),document.body.appendChild(r),r.click(),null===(t=r.parentNode)||void 0===t||t.removeChild(r)}))}),[n.documentType,n.imageData]);return React__namespace.default.createElement("img",{ref:u,alt:t,className:a,src:o,onLoad:m,onDoubleClick:p})},Card=styled__default.default.div(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"],["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"]))),FlexCard=styled__default.default(Card)(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),IdCaptureSuccess=function(e){var t=e.capturedDocuments,a=e.onSubmitClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=e.debugMode,u=void 0!==d&&d,m=React.useContext(SubmissionContext).submissionStatus,p=t.idCardFront,f=t.idCardBack,g=t.passport,v=useTranslations(s,{headingText:"ID Capture Successful",idCardFrontText:"ID Card Front",idCardBackText:"ID Card Back",passportText:"Passport",instructionText:"Verify the entire ID was captured clearly with no glare.",retryText:"Retry",submittingText:"Submitting...",submitText:"Done"});return React__namespace.default.createElement(GrayOverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(FlexCard,{className:o.card},React__namespace.default.createElement(Heading$a,{className:o.heading},v.headingText),React__namespace.default.createElement(ImagesContainer,{className:o.imageContainer},React__namespace.default.createElement(ImageRow,{className:o.imageRow},p&&React__namespace.default.createElement(ImageCol$1,{className:o.imageCol},React__namespace.default.createElement(StyledImage,{image:p,className:o.image,alt:v.idCardFrontText}),u&&React__namespace.default.createElement(DebugPre,null,"Detection Score: ".concat(p.detectionScore,"\nFocus Score: ").concat(p.focusScore,"\nBounding Box: ").concat(JSON.stringify(p.boundingBox)))),f&&React__namespace.default.createElement(ImageCol$1,{className:o.imageCol},React__namespace.default.createElement(StyledImage,{image:f,className:o.image,alt:v.idCardBackText}),u&&React__namespace.default.createElement(DebugPre,null,"Detection Score: ".concat(f.detectionScore,"\nFocus Score: ").concat(f.focusScore,"\nBounding Box: ").concat(JSON.stringify(f.boundingBox)))),g&&React__namespace.default.createElement(ImageCol$1,{className:o.imageCol},React__namespace.default.createElement(StyledImage,{image:g,className:o.image,alt:v.passportText}),u&&React__namespace.default.createElement(DebugPre,null,"Detection Score: ".concat(g.detectionScore,"\nFocus Score: ").concat(g.focusScore,"\nBounding Box: ").concat(JSON.stringify(g.boundingBox)))))),React__namespace.default.createElement(ButtonsColumn,{className:o.buttonsRow},React__namespace.default.createElement(WideButton,{className:o.submitBtn,variant:"positive",onClick:a,disabled:m===SubmissionStatus.SUBMITTING,colors:c.doneBtn,finished:!0},m===SubmissionStatus.SUBMITTING?v.submittingText:v.submitText),React__namespace.default.createElement(WideBorderButton,{className:o.retryBtn,variant:"warning",onClick:n,colors:c.retryBtn,finished:!0},v.retryText)))))},Heading$a=styled__default.default.h1(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"],["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"]))),ImagesContainer=styled__default.default(OverlayImageContainer)(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"],["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"]))),ImageRow=styled__default.default(OverlayImageRow)(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"],["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n //grid-template-columns: 1fr 1fr;\n"]))),ImageCol$1=styled__default.default.div(templateObject_4$e||(templateObject_4$e=__makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"],["\n width: 100%;\n max-height: none !important;\n"]))),StyledImage=styled__default.default(CapturedDocumentImg)(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"],["\n width: 100%;\n border-radius: 12px;\n"]))),DebugPre=styled__default.default.pre(templateObject_6$7||(templateObject_6$7=__makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"],["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));function useShowSuccessScreen(e,t,a){var n=this,r=React.useState(!1),o=r[0],i=r[1];return React.useEffect((function(){t&&e&&("function"==typeof e?__awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,e()];case 1:return t.sent()?null==a||a():i(!0),[2]}}))})):null==a||a())}),[t,a,e]),!e||o}function setCanvasDimensions(e,t,a){var n,r=1;"undefined"!=typeof window&&(r=window.devicePixelRatio),e.width=t*r,e.height=a*r,e.style.width=t+"px",e.style.height=a+"px",null===(n=e.getContext("2d"))||void 0===n||n.scale(r,r)}function resetCanvasDimensions(e){e.width=0,e.height=0,e.style.width="0",e.style.height="0"}var IdCardGuideImageContainer=styled__default.default(IdCardBorder)(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n position: relative;\n ","\n box-sizing: border-box;\n"],["\n position: relative;\n ","\n box-sizing: border-box;\n"])),(function(e){return e.$isVisible?"":"opacity: 0;"})),IdCardGuideImage=styled__default.default.img(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n transform-style: preserve-3d;\n ","\n ","\n"],["\n transform-style: preserve-3d;\n ","\n ","\n"])),(function(e){return e.$isMirrored?"transform: scaleX(-1);":""}),(function(e){return e.$isInvisible?"opacity: 0;":""}));function IdCardBorder(e){var t,a,n,r,o,i,c,l,s,d=e.children,u=e.status,m=void 0===u?"ready":u,p=e.borderWidth,f=void 0===p?20:p,g=e.borderRadius,v=void 0===g?25:g,_=e.borderColor,h=void 0===_?"white":_,b=e.aspectRatio,C=e.progress,y=void 0===C?0:C,R=__rest(e,["children","status","borderWidth","borderRadius","borderColor","aspectRatio","progress"]),x=useResizeObserver__default.default(),D=x.ref,E=x.width,w=void 0===E?0:E,S=x.height,k=void 0===S?0:S,I=React.useState(0),T=I[0],O=I[1];React.useEffect((function(){0===y&&"capturing"===m&&O((function(e){return e+1}))}),[y,m]);var M=styled.useTheme(),L=null!==(n=null===(a=null===(t=M.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.wavesDisabled)&&void 0!==n&&n,j=null!==(i=null===(o=null===(r=M.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.wavesColor)&&void 0!==i?i:"#287ec6",F=null!==(s=null===(l=null===(c=M.idCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.progressBarColor)&&void 0!==s?s:"#287ec6";return React__namespace.default.createElement(IdCardBorderContainer,_assign({},R),React__namespace.default.createElement("div",{ref:D,style:{aspectRatio:b}},d),"ready"===m&&!L&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderOpacity:.25,borderColor:j,borderWidth:f,className:"idmSdkWaves"}),React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderOpacity:.25,borderColor:j,borderWidth:f,className:"idmSdkWaves"}),React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderOpacity:.25,borderColor:j,borderWidth:f,className:"idmSdkWaves"})),React__namespace.default.createElement(IdCardBorderSvg,{width:w,height:k,borderRadius:v,borderColor:h,borderWidth:f,className:"idmSdkWavesOrigin"}),("capturing"===m||y>0)&&React__namespace.default.createElement(IdCardBorderSvg,{key:"progress".concat(T),width:w,height:k,borderRadius:v,borderColor:F,borderWidth:f,isProgressBar:!0,progress:y,progressPaused:y>0&&"capturing"!==m}))}function IdCardBorderSvg(e){var t=e.borderRadius,a=e.borderColor,n=e.borderWidth,r=e.borderOpacity,o=void 0===r?1:r,i=e.progress,c=void 0===i?0:i,l=e.progressPaused,s=void 0!==l&&l,d=e.isProgressBar,u=void 0!==d&&d,m=__rest(e,["borderRadius","borderColor","borderWidth","borderOpacity","progress","progressPaused","isProgressBar"]),p=React.useState(0),f=p[0],g=p[1],v=c*f;return React__namespace.default.createElement(SvgOverlay,_assign({height:"100%",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"round-corner"},React__namespace.default.createElement("rect",{x:"0",y:"0",width:m.width||"100%",height:m.height||"100%",rx:t,ry:t}))),React__namespace.default.createElement(IdCardBorderRect,{ref:function(e){try{u&&e&&g(e.getTotalLength())}catch(e){debug("failed to measure SVG length",e)}},x:"0",y:"0",width:m.width||"100%",height:m.height||"100%",rx:t,ry:t,clipPath:"url(#round-corner)",stroke:a,strokeWidth:n,strokeOpacity:o,strokeDashoffset:u?v:void 0,strokeDasharray:u?f:void 0,className:u?"idmSdkProgressBorder ".concat(s?"idmSdkProgressPaused":""):""}))}var templateObject_1$u,templateObject_2$p,templateObject_3$j,templateObject_4$d,templateObject_5$8,IdCardBorderContainer=styled__default.default.div(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"],["\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])),wavesAnimation),SvgOverlay=styled__default.default.svg(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"]))),IdCardBorderRect=styled__default.default.rect(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: "," ","\n ",";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"],["\n &.idmSdkProgressBorder {\n animation: "," ","\n ",";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])),progressBorderAnimation,(function(e){var t;return null!==(t=e.$speed)&&void 0!==t?t:"3s"}),(function(e){var t;return null!==(t=e.$fillMode)&&void 0!==t?t:"forwards"})),defaultIdCaptureGuideImages={portrait:{SHOW_ID_FRONT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Front-SVG-Portrait-Borderless.svg"),width:386,height:573},SHOW_ID_BACK:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Back-SVG-Portrait-Borderless.svg"),width:386,height:573},SHOW_PASSPORT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-Passport-Front-SVG-Portrait-2.svg"),width:386,height:573}},landscape:{SHOW_ID_FRONT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Front-SVG-Landscape-Borderless.svg"),width:573,height:386},SHOW_ID_BACK:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-IDCard-Back-SVG-Landscape-Borderless.svg"),width:573,height:386},SHOW_PASSPORT:{url:"".concat(DEFAULT_CDN_URL,"/Shieldout-Passport-Front-SVG-Landscape-2.svg"),width:573,height:386}}};function useGuideImagesByUrl(e){return React.useMemo((function(){return Object.fromEntries(Object.values(e).flatMap((function(e){return Object.values(e)})).map((function(e){return[e.url,e]})))}),[e])}function isObject(e){return!!e&&"object"==typeof e&&!Array.isArray(e)}function mergeDeep(e,t){var a=Object.assign({},e);return isObject(e)&&isObject(t)&&Object.keys(t).forEach((function(n){var r,o,i=n;isObject(t[i])?i in e?a[i]=mergeDeep(e[i],t[i]):Object.assign(a,((r={})[i]=t[i],r)):Object.assign(a,((o={})[i]=t[i],o))})),a}function useGuideImages(e){return React.useMemo((function(){return warnAboutImagesMissingDimensions(e),mergeDeep(defaultIdCaptureGuideImages,e)}),[e])}function warnAboutImagesMissingDimensions(e){Object.values(e).forEach((function(e){Object.values(e).forEach((function(e){!e.url||e.width&&e.height||warn("The image ".concat(e.url," is missing width and/or height. This will cause the image scaling issues in Safari. Please provide the width and height of the image."))}))}))}function useImagesWithBackToFront(e,t){var a=useGuideImages(e);return React.useMemo((function(){if(!t)return a;var e=structuredClone(a),n=e.portrait.SHOW_ID_FRONT;e.portrait.SHOW_ID_FRONT=e.portrait.SHOW_ID_BACK,e.portrait.SHOW_ID_BACK=n;var r=e.landscape.SHOW_ID_FRONT;return e.landscape.SHOW_ID_FRONT=e.landscape.SHOW_ID_BACK,e.landscape.SHOW_ID_BACK=r,e}),[a,t])}function getOrientation(e){return e&&window.innerWidth<window.innerHeight?"portrait":"landscape"}var templateObject_1$t,IdVideoCaptureFlipIdPrompt=function(e){var t=e.idCaptureGuideImages,a=void 0===t?defaultIdCaptureGuideImages:t,n=e.classNames,r=void 0===n?{}:n,o=e.borderWidth,i=e.borderColor,c=e.borderRadius,l=e.imageStyle,s=!useCameraStore((function(e){return e.isRearFacing})),d=React.useState(1),u=d[0],m=d[1],p=React.useState(0),f=p[0],g=p[1],v=["rotateY(".concat(f,"deg)")];s&&v.push("scaleX(-1)");var _=["rotateY(".concat(180-f,"deg)")];return s&&_.push("scaleX(-1)"),React.useEffect((function(){var e;function t(){m(1),g(180),e=setTimeout((function(){m(0),g(0)}),1500)}var a=setInterval(t,2500);return e=setTimeout(t,250),function(){clearInterval(a),clearTimeout(e)}}),[]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(FlipImageContainer,{className:r.frontImageContainer,status:"disabled",borderWidth:o,borderColor:i,borderRadius:c,$transforms:v.join(" "),$transitionTime:u,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{src:a.landscape.SHOW_ID_FRONT.url,className:r.frontImage,alt:"",style:l})),React__namespace.default.createElement(FlipImageContainer,{className:r.backImageContainer,status:"disabled",borderWidth:o,borderColor:i,borderRadius:c,$transforms:_.join(" "),$transitionTime:u,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{src:a.landscape.SHOW_ID_BACK.url,className:r.backImage,alt:"",style:l})))},FlipImageContainer=styled__default.default(IdCardGuideImageContainer)(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ","s;\n transform: ",";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"],["\n backface-visibility: hidden;\n transition: transform ","s;\n transform: ",";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])),(function(e){return e.$transitionTime}),(function(e){return e.$transforms})),GuideOrientationContext=React.createContext({orientation:"landscape",wrapperWidth:1,wrapperHeight:1,wrapperAspectRatio:0,imageAspectRatio:0,wrapperRef:null,setDimensions:function(){return null},onImageLoaded:function(){return null}});function GuideOrientationContextProvider(e){var t=e.children,a=React.useState({width:1,height:1})[1],n=React.useState(1),r=n[0],o=n[1],i=useResizeObserver__default.default(),c=i.ref,l=i.width,s=void 0===l?1:l,d=i.height,u=void 0===d?1:d,m=React.useMemo((function(){return s/u}),[u,s]),p=React.useCallback((function(e){var t=e.target;o(t.naturalWidth/t.naturalHeight)}),[]),f=React.useMemo((function(){return{orientation:"landscape",wrapperWidth:s,wrapperHeight:u,wrapperAspectRatio:m,imageAspectRatio:r,setDimensions:a,wrapperRef:c,onImageLoaded:p}}),[r,p,a,m,u,c,s]);return React__namespace.default.createElement(GuideOrientationContext.Provider,{value:f},t)}function useGuideOrientationContext(){var e=React.useContext(GuideOrientationContext);if(!e)throw new Error("useGuideOrientationContext cannot be used without GuideOrientationContextProvider");return e}var templateObject_1$s,templateObject_2$o,templateObject_3$i,templateObject_4$c,templateObject_5$7,templateObject_6$6,templateObject_7$4,templateObject_8$1,templateObject_9$1,templateObject_1$r,templateObject_2$n,FlipIdPrompt=function(e){var t=e.images,a=void 0===t?defaultIdCaptureGuideImages:t,n=e.width,r=e.height,o=e.borderWidth,i=void 0===o?20:o,c=e.borderColor,l=void 0===c?"white":c,s=e.borderRadius,d=void 0===s?25:s,u=e.isMirrored,m=void 0!==u&&u,p=e.portraitGuidesOnMobile,f=void 0===p||p,g=e.classNames,v=void 0===g?{}:g,_=useGuideOrientationContext().onImageLoaded,h=getOrientation(f),b=React.useState(1),C=b[0],y=b[1],R=React.useState(0),x=R[0],D=R[1],E=["rotateY(".concat(x,"deg)")];m&&E.push("scaleX(-1)");var w=["rotateY(".concat(180-x,"deg)")];return m&&w.push("scaleX(-1)"),React.useEffect((function(){var e,t=function(){y(1),D(180),e=setTimeout((function(){y(0),D(0)}),1500)},a=setInterval(t,2500);return e=setTimeout(t,250),function(){clearInterval(a),clearTimeout(e)}}),[]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(FlipImageContainer,{status:"disabled",className:v.frontImageContainer,borderWidth:i,borderColor:l,borderRadius:d,$transforms:E.join(" "),$transitionTime:C,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{alt:"",src:a[h].SHOW_ID_FRONT.url,className:v.frontImage,onLoad:_,width:n,height:r})),React__namespace.default.createElement(FlipImageContainer,{status:"disabled",className:v.backImageContainer,borderWidth:i,borderColor:l,borderRadius:d,$transforms:w.join(" "),$transitionTime:C,$isVisible:!0},React__namespace.default.createElement(IdCardGuideImage,{alt:"",src:a[h].SHOW_ID_BACK.url,className:v.backImage,width:n,height:r})))},IdCaptureGuideOverlay=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p=e.classNames,f=void 0===p?{}:p,g=e.images,v=void 0===g?defaultIdCaptureGuideImages:g,_=e.padding,h=e.imagePadding,b=e.imageVisible,C=void 0===b||b,y=e.borderWidth,R=e.borderColor,x=e.idCardBorderWidth,D=void 0===x?"2.5%":x,E=e.idCardBorderColor,w=void 0===E?"white":E,S=e.maskColor,k=e.isMirrored,I=void 0!==k&&k,T=e.isBackToFront,O=void 0!==T&&T,M=e.portraitGuidesOnMobile,L=void 0===M||M,j=e.instruction,F=void 0===j?"":j,B=e.requestedAction,N=void 0===B?"SHOW_ID_FRONT":B,$=e.progress,A=void 0===$?0:$,P=e.status,U=void 0===P?"ready":P,V=e.onClick,G=useGuideOrientationContext(),W=G.wrapperRef,q=G.wrapperWidth,z=G.wrapperHeight,H=G.imageAspectRatio,Y=G.wrapperAspectRatio,K=G.onImageLoaded,Z=G.setDimensions,X=useIdCaptureState(),J=X[0],Q=X[1],ee=styled.useTheme();void 0===y&&(y=null!==(n=null===(a=null===(t=ee.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:4),React.useEffect((function(){Z({width:q,height:z})}),[Z,z,q]);var te=null!=_?_:isMobile()?null!==(i=null===(o=null===(r=ee.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.mobilePadding)&&void 0!==i?i:0:null!==(s=null===(l=null===(c=ee.idCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.desktopPadding)&&void 0!==s?s:50,ae=2*te+2*y,ne=useImagesWithBackToFront(v,O),re=useGuideImagesByUrl(ne),oe=ne[getOrientation(L)]["FLIP_ID"===N?"SHOW_ID_FRONT":N],ie=null!==(m=null!=h?h:null===(u=null===(d=ee.idCapture)||void 0===d?void 0:d.guideBox)||void 0===u?void 0:u.imagePadding)&&void 0!==m?m:50,ce=J.guideRectWidth-2*ie,le=J.guideRectHeight-2*ie,se=H>=Y?q-ae:void 0,de=React.useCallback((function(e){var t,a;K(e);var n=e.currentTarget,r=re[n.src],o=null!==(t=null==r?void 0:r.width)&&void 0!==t?t:n.naturalWidth,i=null!==(a=null==r?void 0:r.height)&&void 0!==a?a:n.naturalHeight;Q({type:"guideImageLoaded",payload:{width:o,height:i}})}),[Q,K,re]);return React__namespace.default.createElement(StyledPageContainer,{ref:W,onClick:V,className:f.container},React__namespace.default.createElement(GuidesContainer,{className:f.inner},React__namespace.default.createElement(GuideRegion,{$maskColor:S,$minHeight:te,className:regionClsx(f,"Top")},""!==F&&React__namespace.default.createElement(GuideText,{className:f.guideText},F)),React__namespace.default.createElement(GuideCenterRow,{className:f.centerRow},React__namespace.default.createElement(Spacer,{$maskColor:S,$minWidth:te,className:regionClsx(f,"Left")}),React__namespace.default.createElement(GuideCenterRegion,{$minWidth:se,$isMirrored:I,className:f.centerRegion},React__namespace.default.createElement(GuideCenterBorder,{$borderWidth:y,$borderColor:R,$padding:ie,className:f.centerRegionBorder},React__namespace.default.createElement(GuideCenterInner,{className:f.centerRegionInner},React__namespace.default.createElement(IdCardGuideImageContainer,{status:U,progress:A,borderWidth:D,borderColor:w,$isVisible:"FLIP_ID"!==N},React__namespace.default.createElement(IdCardGuideImage,{alt:"",src:oe.url,onLoad:de,className:f.image,$isInvisible:!C,$isMirrored:I,width:ce,height:le})),"FLIP_ID"===N&&React__namespace.default.createElement(FlipIdPrompt,{images:ne,borderWidth:D,borderColor:w,portraitGuidesOnMobile:L,isMirrored:I,classNames:f.flipIdPrompt,width:ce,height:le})))),React__namespace.default.createElement(Spacer,{$maskColor:S,$minWidth:te,className:regionClsx(f,"Right")})),React__namespace.default.createElement(GuideRegion,{$maskColor:S,$minHeight:te,className:regionClsx(f,"Bottom")},""!==F&&React__namespace.default.createElement(GuideText,{style:{opacity:0}},F))))},regionClsx=function(e,t){return[e.dimmingRegion,e["dimmingRegion".concat(t)]].filter((function(e){return e})).join(" ")},StyledPageContainer=styled__default.default(PageContainerDiv)(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"],["\n z-index: 1000;\n overflow-y: hidden;\n"]))),GuidesContainer=styled__default.default.div(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"],["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"]))),GuideCenterRow=styled__default.default.div(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"],["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"]))),GuideRegion=styled__default.default.div(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ",";\n color: ",";\n text-align: center;\n ","\n ","\n"],["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ",";\n color: ",";\n text-align: center;\n ","\n ","\n"])),(function(e){var t,a,n,r,o;return null!==(o=null!==(t=e.$maskColor)&&void 0!==t?t:null===(r=null===(n=null===(a=e.theme)||void 0===a?void 0:a.idCapture)||void 0===n?void 0:n.guideOverlay)||void 0===r?void 0:r.backgroundColor)&&void 0!==o?o:"rgba(0, 0, 0, 0.5)"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.idCapture)||void 0===a?void 0:a.guideOverlay)||void 0===n?void 0:n.textColor)&&void 0!==r?r:"white"}),(function(e){return e.$minWidth?"min-width: ".concat(e.$minWidth,"px;"):""}),(function(e){return e.$minHeight?"min-height: ".concat(e.$minHeight,"px;"):""})),Spacer=styled__default.default(GuideRegion)(templateObject_5$7||(templateObject_5$7=__makeTemplateObject(["\n display: block;\n width: auto;\n"],["\n display: block;\n width: auto;\n"]))),GuideCenterRegion=styled__default.default.div(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n ","\n ","\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"],["\n ","\n ","\n transform-style: preserve-3d;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n max-height: 100%;\n height: 100%;\n"])),(function(e){return e.$minWidth?"min-width: ".concat(e.$minWidth,"px;"):""}),(function(e){return e.$isMirrored?"transform: scaleX(-1);":""})),GuideCenterBorder=styled__default.default.div(templateObject_7$4||(templateObject_7$4=__makeTemplateObject(["\n box-sizing: border-box;\n border: ",";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ","\n"],["\n box-sizing: border-box;\n border: ",";\n display: flex;\n flex: 1;\n justify-content: center;\n max-height: 100%;\n min-height: 0;\n position: relative;\n ","\n"])),(function(e){var t,a;return"".concat(null!==(t=e.$borderWidth)&&void 0!==t?t:4,"px solid ").concat(null!==(a=e.$borderColor)&&void 0!==a?a:"white")}),(function(e){return e.$padding?"padding: ".concat(e.$padding,"px;"):""})),GuideText=styled__default.default.span(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"],["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"]))),GuideCenterInner=styled__default.default.div(templateObject_9$1||(templateObject_9$1=__makeTemplateObject(["\n position: relative;\n margin: auto;\n"],["\n position: relative;\n margin: auto;\n"]))),IdCaptureFitGuide=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p=e.aspectRatio,f=e.maskColor,g=e.borderRadius,v=void 0===g?33:g,_=e.borderColor,h=e.borderWidth,b=e.padding,C=e.imageVisible,y=e.isMirrored,R=void 0!==y&&y,x=e.isBackToFront,D=void 0!==x&&x,E=e.portraitGuidesOnMobile,w=void 0===E||E,S=e.instruction,k=e.requestedAction,I=void 0===k?"SHOW_ID_FRONT":k,T=e.status,O=void 0===T?"ready":T,M=e.progress,L=void 0===M?0:M,j=e.images,F=void 0===j?defaultIdCaptureGuideImages:j,B=e.classNames,N=void 0===B?{}:B,$=useIdCaptureState(),A=$[0],P=A.redrawing,U=A.guideImageWidth,V=A.guideImageHeight,G=$[1],W=React.useRef(null),q=useResizeObserver__default.default(),z=q.ref,H=q.width,Y=void 0===H?1:H,K=q.height,Z=void 0===K?1:K,X=styled.useTheme();return void 0===h&&(h=null!==(n=null===(a=null===(t=X.idCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:4),void 0===b&&(b=isMobile()?null!==(i=null===(o=null===(r=X.idCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.mobilePadding)&&void 0!==i?i:0:null!==(s=null===(l=null===(c=X.idCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.desktopPadding)&&void 0!==s?s:0),void 0===p&&0!==U&&(p=U/V),void 0===f&&(f=null!==(m=null===(u=null===(d=X.idCapture)||void 0===d?void 0:d.guideOverlay)||void 0===u?void 0:u.backgroundColor)&&void 0!==m?m:"#708090"),React.useEffect((function(){var e=W.current;if(e){if(P){resetCanvasDimensions(e);var t=setTimeout((function(){G({type:"redrawInProgress"})}),10);return function(){clearTimeout(t)}}var a=Y-2*b-2*h,n=Z-2*b-2*h,r=[b+h,b+h,a,n],o=r[0],i=r[1],c=r[2],l=r[3];if(void 0!==p){var s=n*p;s<a?o+=(a-(c=s))/2:i+=(n-(l=a/p))/2}setCanvasDimensions(e,Y,Z);var d=e.getContext("2d");if(d)return d.fillStyle=f,d.clearRect(0,0,Y,Z),d.fillRect(0,0,Y,Z),d.beginPath(),d.roundRect(o,i,c,l,v),d.lineWidth=h,d.strokeStyle=null!=_?_:"white",(null==_?void 0:_.startsWith("var("))&&(d.strokeStyle=getComputedStyle(document.documentElement).getPropertyValue(_.slice(4,-1))),d.stroke(),d.fillStyle="rgba(0,0,0,1)",d.globalCompositeOperation="destination-out",d.fill(),d.globalCompositeOperation="source-over",G({type:"redrawCompleted",payload:{guideRectX:o,guideRectY:i,guideRectWidth:c,guideRectHeight:l,guideRectOffsetTop:e.offsetTop}}),function(){}}}),[p,_,v,h,G,f,b,P,Z,Y]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(CanvasWrapper$1,{ref:z,$maskColor:f,className:N.canvasWrapper},React__namespace.default.createElement(Canvas$1,{ref:W,className:N.canvas})),React__namespace.default.createElement(IdCaptureGuideOverlay,{maskColor:"transparent",borderWidth:0,isMirrored:R,isBackToFront:D,portraitGuidesOnMobile:w,instruction:S,images:F,classNames:N,imageVisible:C,requestedAction:I,status:O,progress:L}))},CanvasWrapper$1=styled__default.default.div(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n z-index: -1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n z-index: -1;\n"])),(function(e){return e.$maskColor})),Canvas$1=styled__default.default.canvas(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"])));function IdCaptureGuides(e){var t=e.guideType,a=void 0===t?"fit":t,n=e.status,r=void 0===n?"ready":n,o=e.progress,i=void 0===o?0:o,c=e.portraitGuidesOnMobile,l=void 0===c||c,s=e.requestedAction,d=void 0===s?"SHOW_ID_FRONT":s,u=e.isBackToFront,m=void 0!==u&&u,p=e.images,f=void 0===p?defaultIdCaptureGuideImages:p,g=e.classNames,v=void 0===g?{}:g,_=e.colors,h=void 0===_?{}:_,b=e.verbiage,C=void 0===b?{}:b,y=useIdCaptureState()[0],R=useCameraStore((function(e){return e.isRearFacing})),x=useTranslations(C,{instructionText:"Scan the front of ID",capturingText:"Capturing...",captureFailedText:"Capture failed!"});return React__namespace.default.createElement(React__namespace.default.Fragment,null,"overlay"===a&&React__namespace.default.createElement(IdCaptureGuideOverlay,{images:f,classNames:v,status:r,progress:i,instruction:y.captureFailed?x.captureFailedText:y.capturing?null==x?void 0:x.capturingText:x.instructionText,isMirrored:!R,borderColor:y.isGoodFrame?h.guideBoxSatisfiedColor:h.guideBoxUnsatisfiedColor,imageVisible:"FLIP_ID"===d||!y.idCardFrontDetectionThresholdMet||!y.documentInBounds||y.documentTooClose}),"fit"===a&&React__namespace.default.createElement(IdCaptureFitGuide,{images:f,classNames:v,requestedAction:d,status:r,progress:i,instruction:y.captureFailed?x.captureFailedText:y.capturing?null==x?void 0:x.capturingText:x.instructionText,isMirrored:!R,isBackToFront:m,portraitGuidesOnMobile:l,borderColor:y.isGoodFrame?h.guideBoxSatisfiedColor:h.guideBoxUnsatisfiedColor,imageVisible:"FLIP_ID"===d||!y.detectionThresholdMet||!y.documentInBounds||y.documentTooClose||y.backDetectedFirst||y.flipRequired}))}var templateObject_1$q,templateObject_2$m,templateObject_3$h,templateObject_4$b,templateObject_1$p,templateObject_2$l,templateObject_1$o,templateObject_1$n,templateObject_1$m,templateObject_2$k,templateObject_3$g,templateObject_4$a,templateObject_5$6,templateObject_6$5,templateObject_7$3,IdCaptureImagePreview=function(e){var t=e.classNames,a=void 0===t?{}:t,n=e.text,r=e.imageUrl,o=React.useRef(null),i=React.useState(!1),c=i[0],l=i[1],s=React.useState(0),d=s[0],u=s[1];return React__namespace.default.createElement(ImagePreviewWrapper,{className:a.container,style:{opacity:c?1:0}},n&&React__namespace.default.createElement(ImagePreviewText,{className:a.text},n),React__namespace.default.createElement(ImagePreviewImageWrapper,{className:a.imageContainer,style:{aspectRatio:d}},React__namespace.default.createElement("img",{ref:o,src:r,alt:"",className:a.image,onLoad:function(){u(o.current.naturalWidth/o.current.naturalHeight),l(!0)},onError:function(){error("failed to load image from url",r)}})))},SelfieProgressPreview=function(e){var t=e.classNames,a=void 0===t?{}:t,n=e.text,r=e.imageUrl,o=React.useRef(null),i=React.useState(!1),c=i[0],l=i[1],s=React.useState(0),d=s[1];return React__namespace.default.createElement(ImagePreviewWrapper,{className:a.container,style:{aspectRatio:s[0],opacity:c?1:0}},React__namespace.default.createElement(ImagePreviewText,{className:a.text},React__namespace.default.createElement(StyledSpinner,{className:a.spinner,$size:24,$color:"white",$thickness:3}),n),React__namespace.default.createElement(ImagePreviewImageWrapper,{className:a.imageContainer},React__namespace.default.createElement("img",{ref:o,src:r,alt:"",className:a.image,onLoad:function(){d(o.current.naturalWidth/o.current.naturalHeight),l(!0)},onError:function(){error("failed to load image from url",r)}})))},StyledSpinner=styled__default.default(Spinner)(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"],["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"]))),ImagePreviewWrapper=styled__default.default.div(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"],["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"]))),ImagePreviewText=styled__default.default.div(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"],["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"]))),ImagePreviewImageWrapper=styled__default.default.div(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"],["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"]))),documentCaptureInitialState={documents:[],currentDocumentIndex:0,initialDrawComplete:!1,redrawing:!1,capturing:!1,rectX:0,rectY:0,rectWidth:0,rectHeight:0,rectOffsetTop:0,uploadCapturedDocument:function(){return Promise.resolve()}},DocumentCaptureStateContext=React.createContext(documentCaptureInitialState),DocumentCaptureDispatchContext=React.createContext((function(){})),documentCaptureStateReducer=function(e,t){var a,n,r,o,i;switch(t.type){case"setDocuments":return _assign(_assign({},e),{documents:t.payload,currentDocumentIndex:0});case"setHooks":return _assign(_assign({},e),t.payload);case"redrawRequested":return _assign(_assign({},e),{redrawing:!0,rectX:0,rectY:0,rectWidth:0,rectHeight:0,rectOffsetTop:0});case"redrawInProgress":return _assign(_assign({},e),{redrawing:!1,rectX:0,rectY:0,rectWidth:0,rectHeight:0,rectOffsetTop:0});case"redrawCompleted":return _assign(_assign(_assign({},e),t.payload),{initialDrawComplete:!0});case"captureRequested":return _assign(_assign({},e),{capturing:!0});case"captureCompleted":return(c=_assign(_assign({},e),{capturing:!1})).documents[l=e.currentDocumentIndex].content=t.payload.content,c.documents[l].contentUrl=t.payload.contentUrl,null===(a=e.onDocumentCaptured)||void 0===a||a.call(e,c.documents[l]),c;case"retryCapture":return(c=_assign({},e)).documents[l=e.currentDocumentIndex].content=void 0,c.documents[l].contentUrl=void 0,c;case"uploadStarted":return(c=_assign({},e)).documents[l=e.currentDocumentIndex].uploadState="in_progress",c;case"uploadCompleted":return(c=_assign({},e)).documents[l=e.currentDocumentIndex].documentId=t.payload.documentId,c.documents[l].uploadState="succeeded",null===(r=(n=c.documents[l]).onUploaded)||void 0===r||r.call(n,c.documents[l]),null===(o=e.onDocumentUploaded)||void 0===o||o.call(e,c.documents[l]),e.documents.length-1>l?c.currentDocumentIndex+=1:null===(i=e.onAllDocumentsUploaded)||void 0===i||i.call(e,c.documents),c;case"uploadFailed":var c,l;return(c=_assign({},e)).documents[l=e.currentDocumentIndex].uploadState="failed",c;default:return e}},DocumentCaptureStateProvider=function(e){var t=e.documents,a=void 0===t?[]:t,n=e.aspectRatio,r=e.cameraFeedMode,o=e.instructions,i=e.onDocumentCaptured,c=e.onDocumentUploaded,l=e.onAllDocumentsUploaded,s=e.children,d=React.useReducer(documentCaptureStateReducer,documentCaptureInitialState),u=d[0],m=d[1],p=useCameraStore(),f=p.videoStream,g=p.videoRef,v=React.useContext(SubmissionContext).uploadDocument,_=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var a;return __generator(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),m({type:"uploadStarted"}),[4,v(e,{filetype:t})];case 1:return a=n.sent(),setTimeout((function(){m({type:"uploadCompleted",payload:{documentId:a}})}),0),[3,3];case 2:return n.sent(),m({type:"uploadFailed"}),[3,3];case 3:return[2]}}))}))}),[v]);React.useEffect((function(){var e=(null==a?void 0:a.length)?a.map((function(e){return _assign(_assign({title:"Document Capture",aspectRatio:n,cameraFeedMode:"snapToGuides",instructions:o},e),{uploadState:"not_started"})})):[{title:"Document Capture",aspectRatio:n,cameraFeedMode:null!=r?r:"snapToGuides",instructions:o,uploadState:"not_started"}];m({type:"setDocuments",payload:e}),e.forEach((function(e){e.content&&(e.contentUrl||(e.contentUrl=URL.createObjectURL(e.content)),_(e.content,e.content.type))}))}),[n,r,a,o,_]),React.useEffect((function(){m({type:"setHooks",payload:{onDocumentCaptured:i,onDocumentUploaded:c,onAllDocumentsUploaded:l}})}),[i,l,c]);var h=useDebounce.useDebouncedCallback((function(){m({type:"redrawRequested"})}),500);React.useLayoutEffect((function(){if("undefined"!=typeof window)return window.addEventListener("resize",h),function(){window.removeEventListener("resize",h)}}),[h]);var b=g.current;React.useEffect((function(){if(u.capturing&&(null==f?void 0:f.active))if("undefined"!=typeof ImageCapture){var e=f.getTracks().find((function(e){return"video"===e.kind}));if(!e)throw new Error("Failed to find a video feed for taking a photo");new ImageCapture(e).takePhoto().then(a).catch((function(){}))}else if(b){var t=document.createElement("canvas");drawToCanvas(t,b),t.toBlob(a)}function a(e){if(e){var t=URL.createObjectURL(e);m({type:"captureCompleted",payload:{content:e,contentUrl:t}})}}}),[u.capturing,f,b]);var C=React.useMemo((function(){return _assign(_assign({},u),{uploadCapturedDocument:_})}),[u,_]);return React__namespace.default.createElement(DocumentCaptureStateContext.Provider,{value:C},React__namespace.default.createElement(DocumentCaptureDispatchContext.Provider,{value:m},s))},useDocumentCaptureState=function(){var e=React.useContext(DocumentCaptureStateContext),t=React.useContext(DocumentCaptureDispatchContext);if(!e||!t)throw new Error("useDocumentCaptureState cannot be used without DocumentCaptureStateProvider");return[e,t]},DocumentCaptureGuideOverlay=function(e){var t,a,n,r,o,i,c,l,s,d=e.aspectRatio,u=e.borderRadius,m=void 0===u?25:u,p=e.borderColor,f=e.borderWidth,g=e.maskColor,v=e.padding,_=e.classNames,h=void 0===_?{}:_,b=useResizeObserver__default.default(),C=b.ref,y=b.width,R=void 0===y?1:y,x=b.height,D=void 0===x?1:x,E=useDocumentCaptureState(),w=E[0].redrawing,S=E[1],k=React.useRef(null),I=styled.useTheme();return void 0===f&&(f=null!==(n=null===(a=null===(t=I.documentCapture)||void 0===t?void 0:t.guideBox)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:4),void 0===v&&(v=isMobile()?null!==(i=null===(o=null===(r=I.documentCapture)||void 0===r?void 0:r.guideBox)||void 0===o?void 0:o.mobilePadding)&&void 0!==i?i:0:null!==(s=null===(l=null===(c=I.documentCapture)||void 0===c?void 0:c.guideBox)||void 0===l?void 0:l.desktopPadding)&&void 0!==s?s:0),React.useEffect((function(){var e=k.current;if(e){if(w)return resetCanvasDimensions(e),void setTimeout((function(){S({type:"redrawInProgress"})}),10);var t=R-2*v-2*f,a=D-2*v-2*f,n=[v+f,v+f,t,a],r=n[0],o=n[1],i=n[2],c=n[3];if(void 0!==d){var l=a*d;l<t?r+=(t-(i=l))/2:o+=(a-(c=t/d))/2}setCanvasDimensions(e,R,D);var s=e.getContext("2d");if(s)s.fillStyle=g,s.clearRect(0,0,R,D),s.fillRect(0,0,R,D),s.beginPath(),s.roundRect(r,o,i,c,m),s.lineWidth=f,s.strokeStyle=null!=p?p:"white",s.stroke(),s.fillStyle="rgba(0,0,0,1)",s.globalCompositeOperation="destination-out",s.fill(),s.globalCompositeOperation="source-over",S({type:"redrawCompleted",payload:{rectX:r,rectY:o,rectWidth:i,rectHeight:c,rectOffsetTop:e.offsetTop}})}}),[d,p,m,f,S,g,v,w,D,R]),React__namespace.default.createElement(CanvasWrapper,{ref:C,className:h.container,$maskColor:g},React__namespace.default.createElement(Canvas,{ref:k}))},CanvasWrapper=styled__default.default.div(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n"],["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ",";\n"])),(function(e){return e.$maskColor})),Canvas=styled__default.default.canvas(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n display: block;\n"],["\n display: block;\n"]))),CameraFeedWrapper=styled__default.default.div(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){return"snapToGuides"===e.$mode?"display: flex;\n position: absolute;\n left: ".concat(e.$x,"px;\n top: ").concat(e.$y,"px;\n width: ").concat(e.$w,"px;\n height: ").concat(e.$h,"px;"):""})),CameraVideoTag=function(e){var t=useCameraStore(shallow.useShallow((function(e){return{videoRef:e.videoRef,videoStream:e.videoStream,onVideoMounted:e.onVideoMounted,isRearFacing:e.isRearFacing}}))),a=t.videoRef,n=t.videoStream,r=t.onVideoMounted,o=t.isRearFacing;return React.useEffect((function(){a.current&&n&&(debug("attaching camera stream to video tag"),a.current.srcObject=n)}),[n,a]),React__namespace.default.createElement(FullscreenVideoTag,_assign({autoPlay:!0,playsInline:!0,muted:!0,ref:a,onLoadedData:r,$isRearFacing:o},e))},FullscreenVideoTag=styled__default.default.video(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n transform: ",";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"],["\n transform: ",";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])),(function(e){return e.$isRearFacing?"":"scaleX(-1)"})),DocumentCaptureScreen=function(e){var t,a,n,r,o,i=e.onCaptureClicked,c=e.classNames,l=void 0===c?{}:c,s=e.verbiage,d=void 0===s?{}:s,u=useDocumentCaptureState(),m=u[0],p=m.rectX,f=m.rectY,g=m.rectWidth,v=m.rectHeight,_=m.rectOffsetTop,h=m.capturing,b=m.uploadCapturedDocument,C=u[1],y=null!==(t=m.documents[m.currentDocumentIndex])&&void 0!==t?t:{},R=y.title,x=y.aspectRatio,D=y.cameraFeedMode,E=y.instructions,w=y.contentUrl,S=y.content,k=y.uploadState,I=useCameraStore(),T=I.videoStream,O=I.cameraReady,M=I.cameraAccessDenied,L=I.requestCameraAccess,j=React.useState(!1),F=j[1],B="not_started"===k&&!S&&!j[0]&&!(null==T?void 0:T.active);React.useEffect((function(){B&&(F(!0),L())}),[B,L]);var N=null!==(r=null===(n=null===(a=styled.useTheme().documentCapture)||void 0===a?void 0:a.guideBox)||void 0===n?void 0:n.maskColor)&&void 0!==r?r:"snapToGuides"===D?"#708090":"rgba(0, 0, 0, 0.5)",$=useTranslations(d,{headingText:R,loadingBtnText:"Camera initializing...",retryCameraAccessBtnText:"Retry",captureBtnText:"Capture",capturingBtnText:"Capturing...",retryCaptureBtnText:"Retry capture",uploadBtnText:"Upload",uploadingBtnText:"Uploading...",retryUploadBtnText:"Retry",successBtnText:"Upload succeeded!"});function A(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,b(S,"image/jpeg")];case 1:return e.sent(),[2]}}))}))}return React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(o=l.container)&&void 0!==o?o:"")},React__namespace.default.createElement(CameraFeedWrapper,{className:l.cameraFeedWrapper,$mode:null!=D?D:"snapToGuides",$x:p,$y:f+_,$w:g,$h:v},w?React__namespace.default.createElement(PreviewImage,{alt:"",src:w,className:l.previewImage}):React__namespace.default.createElement(CameraVideoTag,{className:l.cameraFeed})),React__namespace.default.createElement(CaptureContainer,{className:l.captureContainer},React__namespace.default.createElement(HeadingRow,{$maskColor:N,className:l.headingRow},React__namespace.default.createElement(Heading$9,{className:l.heading},$.headingText)),React__namespace.default.createElement(DocumentCaptureGuideOverlay,{aspectRatio:x,classNames:l,maskColor:N}),React__namespace.default.createElement(FooterRow,{$maskColor:N,className:l.footerRow},E&&React__namespace.default.createElement(Instructions,{className:l.instructions},E),React__namespace.default.createElement(StyledButtonsRow$9,{className:l.buttonsRow},M?React__namespace.default.createElement(LoaderButton,{className:l.retryCameraAccessBtn,variant:"negative",finished:!0,onClick:L},$.retryCameraAccessBtnText):w?React__namespace.default.createElement(React__namespace.default.Fragment,null,"not_started"===k?React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(LoaderButton,{className:l.retryCaptureBtn,finished:!0,variant:"warning",onClick:function(){C({type:"retryCapture"})}},$.retryCaptureBtnText),React__namespace.default.createElement(LoaderButton,{className:l.uploadBtn,finished:!0,variant:"positive",onClick:A},$.uploadBtnText)):React__namespace.default.createElement(LoaderButton,{className:l.uploadProgressBtn,finished:"in_progress"!==k,variant:"failed"===k?"negative":"positive",onClick:A,disabled:["in_progress","succeeded"].includes(null!=k?k:"")},"succeeded"===k?$.successBtnText:"failed"===k?$.retryUploadBtnText:$.uploadingBtnText)):React__namespace.default.createElement(LoaderButton,{className:l.captureBtn,finished:O,variant:"primary",onClick:function(){C({type:"captureRequested"}),null==i||i()},disabled:!O||h},O?h?$.capturingBtnText:$.captureBtnText:$.loadingBtnText)))))},CaptureContainer=styled__default.default.div(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"],["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"]))),HeadingRow=styled__default.default.div(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n background: ",";\n text-align: center;\n color: white;\n"],["\n background: ",";\n text-align: center;\n color: white;\n"])),(function(e){return e.$maskColor})),Heading$9=styled__default.default.h1(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n font-size: 22px;\n"],["\n font-size: 22px;\n"]))),FooterRow=styled__default.default.div(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])),(function(e){return e.$maskColor})),Instructions=styled__default.default.div(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n max-height: ",";\n overflow-y: auto;\n"],["\n max-height: ",";\n overflow-y: auto;\n"])),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.documentCapture)||void 0===t?void 0:t.instructions)||void 0===a?void 0:a.maxHeight)&&void 0!==n?n:"8rem"})),StyledButtonsRow$9=styled__default.default(ButtonsRow)(templateObject_6$5||(templateObject_6$5=__makeTemplateObject(["\n padding-top: 20px;\n"],["\n padding-top: 20px;\n"]))),PreviewImage=styled__default.default.img(templateObject_7$3||(templateObject_7$3=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"]))),DocumentCaptureWizard=function(e){var t=e.documents,a=e.classNames,n=e.verbiage;return React__namespace.default.createElement(DocumentCaptureStateProvider,{documents:void 0===t?[]:t,aspectRatio:e.aspectRatio,cameraFeedMode:e.cameraFeedMode,instructions:e.instructions,onDocumentCaptured:e.onDocumentCaptured,onDocumentUploaded:e.onDocumentUploaded,onAllDocumentsUploaded:e.onSuccess},React__namespace.default.createElement(DocumentCaptureScreen,{classNames:void 0===a?{}:a,verbiage:void 0===n?{}:n}))};function useFileState(){var e=React.useState(),t=e[0],a=e[1],n=React.useCallback((function(e){var t,n;a(null===(n=null===(t=e.currentTarget)||void 0===t?void 0:t.files)||void 0===n?void 0:n[0])}),[a]);return{rawFile:t,fileInputOnChange:n}}function useFileDataUrl(e){var t=React.useState(),a=t[0],n=t[1];return React.useEffect((function(){if(e){var t=!1,a=new FileReader;return a.onload=function(){return!t&&n(a.result)},a.readAsDataURL(e),function(){t=!0}}}),[e]),{url:a}}function useResizeMaxEdge(e){var t=this,a=e.maxEdgePx,n=void 0===a?2048:a,r=useFileDataUrl(e.rawFile).url,o=React.useState(),i=o[0],c=o[1];return React.useEffect((function(){if(r){var e=!1,a=new Image;return a.onload=function(){return __awaiter(t,void 0,void 0,(function(){var t,r,o,i,l,s;return __generator(this,(function(d){if(e)return[2];if(r=(t=a.width>a.height?{width:n,height:n/a.width*a.height}:{width:n/a.height*a.width,height:n}).width,o=t.height,(i=document.createElement("canvas")).width=r,i.height=o,null==(l=i.getContext("2d")))throw new Error("Can't obtain canvas context");return l.imageSmoothingQuality="high",l.drawImage(a,0,0,a.width,a.height,0,0,r,o),s=i.toDataURL("image/jpeg",.95),e||c(s),[2]}))}))},a.src=r,function(){e=!0}}}),[n,r]),{resizedImageFile:i}}var templateObject_1$l,templateObject_2$j,templateObject_3$f,templateObject_4$9,templateObject_5$5,templateObject_6$4,IdCaptureFallback=function(e){var t=e.idCaptureRequirement,a=void 0===t?"idCardOrPassport":t,n=e.onCapture,r=e.onFinished,o=e.classNames,i=void 0===o?{}:o,c=e.colors,l=void 0===c?{}:c,s=e.verbiage,d=void 0===s?{}:s,u=e.silentFallback,m=void 0!==u&&u,p=React.useRef(null),f=React.useRef(null),g=React.useState([]),v=g[0],_=g[1],h=React.useState(),b=h[0],C=h[1],y=React.useState(m),R=y[0],x=y[1],D=allowedImageCountForOption(a),E=requiredImageCountForOption(a),w=useFileState(),S=w.fileInputOnChange,k=useResizeMaxEdge({rawFile:w.rawFile}).resizedImageFile,I=React.useState(!1),T=I[0],O=I[1],M="idCard"===a?"ID card":"passport"===a?"passport":"idCardOrPassport"===a?"ID card or passport":"ID card and passport",L="idCard"===a||"idCardAndPassport"===a?"Please capture the front of your ID card.":"passport"===a?"Please capture the ID page of your passport.":"Please capture the front of your ID card, or the ID page of your passport.",j="idCardOrPassport"===a?"Please capture the back of your ID card, or click Done if submitting a passport.":"Please capture the back of your ID card.",F=useTranslations(d,{headingText:"We're having some trouble.",descriptionText:"On-device capture guidance failed, please capture ".concat(E>1?"photos":" a photo"," of your ").concat(M," manually."),firstInstructionText:L,secondInstructionText:j,thirdInstructionText:"Please capture the ID page of your passport.",captureBtnText:"Capture",captureMoreBtnText:"Capture ".concat(2===v.length?"ID page of passport":"back of ID card"),doneBtnText:"Done"});React.useEffect((function(){k&&k!==p.current&&(p.current=k,_((function(e){return __spreadArray(__spreadArray([],e,!0),[k],!1)})),null==n||n(k),C(void 0),x(!1),O(!1))}),[n,k]);var B=0===v.length?F.firstInstructionText:1===v.length?F.secondInstructionText:F.thirdInstructionText;return R&&(x(!1),C(B)),!isMobile()&&b||R?React__namespace.default.createElement(DocumentCaptureWizard,{documents:[{title:b}],onDocumentCaptured:function(e){var t=e.contentUrl;null==n||n(t),setTimeout((function(){_((function(e){return __spreadArray(__spreadArray([],e,!0),[t],!1)})),C(void 0)}),0)}}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(OverlayContainer,{className:i.container},React__namespace.default.createElement(StyledOverlayInner$2,{className:i.inner},!m&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(Heading$8,{className:i.heading},F.headingText),React__namespace.default.createElement(Description$3,{className:i.description},F.descriptionText)),(v.length>0||T)&&React__namespace.default.createElement(OverlayImageRow,{className:i.imageContainer},v.map((function(e,t){return React__namespace.default.createElement(ImageCol,{key:t,className:i.imageCol},React__namespace.default.createElement("img",{src:e,alt:"",className:i.image}))}))),v.length<E&&React__namespace.default.createElement(Instruction,{className:i.instruction},B),React__namespace.default.createElement("input",{ref:f,type:"file",accept:"image/*",capture:"environment",onChange:function(e){var t;(null===(t=e.target.files)||void 0===t?void 0:t[0])&&(C(void 0),O(!0),S(e))},hidden:!0}),React__namespace.default.createElement(StyledButtonsRow$8,{className:i.buttonsRow},v.length<D&&React__namespace.default.createElement(LoaderButton,{variant:v.length>0?"secondary":"positive",className:v.length>0?i.captureMoreBtn:i.captureBtn,colors:v.length>0?l.captureMoreBtn:l.captureBtn,finished:!0,onClick:function(){var e;isMobile()?null===(e=f.current)||void 0===e||e.click():C(B)}},v.length>0?F.captureMoreBtnText:F.captureBtnText),v.length>=E&&React__namespace.default.createElement(LoaderButton,{variant:"positive",className:i.doneBtn,colors:l.doneBtn,finished:!0,onClick:function(){null==r||r(v)}},F.doneBtnText)))))},StyledOverlayInner$2=styled__default.default(OverlayInner$2)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n justify-content: center;\n"],["\n justify-content: center;\n"]))),Heading$8=styled__default.default.h3(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Description$3=styled__default.default.p(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Instruction=styled__default.default.p(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"]))),ImageCol=styled__default.default.div(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"],["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"]))),StyledButtonsRow$8=styled__default.default(ButtonsRow)(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"])));function ScalingCameraFeed(){var e=React.useContext(IdCaptureStateContext);return"complete"===e.captureState?null:React__namespace.default.createElement(CameraFeedWrapper,{$x:e.guideRectX,$y:e.guideRectY,$w:e.guideRectWidth,$h:e.guideRectHeight,$mode:"snapToGuides"},React__namespace.default.createElement(CameraVideoTag,null))}var IdCaptureWizard=function(e){var t,a,n,r,o,i,c=e.onSuccess,l=e.onExitCapture,s=e.onUserCancel,d=e.loadingOverlayMode,u=void 0===d?"default":d,m=e.customOverlayContent,p=e.onLoadingOverlayDismissed,f=e.precapturedDocuments,g=e.captureRequirement,v=void 0===g?"idCardOrPassport":g,_=e.separateIdCardCaptureSequence,h=void 0!==_&&_,b=e.thresholds,C=void 0===b?defaultIdCaptureThresholds:b,y=e.skipSuccessScreen,R=void 0!==y&&y,x=e.instructions,D=e.releaseCameraAccessOnExit,E=void 0===D||D,w=e.guideType,S=void 0===w?"fit":w,k=e.portraitGuidesOnMobile,I=void 0===k||k,T=e.rotateLoadingOverlayImageWhenPortrait,O=void 0===T||T,M=e.silentFallback,L=void 0!==M&&M,j=e.forceFallbackMode,F=void 0!==j&&j,B=e.allowIdCardBackToFrontCapture,N=void 0!==B&&B,$=e.enableOverrideWrongDocumentTypeDialog,A=void 0!==$&&$,P=e.allowOverrideWrongDocumentTypeAfterMs,U=void 0===P?8e3:P,V=e.guideImages,G=void 0===V?defaultIdCaptureGuideImages:V,W=e.assets,q=void 0===W?{}:W,z=e.classNames,H=void 0===z?{}:z,Y=e.colors,K=void 0===Y?{}:Y,Z=e.verbiage,X=void 0===Z?{}:Z,J=e.debugMode,Q=void 0!==J&&J,ee=useIdCaptureState(),te=ee[0],ae=ee[1],ne=useCameraStore(),re=ne.cameraAccessDenied,oe=ne.requestCameraAccess,ie=ne.releaseCameraAccess,ce=React.useState(!1),le=ce[0],se=ce[1],de=React.useContext(SubmissionContext),ue=de.submissionStatus,me=de.setIdFrontImage,pe=de.setIdBackImage,fe=de.setPassportImage,ge=de.logIdFrontCaptureAttempt,ve=de.logIdBackCaptureAttempt,_e=React.useContext(IdCaptureModelsContext),he=_e.start,be=_e.stop,Ce=_e.onPredictionMade,ye=_e.setRequiredDocumentType,Re=_e.modelError,xe=_e.resetBestFrame;React.useEffect((function(){ae({type:"configureWizard",payload:{captureRequirement:v,precapturedDocuments:f,allowIdCardBackToFrontCapture:N,enableOverrideWrongDocumentTypeDialog:A,allowOverrideWrongDocumentTypeAfterMs:U}})}),[N,U,v,ae,A,f]);var De=Object.keys(te.capturedDocuments).length;React.useEffect((function(){De&&xe()}),[De,xe]);var Ee=React.useCallback((function(e){var t;e.operationTime=(new Date).getTime()-(null!==(t=te.operationStartedAt)&&void 0!==t?t:new Date).getTime(),"idCardBack"===te.requestedDocumentType?ve(e):ge(e)}),[ve,ge,te.operationStartedAt,te.requestedDocumentType]);React.useEffect((function(){le&&"capturing"===te.captureState&&(ae({type:"captureStarted"}),he())}),[ae,le,he,te.captureState]),React.useEffect((function(){Ce((function(e){"capturing"===te.captureState?ae({type:"objectsDetected",payload:{prediction:e}}):"requestingFlip"===te.captureState&&"selfie"!==te.requestedDocumentType&&e["".concat(te.requestedDocumentType,"DetectionThresholdMet")]&&(xe(),ae({type:"flipRequestCompleted"}))}))}),[ae,Ce,xe,te.captureState,te.requestedDocumentType]),React.useEffect((function(){"complete"===te.captureState&&be()}),[te.captureState,be]);var we=React.useCallback((function(e,t,a,n,r){Ee(r),ae({type:"documentCaptured",payload:{imageData:e,width:t,height:a,documentType:n,boundingBox:r.boundingBox,detectionScore:r.bestDetectionScore,focusScore:r.bestFocusScore}})}),[ae,Ee]),Se=React.useCallback((function(){var e=te.capturedDocuments,t=e.idCardFront,a=e.idCardBack,n=e.passport,r=t&&dataUrlToBase64Sync(t.imageData),o=a&&dataUrlToBase64Sync(a.imageData),i=n&&dataUrlToBase64Sync(n.imageData);r&&me(r),o&&pe(o),i&&fe(i),E&&ie(),setTimeout((function(){null==c||c({idFrontImage:r,idBackImage:o,passportImage:i})}),0)}),[c,ie,E,pe,me,fe,te.capturedDocuments]),ke=useShowSuccessScreen(R,"complete"===te.captureState,Se),Ie=React.useCallback((function(){ae({type:"resetWizard"})}),[ae]),Te=React.useState(0),Oe=Te[0],Me=Te[1],Le=React.useCallback((function(){ie(),se(!1),Me((function(e){return e+1})),ae({type:"resetWizard"}),null==l||l(),oe()}),[ae,l,ie,oe]);React.useEffect((function(){ue!==SubmissionStatus.READY&&E&&ie()}),[ie,E,ue]),React.useEffect((function(){re&&(se(!1),Me((function(e){return e+1})))}),[re]);var je={idCardFront:useTranslations(X.idCardFront,{instructionText:"Scan the front of ID",processingIdCardText:"ID card ".concat("idCardFront"in te.capturedDocuments?"front":"back"," captured.")}),idCardBack:useTranslations(X.idCardBack,{instructionText:"Scan the back of ID"}),passport:useTranslations(X.passport,{instructionText:"Scan the ID page of passport"})},Fe=styled.useTheme(),Be=je[te.requestedDocumentType];React.useEffect((function(){if(!h&&"requestingFlip"===te.captureState){var e=setTimeout((function(){xe(),ae({type:"flipRequestCompleted"})}),6e3);return function(){clearTimeout(e)}}}),[ae,xe,h,te.captureState]),React.useEffect((function(){return"idCardFront"===te.requestedDocumentType&&ye("idCardOrPassport"===v?["idCardFront","passport"]:"idCardFront"),"idCardBack"===te.requestedDocumentType&&ye("idCardBack"),"passport"===te.requestedDocumentType&&ye("passport"),function(){ye("none")}}),[v,ye,te.requestedDocumentType]);var Ne=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:return[4,dataUrlToBase64(e)];case 1:return t=a.sent(),ae({type:"documentCapturedManually",payload:{imageData:t}}),[2]}}))}))}),[ae]),$e=React.useState(!1),Ae=$e[0],Pe=$e[1];if(React.useEffect((function(){"capturing"===te.captureState&&Pe(!1)}),[te.captureState]),React.useEffect((function(){te.goodFramesCount>0&&Pe(!0)}),[te.goodFramesCount]),F||Re)return React__namespace.default.createElement(IdCaptureFallback,{idCaptureRequirement:v,onFinished:Se,onCapture:Ne,classNames:H.fallback,colors:K.fallback,verbiage:X.fallback,silentFallback:L});var Ue="requestingFlip"===te.captureState?"FLIP_ID":"idCardBack"===te.requestedDocumentType?"SHOW_ID_BACK":"passport"===te.requestedDocumentType?"SHOW_PASSPORT":"SHOW_ID_FRONT",Ve=le?te.isGoodFrame?"capturing":"ready":"disabled";return React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=null==H?void 0:H.container)&&void 0!==t?t:"")},React__namespace.default.createElement(ScalingCameraFeed,null),le&&"capturing"===te.captureState&&React__namespace.default.createElement(IdCapture,{requiredDocumentType:te.requestedDocumentType,thresholds:C,onCapture:we,classNames:null==H?void 0:H.capture,colors:K,verbiage:Be,debugMode:Q}),React__namespace.default.createElement(IdCaptureGuides,{key:"guides".concat(Oe),guideType:S,status:Ve,progress:Ae&&"capturing"===te.captureState?1:0,portraitGuidesOnMobile:I,requestedAction:Ue,images:G,classNames:H.guides,colors:K,verbiage:Be,isBackToFront:te.allowIdCardBackToFrontCapture&&"idCardBack"in te.capturedDocuments}),Q&&!(null===(n=null===(a=Fe.idCapture)||void 0===a?void 0:a.capturePreview)||void 0===n?void 0:n.disabled)&&"requestingFlip"===te.captureState&&!h&&te.imageUrl&&React__namespace.default.createElement(IdCaptureImagePreview,{classNames:null===(r=H.capture)||void 0===r?void 0:r.imagePreview,text:null===(o=null==je?void 0:je.idCardFront)||void 0===o?void 0:o.processingIdCardText,imageUrl:te.imageUrl}),"complete"!==te.captureState&&React__namespace.default.createElement("div",{id:"idmission-above-guides-content"}),React__namespace.default.createElement(ExitCaptureButton,{onClick:Le,className:null===(i=H.capture)||void 0===i?void 0:i.exitCaptureBtn}),!le&&React__namespace.default.createElement(IdCaptureLoadingOverlay,{key:"loading".concat(Oe),mode:u,customOverlayContent:m,instructions:x,assets:q.loadingOverlay,classNames:H.loadingOverlay,colors:K.loadingOverlay,verbiage:X.loadingOverlay,onUserCancel:s,onDismissed:function(){se(!0),null==p||p()},rotateImage:O&&I&&window.innerWidth<window.innerHeight}),"requestingFlip"===te.captureState&&h&&React__namespace.default.createElement(IdCaptureSuccess,{capturedDocuments:te.capturedDocuments,classNames:H.success,onSubmitClick:function(){ae({type:"flipRequestCompleted"})},onRetryClick:Ie,colors:K.success,verbiage:X.success}),"complete"===te.captureState&&ke&&React__namespace.default.createElement(IdCaptureSuccess,{capturedDocuments:te.capturedDocuments,classNames:H.success,onSubmitClick:Se,onRetryClick:Ie,colors:K.success,verbiage:X.success,debugMode:Q}))};function SelfieCaptureLoadingGraphic(e){var t,a,n,r=e.width,o=void 0===r?840:r,i=e.height,c=void 0===i?740:i,l=e.className,s=React.useState(1),d=s[0],u=s[1];React.useEffect((function(){var e=setInterval((function(){u((function(e){return(e+1)%10}))}),750);return function(){clearInterval(e)}}),[]);var m=null!==(n=null===(a=null===(t=styled.useTheme().selfieCapture)||void 0===t?void 0:t.guides)||void 0===a?void 0:a.satisfiedColor)&&void 0!==n?n:"var(--idm-color-positive-600)";return React__namespace.default.createElement("svg",{width:o,height:c,className:l,viewBox:"0 0 840 740",fill:"none",preserveAspectRatio:"xMidYMax slice",xmlns:"http://www.w3.org/2000/svg"},React__namespace.default.createElement("g",{clipPath:"url(#clip0_428_1188)"},React__namespace.default.createElement("mask",{id:"mask0_428_1188",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"840",height:"740"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"#D9D9D9"})),React__namespace.default.createElement("g",{mask:"url(#mask0_428_1188)"},React__namespace.default.createElement("path",{d:"M503.781 449.497C491.561 503.154 458.442 541.609 419.561 541.609C380.68 541.609 347.492 503.015 335.272 449.358L344.645 412.916L347.492 402.019H491.561L502.253 443.667L503.225 447.415L503.781 449.497Z",fill:"#D2D4DA"}),React__namespace.default.createElement("path",{d:"M574.88 244.97C647.073 163.885 598.921 362.155 558.945 338.928C488.709 298.211 574.88 244.97 574.88 244.97Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M816.983 742.838C779.698 781.432 736.86 814.612 689.786 841.127C617.161 882.012 534.399 906.862 446.153 911.027C437.335 911.513 428.448 911.721 419.491 911.721C374.986 911.721 331.731 906.446 290.281 896.519C232.514 882.706 178.358 859.8 129.271 829.397C89.9033 805.033 53.9382 775.948 22 742.838L31.512 705.355C45.8842 649.061 90.2505 605.33 146.837 591.795L153.085 590.337L222.447 573.747L241.401 569.235C249.386 567.292 257.023 564.585 264.244 561.114C270.285 558.199 276.047 554.797 281.463 550.91C287.295 546.745 292.78 542.025 297.71 536.819C310.971 522.867 320.761 505.653 325.76 486.286L333.119 457.688L335.064 449.983L335.202 449.358L344.645 412.916L347.422 402.019H491.491L502.253 443.667L503.225 447.415L503.78 449.497V449.983L505.863 457.757L513.223 486.286C520.097 512.802 535.996 535.5 557.589 550.91C569.393 559.448 582.932 565.765 597.581 569.235L615.078 573.4L692.146 591.795C748.732 605.33 793.099 649.061 807.471 705.355L816.983 742.838Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M503.781 449.497C491.561 503.154 458.442 541.609 419.561 541.609C380.68 541.609 347.492 503.015 335.272 449.358L344.645 412.916L347.492 402.019H491.561L502.253 443.667L503.225 447.415L503.781 449.497Z",fill:"#DC968D"}),React__namespace.default.createElement("path",{d:"M264.123 244.97C191.93 163.885 240.082 362.155 280.058 338.928C350.294 298.211 264.123 244.97 264.123 244.97Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M586.473 187.324C586.473 193.432 586.126 199.402 585.432 205.371C584.876 210.785 582.446 233.9 578.141 263.331C575.781 279.713 572.726 297.969 569.115 316.294C569.115 316.502 569.115 316.78 568.976 316.988C560.159 361.621 547.731 406.045 531.484 422.219C513.154 440.544 498.435 457.203 481.632 469.211C464.83 481.289 446.014 488.786 419.631 488.786C393.247 488.786 374.431 481.289 357.629 469.211C340.896 457.203 326.107 440.544 307.778 422.219C291.531 405.976 279.103 361.482 270.216 316.918C270.216 316.918 270.216 316.71 270.216 316.641C269.105 310.879 268.063 305.118 267.022 299.426C266.605 297.066 266.189 294.706 265.772 292.346C264.036 282.351 262.509 272.563 261.12 263.401C256.121 229.596 253.691 204.122 253.691 204.122C253.136 198.638 252.858 193.016 252.858 187.324C252.858 185.866 252.858 184.408 252.858 182.951C253.205 169.832 255.01 157.06 258.274 144.843C258.412 144.287 258.551 143.732 258.69 143.177C277.228 75.4294 337.425 24.8271 410.049 20.8011C413.243 20.5928 416.368 20.5234 419.631 20.5234C465.733 20.5234 507.461 39.1956 537.663 69.3904C563.769 95.4205 581.266 130.127 585.501 168.79C586.195 174.899 586.542 181.077 586.542 187.324H586.473Z",fill:"#FEAEA5"}),React__namespace.default.createElement("path",{d:"M445.867 337.327C445.867 348.849 434.133 358.151 419.622 358.151C405.111 358.151 393.447 348.849 393.447 337.327C393.447 335.939 393.586 334.55 394.002 333.301C396.293 342.88 406.916 350.099 419.622 350.099C432.328 350.099 443.02 342.88 445.312 333.301C445.728 334.62 445.867 335.939 445.867 337.327Z",fill:"#F7A69C"}),React__namespace.default.createElement("path",{d:"M817.053 743.187C716.586 847.238 575.642 912 419.561 912C263.481 912 122.467 847.238 22.0698 743.118L31.5818 705.704C45.954 649.34 90.3203 605.61 146.906 592.074L222.655 574.027L241.471 569.515C249.942 567.502 258.135 564.517 265.772 560.699C304.237 601.653 358.879 627.267 419.561 627.267C480.244 627.267 534.886 601.653 573.351 560.699C580.988 564.448 589.111 567.502 597.651 569.515L614.106 573.471L692.216 592.074C748.802 605.61 793.168 649.34 807.471 705.704L817.053 743.187Z",fill:"#6E7174"}),React__namespace.default.createElement("path",{d:"M614.106 573.471C597.165 594.018 534.886 659.058 419.561 663.639C286.671 668.984 226.266 579.441 222.655 574.027L241.471 569.515C249.942 567.502 258.134 564.517 265.772 560.699C304.236 601.653 358.879 627.267 419.561 627.267C480.244 627.267 534.886 601.653 573.35 560.699C580.988 564.448 589.111 567.502 597.651 569.515L614.106 573.471Z",fill:"#555A5E"}),React__namespace.default.createElement("path",{d:"M249.898 196.144C249.898 249.777 270.317 315.623 270.317 315.623C270.317 315.623 266.862 205.572 314.892 164.108C347.514 135.946 374.019 167.565 417.115 167.565C456.137 167.565 492.558 136.481 525.436 164.108C578.852 208.994 568.738 315.623 568.738 315.623C568.738 315.623 589.157 250.557 589.157 196.144C589.157 76.4319 542.638 20 417.115 20C302.8 20 249.898 75.8365 249.898 196.144Z",fill:"#525252"})),d>=8?React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M565.5 295C565.5 350.583 549.016 400.803 522.488 437.067C495.958 473.332 459.517 495.5 419.5 495.5C379.483 495.5 343.042 473.332 316.512 437.067C289.984 400.803 273.5 350.583 273.5 295C273.5 239.417 289.984 189.197 316.512 152.933C343.042 116.668 379.483 94.5 419.5 94.5C459.517 94.5 495.958 116.668 522.488 152.933C549.016 189.197 565.5 239.417 565.5 295Z",stroke:m,strokeWidth:"5"}),React__namespace.default.createElement("circle",{cx:"518.5",cy:"438.5",r:"25.5",fill:m}),React__namespace.default.createElement("path",{d:"M504 440.5L512 448L531 427",stroke:"white",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})):React__namespace.default.createElement(React__namespace.default.Fragment,null,d>2&&React__namespace.default.createElement(React__namespace.default.Fragment,null,d>3&&React__namespace.default.createElement(React__namespace.default.Fragment,null,d>4&&React__namespace.default.createElement(React__namespace.default.Fragment,null,d>5&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M298.5 182.5L419 164.5L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"419",cy:"165",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M565.5 295C565.5 350.583 549.016 400.803 522.488 437.067C495.958 473.332 459.517 495.5 419.5 495.5C379.483 495.5 343.042 473.332 316.512 437.067C289.984 400.803 273.5 350.583 273.5 295C273.5 239.417 289.984 189.197 316.512 152.933C343.042 116.668 379.483 94.5 419.5 94.5C459.517 94.5 495.958 116.668 522.488 152.933C549.016 189.197 565.5 239.417 565.5 295Z",stroke:"white",strokeOpacity:d>7?.8:d>5?.3:.1,strokeWidth:"5"}),React__namespace.default.createElement("path",{d:"M299.939 262.805L419 478.5L538.5 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L418.871 230.054L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L299.939 262.805",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M540.001 182L538.501 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"299.914",cy:"182",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"540",cy:"182",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M418.828 230L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M300 263.001L419 342.501",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M301.5 409L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M536.5 410L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M300 263L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>4&&d<7?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"229.971",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"419",cy:"342.4",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M538.5 261.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>3&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M419 478.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>3&&d<7?.3:1}),React__namespace.default.createElement("circle",{cx:"537",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"537",cy:"409",r:"7",fill:"white"})),d>1&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M301.501 409L300.001 263",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>2&&d<7?.3:1}),React__namespace.default.createElement("path",{d:"M301.501 409L419.001 478.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:d>2&&d<7?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"477.576",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.914",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.444",cy:"409",r:"7",fill:"white"})))),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_428_1188"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"white"}))))}var HeadGuideSvg=React.forwardRef((function(e,t){var a=e.borderColor,n=void 0===a?"white":a,r=e.borderOpacity,o=void 0===r?.8:r,i=e.borderWidth,c=void 0===i?5:i,l=e.status,s=void 0===l?"ready":l,d=__rest(e,["borderColor","borderOpacity","borderWidth","status"]);return React__namespace.default.createElement("svg",_assign({},d,{ref:t,viewBox:"271 92 297 406",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),React__namespace.default.createElement("g",{clipPath:"url(#clip0_428_1188)"},React__namespace.default.createElement("path",{d:"M565.5 295C565.5 350.583 549.016 400.803 522.488 437.067C495.958 473.332 459.517 495.5 419.5 495.5C379.483 495.5 343.042 473.332 316.512 437.067C289.984 400.803 273.5 350.583 273.5 295C273.5 239.417 289.984 189.197 316.512 152.933C343.042 116.668 379.483 94.5 419.5 94.5C459.517 94.5 495.958 116.668 522.488 152.933C549.016 189.197 565.5 239.417 565.5 295Z",stroke:n,strokeOpacity:o,strokeWidth:c}),"success"===s&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("circle",{cx:"518.5",cy:"438.5",r:"25.5",fill:n}),React__namespace.default.createElement("path",{d:"M504 440.5L512 448L531 427",stroke:"white",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})),"failure"===s&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("circle",{cx:"518.5",cy:"438.5",r:"25.5",fill:n}),React__namespace.default.createElement("image",{href:"https://websdk-cdn-dev.idmission.com/assets/x.svg",x:"507",y:"427",width:"24",height:"24"}))),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_428_1188"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"white"}))))}));HeadGuideSvg.displayName="HeadGuideSvg";var PulsingHeadGuideContainer=styled__default.default.div(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"],["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: "," 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])),wavesAnimation);function HeadGuide(e){var t,a=e.status,n=void 0===a?"ready":a,r=__rest(e,["status"]),o=React.useRef(null),i=useResizeObserver__default.default(),c=i.ref,l=i.height,s=React.useState(),d=s[0],u=s[1];React.useEffect((function(){if(o.current){var e=o.current.getBBox();u((e.x+e.width+e.x)/(e.y+e.height+e.y))}}),[]);var m=React.useMemo((function(){return d&&l&&l/d}),[d,l]);return React__namespace.default.createElement(PulsingHeadGuideContainer,{ref:c},"ready"===n&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{className:"idmSdkWaves",borderOpacity:.25,borderColor:"#287ec6",width:m,height:l})),React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{className:"idmSdkWaves",borderOpacity:.25,borderColor:"#287ec6",width:m,height:l})),React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{className:"idmSdkWaves",borderOpacity:.25,borderColor:"#287ec6",width:m,height:l}))),React__namespace.default.createElement(HeadGuideSvg,_assign({},r,{ref:o,borderOpacity:1,className:"idmSdkWavesOrigin ".concat(null!==(t=r.className)&&void 0!==t?t:""),status:n,width:m,height:l})))}var templateObject_1$k,templateObject_2$i,templateObject_3$e,AbsoluteSvg=styled__default.default.svg(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"],["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"]))),RelativeSvgContainer=styled__default.default.div(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ",";\n"],["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ",";\n"])),(function(e){return"bottom"===e.$verticalAlign?"flex-end":"center"}));function SelfieCaptureAnimatedMask(e){var t,a,n,r,o,i,c=e.frame,l=void 0===c?0:c,s=e.borderWidth,d=void 0===s?5:s,u=e.borderColor,m=void 0===u?"white":u,p=e.borderOpacity,f=void 0===p?.8:p,g=e.verticalAlign,v=void 0===g?"center":g,_=e.status,h=void 0===_?"ready":_,b=__rest(e,["frame","borderWidth","borderColor","borderOpacity","verticalAlign","status"]),C=styled.useTheme(),y=null!==(n=null===(a=null===(t=C.selfieCapture)||void 0===t?void 0:t.guides)||void 0===a?void 0:a.satisfiedColor)&&void 0!==n?n:"var(--idm-color-positive-600)",R=null!==(i=null===(o=null===(r=C.selfieCapture)||void 0===r?void 0:r.guides)||void 0===o?void 0:o.failureColor)&&void 0!==i?i:"var(--idm-color-negative-600)";return React__namespace.default.createElement(RelativeSvgContainer,{$verticalAlign:v},React__namespace.default.createElement(HeadGuide,_assign({borderOpacity:f,borderWidth:d,borderColor:"failure"===h?R:"success"===h?y:m,status:h},b)),"processing"===h&&React__namespace.default.createElement(AbsoluteSvg,_assign({},b,{viewBox:"271 92 297 406",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),React__namespace.default.createElement("g",{clipPath:"url(#clip0_428_1188)"},l>1&&React__namespace.default.createElement(React__namespace.default.Fragment,null,l>2&&React__namespace.default.createElement(React__namespace.default.Fragment,null,l>3&&React__namespace.default.createElement(React__namespace.default.Fragment,null,l>4&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M298.5 182.5L419 164.5L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"419",cy:"165",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M299.939 262.805L419 478.5L538.5 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L418.871 230.054L540 182",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M298.5 182.5L299.939 262.805",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("path",{d:"M540.001 182L538.501 261.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React__namespace.default.createElement("circle",{cx:"299.914",cy:"182",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"540",cy:"182",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M418.828 230L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M300 263.001L419 342.501",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M301.5 409L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M536.5 410L419 342.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M300 263L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M538.5 261.5L419 230",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<6?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"229.971",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"419",cy:"342.4",r:"7",fill:"white"})),React__namespace.default.createElement("path",{d:"M538.5 261.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<7?.3:1}),React__namespace.default.createElement("path",{d:"M419 478.5L536.5 410",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>3&&l<7?.3:1}),React__namespace.default.createElement("circle",{cx:"537",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"537",cy:"409",r:"7",fill:"white"})),l>0&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("path",{d:"M301.501 409L300.001 263",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>1&&l<6?.3:1}),React__namespace.default.createElement("path",{d:"M301.501 409L419.001 478.5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:l>1&&l<6?.3:1}),React__namespace.default.createElement("circle",{cx:"419",cy:"477.576",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.914",cy:"263",r:"7",fill:"white"}),React__namespace.default.createElement("circle",{cx:"301.444",cy:"409",r:"7",fill:"white"}))),React__namespace.default.createElement("defs",null,React__namespace.default.createElement("clipPath",{id:"clip0_428_1188"},React__namespace.default.createElement("rect",{width:"840",height:"740",fill:"white"})))))}function SelfieCaptureAnimatedMaskWithStatus(e){var t=e.status,a=void 0===t?"ready":t,n=__rest(e,["status"]),r=React.useState(1),o=r[0],i=r[1];return React.useEffect((function(){if("processing"===a){i(1);var e=setInterval((function(){i((function(e){return(e+1)%6}))}),250);return function(){clearInterval(e)}}i(0)}),[a]),React__namespace.default.createElement(SelfieCaptureAnimatedMask,_assign({},n,{frame:o,status:a}))}var templateObject_1$j,templateObject_2$h,FaceCaptureGuideContainer=styled__default.default.div(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"],["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"]))),FaceCaptureGuideInner=styled__default.default.div(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n position: relative;\n height: 60%;\n"],["\n position: relative;\n height: 60%;\n"]))),FaceCaptureGuideOverlay=function(e){var t=e.classNames,a=e.status,n=e.borderWidth,r=e.borderColor,o=e.borderOpacity;return React__namespace.default.createElement(FaceCaptureGuideContainer,{className:(void 0===t?{}:t).container},React__namespace.default.createElement(FaceCaptureGuideInner,null,React__namespace.default.createElement(SelfieCaptureAnimatedMaskWithStatus,{status:void 0===a?"ready":a,borderColor:void 0===r?"white":r,borderWidth:void 0===n?5:n,borderOpacity:void 0===o?.8:o,verticalAlign:"center"})))},SelfieGuidanceModelsContext=React.createContext({start:function(){return null},stop:function(){return null},onPredictionMade:function(){return null},canvasRef:{current:null},ready:!1,error:null,modelDownloadProgress:0});function SelfieGuidanceModelsProvider(e){var t=this,a=e.autoStart,n=void 0===a||a,r=e.children,o=e.throttleMs,i=e.onModelError,c=e.modelLoadTimeoutMs,l=void 0===c?defaultSelfieCaptureModelLoadTimeoutMs:c,s=e.requireVerticalFaceCentering,d=void 0===s||s,u=useCameraStore(shallow.useShallow((function(e){return{videoRef:e.videoRef,videoLoaded:e.videoLoaded,cameraReady:e.cameraReady}}))),m=u.videoRef,p=u.videoLoaded,f=u.cameraReady,g=React.useRef(null),v=React.useRef(),_=useLoadFaceDetector({onModelError:i,modelLoadTimeoutMs:l,videoRef:m}),h=_.ready,b=_.modelDownloadProgress,C=_.modelError,y=useFrameLoop(React.useCallback((function(){return __awaiter(t,void 0,void 0,(function(){var e,t,a,n,r,o,i;return __generator(this,(function(c){switch(c.label){case 0:if(!p||!f||!h||C||!m.current||!g.current)return[2];if(e=m.current.videoWidth,t=m.current.videoHeight,a=g.current.getContext("2d"),g.current.width=e,g.current.height=t,!a||4!==m.current.readyState)return[3,4];a.translate(e,0),a.scale(-1,1),a.drawImage(m.current,0,0,e,t),c.label=1;case 1:return c.trys.push([1,3,,4]),n=makeFaceDetectorPrediction(g.current),r=processFaceDetectorPrediction({faces:null!==(o=null==n?void 0:n.faces)&&void 0!==o?o:[],videoWidth:e,videoHeight:t,requireVerticalFaceCentering:d}),setLastFaceDetectionAt((new Date).getTime()),[4,null===(i=v.current)||void 0===i?void 0:i.call(v,r)];case 2:return c.sent(),[3,4];case 3:return error("caught face detection error",c.sent()),[3,4];case 4:return[2]}}))}))}),[f,C,h,d,p,m]),{throttleMs:o,autoStart:n}),R=y.start,x=y.stop,D=React.useCallback((function(e){v.current=e}),[]),E=React.useMemo((function(){return{start:R,stop:x,ready:h,canvasRef:g,onPredictionMade:D,error:C,modelDownloadProgress:b}}),[C,b,D,h,R,x]);return React__namespace.createElement(SelfieGuidanceModelsContext.Provider,{value:E},React__namespace.createElement(InvisibleCanvas,{ref:g}),r)}var templateObject_1$i,templateObject_2$g,templateObject_3$d,templateObject_4$8,templateObject_5$4,templateObject_1$h,templateObject_2$f,templateObject_1$g,templateObject_2$e,templateObject_1$f,templateObject_2$d,templateObject_3$c,templateObject_4$7,templateObject_1$e,templateObject_2$c,templateObject_1$d,templateObject_2$b,templateObject_3$b,templateObject_4$6,templateObject_5$3,templateObject_6$3,templateObject_7$2,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,useTimeout=function(e,t,a,n,r){void 0===r&&(r=!0);var o=React.useState(!1),i=o[0],c=o[1],l=React.useState(),s=l[0],d=l[1];return React.useEffect((function(){if(e&&r){d(new Date);var t=setTimeout((function(){c(!0)}),e);return function(){t&&clearTimeout(t)}}}),[e,r]),React.useEffect((function(){if(i&&!a){if(n){var e=setTimeout((function(){null==t||t()}),12e4);return function(){clearTimeout(e)}}null==t||t()}}),[t,n,i,a]),{timedOut:i,timeoutStartedAt:s}},SelfieCaptureFallback=function(e){var t=e.onFinished,a=e.onCapture,n=e.classNames,r=void 0===n?{}:n,o=e.colors,i=void 0===o?{}:o,c=e.verbiage,l=void 0===c?{}:c,s=e.silentFallback,d=void 0!==s&&s,u=e.invalidSelfie,m=void 0!==u&&u,p=e.guidanceMessage,f=void 0===p?void 0:p,g=React.useState(null),v=g[0],_=g[1],h=React.useRef(null),b=React.useRef(null),C=React.useState(!1),y=C[0],R=C[1],x=React.useState(!1),D=x[0],E=x[1],w=useFileState(),S=w.fileInputOnChange,k=useResizeMaxEdge({rawFile:w.rawFile}).resizedImageFile;React.useEffect((function(){k&&k!==h.current&&(h.current=k,_(k),R(!0),null==a||a(k),null==t||t(k))}),[k,a,t,y]);var I=useTranslations(l,{headingText:"We're having some trouble.",descriptionText:d?"Use your device camera to capture your face":"On-device capture guidance failed, please capture a selfie manually.",captureBtnText:"Capture",doneBtnText:"Done",doneBtnLoadingText:"Verifying...",livenessFailedText:"Live face not detected, please try again",livenessFailedReasonText:f,retryButtonText:"Retry",retryCaptureButtonText:"Retry capture"});return React.useEffect((function(){var e;return d&&(e=setTimeout((function(){var e;isMobile()?null===(e=b.current)||void 0===e||e.click():E(!0)}),250)),function(){clearTimeout(e)}}),[d]),D||d&&m&&!v&&!isMobile()?React__namespace.default.createElement(DocumentCaptureWizard,{documents:[{title:m?I.livenessFailedText:I.descriptionText}],onDocumentCaptured:function(e){var t=e.contentUrl;null==a||a(t),setTimeout((function(){_(t),E(!1)}),0)}}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("input",{ref:b,type:"file",accept:"image/*",capture:"user",onChange:function(e){var t;(null===(t=e.target.files)||void 0===t?void 0:t[0])&&(_("LOADING"),S(e))},hidden:!0}),React__namespace.default.createElement(OverlayContainer,{className:r.container},React__namespace.default.createElement(StyledOverlayInner$1,{className:r.inner},d?m&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(Heading$7,{className:r.heading},I.livenessFailedText),React__namespace.default.createElement(Description$2,{className:r.description},I.livenessFailedReasonText||I.descriptionText)):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(Heading$7,{className:r.heading},m?I.livenessFailedText:I.headingText),React__namespace.default.createElement(Description$2,{className:r.description},I.livenessFailedReasonText||I.descriptionText)),v&&"LOADING"!==v&&React__namespace.default.createElement(ImageContainer$6,{className:r.imageContainer},React__namespace.default.createElement("img",{src:v,alt:"",className:r.image})),React__namespace.default.createElement(StyledButtonsRow$7,{className:r.buttonsRow},v&&!y&&!isMobile()&&React__namespace.default.createElement(LoaderButton,{className:r.retryCaptureBtn,finished:!0,variant:"warning",onClick:function(){var e;isMobile()?null===(e=b.current)||void 0===e||e.click():E(!0)}},I.retryCaptureButtonText),React__namespace.default.createElement(LoaderButton,{variant:"positive",key:y?"loading-btn":"ready-btn",className:v?null==r?void 0:r.doneBtn:r.captureBtn,colors:v?null==i?void 0:i.doneBtn:i.captureBtn,finished:!v||!y,onClick:function(){var e;isMobile()?null===(e=b.current)||void 0===e||e.click():v?(R(!0),null==t||t(v)):E(!0)}},v?y?I.doneBtnLoadingText:I.doneBtnText:m?I.retryButtonText:I.captureBtnText)))))},StyledOverlayInner$1=styled__default.default(OverlayInner$2)(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n justify-content: center;\n"],["\n justify-content: center;\n"]))),Heading$7=styled__default.default.h3(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Description$2=styled__default.default.p(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),ImageContainer$6=styled__default.default(OverlayImageContainer)(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),StyledButtonsRow$7=styled__default.default(ButtonsRow)(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),initialState$3={busy:!1,frame:null,prediction:null},reducer$3=function(e,t){switch(t.type){case"facesDetected":return e.busy?e:_assign(_assign({},e),{prediction:t.payload,busy:t.payload.faceReady});case"captureStarted":return _assign(_assign({},e),{busy:!0});case"captureCompleted":return _assign(_assign({},e),{busy:!1})}},SelfieCapture=function(e){var t,a,n,r,o,i,c=e.onGuidanceSatisfied,l=e.onGuidanceNotSatisfied,s=e.onSelfieCaptureStarted,d=e.onSelfieCaptured,u=e.onTimeout,m=e.onExit,p=e.timeoutDurationMs,f=void 0===p?15e3:p,g=e.guidanceMessage,v=e.guidanceSatisfied,_=e.guidesComponent,h=e.shouldCapture,b=void 0===h||h,C=e.classNames,y=void 0===C?{}:C,R=e.colors,x=void 0===R?{}:R,D=e.verbiage,E=void 0===D?{}:D,w=e.debugMode,S=void 0!==w&&w,k=useResizeObserver__default.default(),I=k.ref,T=k.width,O=void 0===T?1:T,M=k.height,L=void 0===M?1:M,j=React.useReducer(reducer$3,initialState$3),F=j[0],B=F.busy,N=F.prediction,$=j[1],A=React.useRef(null),P=useCameraStore(shallow.useShallow((function(e){return{camera:e.camera,cameraReady:e.cameraReady,videoRef:e.videoRef}}))),U=P.camera,V=P.videoRef,G=React.useContext(SelfieGuidanceModelsContext),W=G.canvasRef,q=G.error;(0,G.onPredictionMade)(useDebounce.useThrottledCallback(React.useCallback((function(e){return new Promise((function(t){b&&!B&&(drawToCanvas(A.current,W.current),$({type:"facesDetected",payload:e})),t()}))}),[W,b,B]),16)),React.useEffect((function(){(null==N?void 0:N.faceReady)?null==c||c():null==l||l()}),[l,c,null==N?void 0:N.faceReady]),React.useEffect((function(){if(null==N?void 0:N.faceReady){var e=setTimeout((function(){$({type:"captureStarted"}),null==s||s();var e=A.current;if(e){var t=e.getContext("2d");if(t){var a=t.getImageData(0,0,e.width,e.height);null==d||d(a,N.face),clearCanvas(e),$({type:"captureCompleted"})}}}),100);return function(){e&&clearTimeout(e)}}}),[s,d,N]);var z=useTimeout(f,u),H=z.timedOut,Y=z.timeoutStartedAt,K=useDebugScalingDetails({enabled:S,pageWidth:O,pageHeight:L,videoWidth:null!==(a=null===(t=V.current)||void 0===t?void 0:t.videoWidth)&&void 0!==a?a:0,videoHeight:null!==(r=null===(n=V.current)||void 0===n?void 0:n.videoHeight)&&void 0!==r?r:0});x.guidesUnsatisfiedColor||(x.guidesUnsatisfiedColor="white"),x.guidesSatisfiedColor||(x.guidesSatisfiedColor="green");var Z=useTranslations(E,{guidanceHoldStillText:"Hold still for a few seconds...",guidanceLookStraightText:"Look straight into the camera...",guidanceMoveBackText:"Move back...",guidanceMoveForwardText:"Move forward...",guidanceMoveToCenterText:"Move to the center...",guidanceNoFaceDetectedText:"Waiting for face to be detected...",guidanceNotStableText:"Please hold still..."}),X=null!==(o=null==N?void 0:N.faceReady)&&void 0!==o&&o;if("boolean"==typeof v&&(X=v),g||(g=X?Z.guidanceHoldStillText:(null==N?void 0:N.faceLookingAway)?Z.guidanceLookStraightText:(null==N?void 0:N.faceTooClose)?Z.guidanceMoveBackText:(null==N?void 0:N.faceTooFar)?Z.guidanceMoveForwardText:(null==N?void 0:N.faceNotCentered)?Z.guidanceMoveToCenterText:(null==N?void 0:N.faceNotDetected)?Z.guidanceNoFaceDetectedText:(null==N?void 0:N.faceIsStable)?"":Z.guidanceNotStableText),q)return React__namespace.default.createElement(SelfieCaptureFallback,{classNames:y.fallback});var J=null!=_?_:FaceCaptureGuideOverlay;return React__namespace.default.createElement(PageContainer,{ref:I,className:"flex ".concat(null!==(i=y.container)&&void 0!==i?i:"")},React__namespace.default.createElement(InvisibleCanvas,{ref:A}),React__namespace.default.createElement(J,{classNames:y.guides,status:X?"processing":"ready"}),""!==g&&React__namespace.default.createElement(GuidanceMessageContainer,{className:y.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{$variant:X?"positive":"negative",className:y.guidanceMessage},g)),S&&(null==N?void 0:N.face)&&React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv,null,React__namespace.default.createElement(SelfieCaptureFaceDebugBox,{face:N.face,scaling:K,color:X?"green":"red"})),S&&React__namespace.default.createElement(DebugStatsPane,null,U?React__namespace.default.createElement(React__namespace.default.Fragment,null,"✅ Camera: ",U.label," (",U.width,"x",U.height,")"):"❌ Camera not ready",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceNotCentered)?"❌":"✅"," Face Centered",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceTooClose)||(null==N?void 0:N.faceTooFar)?"❌":"✅"," ","Face"," ",(null==N?void 0:N.faceTooClose)?"Too Close":(null==N?void 0:N.faceTooFar)?"Too Far":"Distance Correct",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceLookingAway)?"❌":"✅"," Face Looking Forward",React__namespace.default.createElement("br",null),(null==N?void 0:N.faceIsStable)?"❌":"✅"," Face Is Stable",React__namespace.default.createElement("br",null),H?"❌":"✅"," Time Remaining:"," ",Math.max(0,f-((new Date).getTime()-(null!=Y?Y:new Date).getTime())),"ms"),React__namespace.default.createElement(ExitCaptureButton,{onClick:m,className:y.exitCaptureBtn}))},initialState$2={frame:null,face:null,requestState:"CAPTURING",requestError:null,imageUrl:null,faceLive:!1,eyeCoveringDetected:!1,maskDetected:!1,headCoveringDetected:!1,phoneDetected:!1,timesLivenessCheckFailed:0},reducer$2=function(e,t){var a,n;switch(t.type){case"resetLivenessCheck":return _assign(_assign({},initialState$2),{timesLivenessCheckFailed:e.timesLivenessCheckFailed});case"guidanceUnsatisfied":return _assign({},e);case"guidanceSatisfied":return _assign(_assign({},e),{requestState:"GUIDANCE_SATISFIED"});case"selfieCaptureStarted":return _assign(_assign({},e),{requestState:"CAPTURE_STARTED"});case"livenessReady":return["CAPTURE_STARTED"].includes(e.requestState)?_assign(_assign({},e),{requestState:"CAPTURED",frame:t.payload.frame,face:t.payload.face}):e;case"livenessChecking":return _assign(_assign({},e),{requestState:"IN_PROGRESS"});case"livenessChecked":var r=t.payload.response,o=r.status,i=o.statusMessage,c=o.errorData,l=r.resultData;if("000"!==o.statusCode)return _assign(_assign({},e),{requestState:"ERROR",requestError:new Error("".concat(i,": ").concat(c))});var s=["Live Face Detected","Approved"].includes(l.verificationResult),d="true"===l.eyeCovering,u="true"===l.faceMask,m="true"===l.headCovering,p="true"===l.cellPhone,f=s&&!d&&!u&&!m,g=f?"PASSED":"FAILED",v=e.timesLivenessCheckFailed;return f?v=0:v+=1,_assign(_assign({},e),{frame:null!==(a=t.payload.frame)&&void 0!==a?a:null,face:null!==(n=t.payload.face)&&void 0!==n?n:null,imageUrl:t.payload.imageUrl,requestState:g,faceLive:s,eyeCoveringDetected:d,maskDetected:u,headCoveringDetected:m,phoneDetected:p,timesLivenessCheckFailed:v});case"livenessCheckFailed":return _assign(_assign({},e),{requestState:"ERROR",requestError:t.payload.error});default:return e}},FaceLivenessCapture=function(e){var t,a,n,r,o=e.onCapture,i=e.onSuccess,c=e.onFailure,l=e.onTimeout,s=e.onDenied,d=e.onExit,u=e.timeoutDurationMs,m=void 0===u?15e3:u,p=e.silentFallback,f=void 0!==p&&p,g=e.guidesComponent,v=e.disableCapturePreview,_=e.classNames,h=void 0===_?{}:_,b=e.colors,C=void 0===b?{}:b,y=e.verbiage,R=void 0===y?{}:y,x=e.debugMode,D=React.useContext(SubmissionContext),E=D.checkLiveness,w=D.submissionError,S=React.useContext(SelfieGuidanceModelsContext).error,k=React.useReducer(reducer$2,initialState$2),I=k[0],T=k[1],O=React.useState(null),M=O[0],L=O[1],j=React.useRef(null),F=React.useRef(null),B=React.useRef(null),N=styled.useTheme(),$=React.useCallback((function(){T({type:"selfieCaptureStarted"})}),[]),A=React.useCallback((function(e,t){null==o||o(),T({type:"livenessReady",payload:{frame:e,face:t}})}),[o]),P=I.frame,U=I.face,V="CAPTURED"===I.requestState,G="PASSED"===I.requestState;React.useEffect((function(){var e=this;P&&U&&V&&!w&&(T({type:"livenessChecking"}),__awaiter(e,void 0,void 0,(function(){var e,t,a,n;return __generator(this,(function(r){switch(r.label){case 0:return r.trys.push([0,3,,4]),e=cropToShoulders(j.current,F.current,B.current,P,U,.92,600),L(e),a=E,[4,dataUrlToBase64(e)];case 1:return[4,a.apply(void 0,[r.sent()])];case 2:return t=r.sent(),T({type:"livenessChecked",payload:{frame:P,face:U,imageUrl:e,response:t}}),[3,4];case 3:return n=r.sent(),T({type:"livenessCheckFailed",payload:{error:n}}),[3,4];case 4:return[2]}}))})))}),[E,U,P,V,w]);var W=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,a,n,r;return __generator(this,(function(o){switch(o.label){case 0:T({type:"livenessChecking"}),o.label=1;case 1:return o.trys.push([1,4,,5]),[4,dataUrlToBase64(e)];case 2:return t=o.sent(),[4,E(t)];case 3:return a=o.sent(),"Live Face Detected"!==(null===(r=null==a?void 0:a.resultData)||void 0===r?void 0:r.verificationResult)&&(null==c||c(),null==s||s()),T({type:"livenessChecked",payload:{imageUrl:e,response:a}}),[3,5];case 4:return n=o.sent(),T({type:"livenessCheckFailed",payload:{error:n}}),[3,5];case 5:return[2]}}))}))}),[E,c,s]);React.useEffect((function(){"FAILED"!==I.requestState&&"ERROR"!==I.requestState||setTimeout((function(){T({type:"resetLivenessCheck"})}),1e3)}),[I.requestState]),React.useEffect((function(){G&&I.imageUrl&&(null==i||i(I.imageUrl))}),[i,I.imageUrl,G]),React.useEffect((function(){if(!S){I.timesLivenessCheckFailed>2&&(null==c||c(),null==s||s())}}),[S,c,s,I.timesLivenessCheckFailed]);var q=React.useCallback((function(){null==l||l(),null==s||s()}),[s,l]);useTimeout(m,q,"PASSED"===I.requestState||!!S,"IN_PROGRESS"===I.requestState);var z=useTranslations(R,{guidanceLivenessCheckFailedText:"Could not verify your face.",guidanceLivenessCheckErrorText:"An error occurred while verifying your face.",guidanceRemoveEyeCoveringsText:"Please remove your eye coverings (sunglasses, eye patch, etc.)...",guidanceRemoveHeadCoveringsText:"Please remove your head coverings (hat, scarf, etc.)...",guidanceRemoveMaskText:"Please remove your mask...",progressPreviewText:"Processing..."}),H=I.eyeCoveringDetected?z.guidanceRemoveEyeCoveringsText:I.headCoveringDetected?z.guidanceRemoveHeadCoveringsText:I.maskDetected?z.guidanceRemoveMaskText:"FAILED"===I.requestState?z.guidanceLivenessCheckFailedText:"ERROR"===I.requestState?z.guidanceLivenessCheckErrorText:void 0;v||(v=null!==(n=null===(a=null===(t=N.selfieCapture)||void 0===t?void 0:t.capturePreview)||void 0===a?void 0:a.disabled)&&void 0!==n&&n);var Y=React.useCallback((function(e){var t=null!=g?g:FaceCaptureGuideOverlay,a=["IN_PROGRESS","CAPTURE_STARTED","GUIDANCE_SATISFIED","CAPTURED"].includes(I.requestState)?"processing":["FAILED","ERROR"].includes(I.requestState)?"failure":"ready";return React__namespace.default.createElement(t,_assign({},e,{status:a}))}),[g,I.requestState]),K=React.useCallback((function(){T({type:"guidanceSatisfied"})}),[]),Z=React.useCallback((function(){T({type:"guidanceUnsatisfied"})}),[]);return S?React__namespace.default.createElement(SelfieCaptureFallback,{key:I.timesLivenessCheckFailed,onFinished:W,silentFallback:f,invalidSelfie:!!I.timesLivenessCheckFailed,guidanceMessage:H}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(InvisibleCanvas,{ref:j}),React__namespace.default.createElement(InvisibleCanvas,{ref:F}),React__namespace.default.createElement(InvisibleCanvas,{ref:B}),React__namespace.default.createElement(SelfieCapture,{shouldCapture:"CAPTURING"===I.requestState,onSelfieCaptureStarted:$,onSelfieCaptured:A,onExit:d,timeoutDurationMs:m,guidanceMessage:H,guidanceSatisfied:!H&&void 0,onGuidanceSatisfied:K,onGuidanceNotSatisfied:Z,guidesComponent:Y,classNames:h,colors:C,verbiage:z,debugMode:x}),x&&!v&&M&&React__namespace.default.createElement(SelfieProgressPreview,{classNames:h.imagePreview,imageUrl:M,text:null!==(r=z.progressPreviewText)&&void 0!==r?r:""}))},FaceLivenessSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=useTranslations(void 0===l?{}:l,{headingText:"Face liveness has been verified!",retryBtnText:"Retry",doneBtnText:"Done"}),d=React.useRef(null),u=React.useCallback((function(e){var t;if(d.current){var a=d.current.getBoundingClientRect().height,n=e.currentTarget.getBoundingClientRect().height;null===(t=d.current)||void 0===t||t.scroll(0,(n-a)/2)}}),[]);return React__namespace.default.createElement(GrayOverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(FlexCard,null,React__namespace.default.createElement(ImageContainer$5,{className:o.imageContainer,ref:d},React__namespace.default.createElement("img",{alt:s.headingText,src:t,className:o.image,onLoad:u})),React__namespace.default.createElement(Heading$6,{className:o.heading},s.headingText),React__namespace.default.createElement(ButtonsColumn,{className:o.buttonsRow},React__namespace.default.createElement(WideButton,{variant:"positive",onClick:a,colors:c.doneBtn,className:o.doneBtn,finished:!0},s.doneBtnText),React__namespace.default.createElement(WideBorderButton,{variant:"secondary",onClick:n,colors:c.retryBtn,className:o.retryBtn,finished:!0},s.retryBtnText)))))},ImageContainer$5=styled__default.default.div(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"],["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"]))),Heading$6=styled__default.default.h3(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"],["\n font-size: 1.2rem;\n margin: 0;\n"]))),FaceLivenessFailure=function(e){var t=e.canRetry,a=void 0===t||t,n=e.onRetryClick,r=e.onExitClick,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u;i.imageUrl||(i.imageUrl="".concat(DEFAULT_CDN_URL,"/Face_Not_Detected.svg"));var p=useTranslations(m,{headingText:"Live face not detected, please try again",retryBtnText:"Retry",exitBtnText:"Exit"});return React__namespace.default.createElement(GrayOverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement(Card,null,React__namespace.default.createElement(ImageContainer$4,{className:l.imageContainer},React__namespace.default.createElement("img",{alt:p.headingText,src:i.imageUrl,className:l.image})),React__namespace.default.createElement(Heading$5,{className:l.heading},p.headingText),React__namespace.default.createElement(ButtonsColumn,{className:l.buttonsRow},a&&React__namespace.default.createElement(WideButton,{variant:"secondary",className:l.retryBtn,onClick:n,colors:d.retryBtn,finished:!0},p.retryBtnText),React__namespace.default.createElement(WideBorderButton,{variant:"secondary",className:l.exitBtn,onClick:r,colors:d.exitBtn,finished:!0},p.exitBtnText)))))},ImageContainer$4=styled__default.default(OverlayImageContainer)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),Heading$5=styled__default.default.h3(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n margin-bottom: 36px;\n"],["\n margin-bottom: 36px;\n"]))),MicrophoneAccessDeniedOverlay=function(e){var t,a=e.assets,n=void 0===a?{}:a,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=useCameraStore((function(e){return e.requestMicrophoneAccess}));n.imageUrl||(n.imageUrl=DEFAULT_CDN_URL+"/microphone-disable-icon.svg");var u=useTranslations(s,{headingText:"Your microphone permission is disabled",descriptionText:"This application requires access to your microphone to continue. Please accept the permission once prompted by the browser. If the browser does not prompt for microphone permissions, you must go to settings and provide microphone access to the current browser.",retryBtnText:"Retry"});return React__namespace.default.createElement(OverlayContainer,{className:"flex ".concat(null!==(t=o.container)&&void 0!==t?t:"")},React__namespace.default.createElement(StyledOverlayInner,{className:o.inner},React__namespace.default.createElement(StyledOverlayImageContainer$1,{className:o.imageContainer},React__namespace.default.createElement("img",{src:n.imageUrl,alt:"",className:o.image})),React__namespace.default.createElement("h3",{className:o.heading},u.headingText),React__namespace.default.createElement(Description$1,{className:o.description},u.descriptionText),React__namespace.default.createElement(RetryButton,{variant:"warning",onClick:d,colors:c.retryBtn,className:o.retryBtn,finished:!0},u.retryBtnText)))},StyledOverlayInner=styled__default.default(OverlayInner$2)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"],["\n max-width: 500px;\n height: auto;\n margin: auto;\n"]))),StyledOverlayImageContainer$1=styled__default.default(OverlayImageContainer)(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n flex-grow: 0;\n"],["\n flex-grow: 0;\n"]))),Description$1=styled__default.default.p(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"],["\n line-height: 1.5;\n margin-bottom: 50px;\n"]))),RetryButton=styled__default.default(LoaderButton)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"],["\n width: 200px;\n margin: 0 auto;\n"]))),SelfieCaptureLoadingOverlayLegacy=function(e){var t=e.onDismissed,a=e.onUserCancel,n=e.waitForIdCaptureModels,r=void 0!==n&&n,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u,p=useCameraStore(shallow.useShallow((function(e){return{cameraReady:e.cameraReady,cameraAccessDenied:e.cameraAccessDenied,microphoneAccessDenied:e.microphoneAccessDenied}}))),f=p.cameraReady,g=p.cameraAccessDenied,v=p.microphoneAccessDenied,_=React.useContext(SelfieGuidanceModelsContext),h=_.ready,b=_.modelDownloadProgress,C=React.useContext(IdCaptureModelsContext);i.instructionImageUrl||(i.instructionImageUrl="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"));var y=useTranslations(m,{headingText:"Use your device camera to capture your face",removeEyeCoveringsText:"Remove Sunglasses & Hat",avoidExcessiveBacklightingText:"Avoid Excessive Backlighting",continueText:"Continue",cameraInitializingText:"Camera initializing...",downloadingText:"Downloading...",modelsWarmingUpText:"Models warming up..."}),R=React.useState(!1),x=R[1];if(R[0])return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(g)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:i.cameraAccessDenied,classNames:l.cameraAccessDenied,colors:d.cameraAccessDenied,verbiage:m.cameraAccessDenied});if(v)return React__namespace.default.createElement(MicrophoneAccessDeniedOverlay,{assets:i.microphoneAccessDenied,classNames:l.microphoneAccessDenied,colors:d.microphoneAccessDenied,verbiage:m.microphoneAccessDenied});var D=h&&(!r||(null==C?void 0:C.ready));return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement("h3",{className:l.heading},y.headingText),a&&React__namespace.default.createElement(ExitCaptureButton,{onClick:a,className:l.cancelBtn}),React__namespace.default.createElement(StyledGuidanceMessage$1,null,y.removeEyeCoveringsText,React__namespace.default.createElement("br",null),y.avoidExcessiveBacklightingText),React__namespace.default.createElement(OverlayImageContainer,{className:l.imageContainer},React__namespace.default.createElement("img",{className:l.image,alt:y.headingText,src:i.instructionImageUrl})),React__namespace.default.createElement(StyledButtonsRow$6,{className:l.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"positive",disabled:!f||!D,finished:f&&D,className:l.continueBtn,colors:d.continueBtn,onClick:function(){x(!0),null==t||t()}},f&&D?y.continueText:D?y.cameraInitializingText:b>=100?"".concat(y.modelsWarmingUpText):"".concat(y.downloadingText," (").concat(b,"%)")))))},StyledGuidanceMessage$1=styled__default.default(GuidanceMessage)(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"],["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"]))),StyledButtonsRow$6=styled__default.default(ButtonsRow)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"],["\n flex-direction: column;\n padding-top: 25px;\n"]))),legacyInstructionImageUrl="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"),SelfieCaptureLoadingOverlayDefault=function(e){var t=e.onDismissed,a=e.onUserCancel,n=e.customOverlayContent,r=e.waitForIdCaptureModels,o=void 0!==r&&r,i=e.assets,c=void 0===i?{}:i,l=e.classNames,s=void 0===l?{}:l,d=e.colors,u=void 0===d?{}:d,m=e.verbiage,p=void 0===m?{}:m,f=useCameraStore(shallow.useShallow((function(e){return{cameraReady:e.cameraReady,cameraAccessDenied:e.cameraAccessDenied,microphoneAccessDenied:e.microphoneAccessDenied}}))),g=f.cameraReady,v=f.cameraAccessDenied,_=f.microphoneAccessDenied,h=React.useContext(SelfieGuidanceModelsContext),b=h.ready,C=h.modelDownloadProgress,y=React.useContext(IdCaptureModelsContext),R=useTranslations(p,{headingText:"Use your device camera to capture your face",removeEyeCoveringsText:"Remove Sunglasses & Hat",avoidExcessiveBacklightingText:"Avoid Excessive Backlighting",continueText:"Let's Go!",cameraInitializingText:"Accessing camera...",cameraInitializedText:"Camera ready",downloadingText:"Downloading...",modelsWarmingUpText:"Loading guided capture experience...",modelsReadyText:"Guided capture experience ready"}),x=React.useState(0),D=x[1],E=[R.headingText,R.removeEyeCoveringsText,R.avoidExcessiveBacklightingText][x[0]];React.useEffect((function(){setInterval((function(){D((function(e){return(e+1)%3}))}),3e3)}),[]);var w=React.useState(!1),S=w[1];if(w[0])return React__namespace.default.createElement(React__namespace.default.Fragment,null);if(v)return React__namespace.default.createElement(CameraAccessDeniedOverlay,{assets:c.cameraAccessDenied,classNames:s.cameraAccessDenied,colors:u.cameraAccessDenied,verbiage:p.cameraAccessDenied});if(_)return React__namespace.default.createElement(MicrophoneAccessDeniedOverlay,{assets:c.microphoneAccessDenied,classNames:s.microphoneAccessDenied,colors:u.microphoneAccessDenied,verbiage:p.microphoneAccessDenied});var k=b&&(!o||(null==y?void 0:y.ready));return React__namespace.default.createElement(OverlayContainer,{className:s.container},React__namespace.default.createElement(OverlayInner,{className:s.inner},a&&React__namespace.default.createElement(ExitCaptureButton,{onClick:a,className:s.cancelBtn}),n||React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(OverlayHeader,{className:s.headingContainer},React__namespace.default.createElement(StyledGuidanceMessage,{className:s.heading},E)),React__namespace.default.createElement(StyledOverlayImageContainer,{className:s.imageContainer},(null==c?void 0:c.instructionImageUrl)&&c.instructionImageUrl!==legacyInstructionImageUrl?React__namespace.default.createElement(CustomLoadingGraphic,{className:s.image,alt:R.headingText,src:c.instructionImageUrl}):React__namespace.default.createElement(SelfieCaptureLoadingGraphic,{className:s.image}))),React__namespace.default.createElement(StyledButtonsRow$5,{className:s.buttonsRow},React__namespace.default.createElement(ProgressContainer,{className:s.progressContainer},React__namespace.default.createElement(ProgressBarBackground,{className:s.progressBackground}),React__namespace.default.createElement(ProgressBar,{$progress:C,className:s.progressBar},React__namespace.default.createElement(ProgressIndicator,{className:s.progressIndicator}))),React__namespace.default.createElement(LoadingListContainer,{className:s.loadingListContainer},React__namespace.default.createElement(LoadingList,{className:s.loadingList},React__namespace.default.createElement(LoadingListItem,{className:"".concat(s.loadingListItem," ").concat(g?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:s.loadingListItemIndicator,state:g?"done":"running"}),g?R.cameraInitializedText:R.cameraInitializingText),React__namespace.default.createElement(LoadingListItem,{className:"".concat(s.loadingListItem," ").concat(k?"done":"running")},React__namespace.default.createElement(LoadingListItemIndicator,{className:s.loadingListItemIndicator,state:k?"done":"running"}),k?R.modelsReadyText:C>=100?R.modelsWarmingUpText:"".concat(R.downloadingText," (").concat(C,"%)")))),React__namespace.default.createElement(ContinueButtonContainer,{className:s.continueBtnContainer},k&&g&&React__namespace.default.createElement(ContinueButton,{finished:!0,className:s.continueBtn,variant:"positive",colors:u.continueBtn,onClick:function(){S(!0),null==t||t()}},R.continueText)))))},OverlayInner=styled__default.default.div(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"],["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ",";\n color: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.backgroundColor)&&void 0!==r?r:"#ecedf3"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.textColor)&&void 0!==r?r:"black"})),OverlayHeader=styled__default.default.div(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"],["\n text-align: ",";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ","\n padding-bottom: 0;\n"])),(function(e){var t;return null!==(t=e.theme.textAlign)&&void 0!==t?t:"center"}),(function(e){return e.theme.padding?"box-sizing: border-box; padding: ".concat(e.theme.padding,";"):""})),StyledGuidanceMessage=styled__default.default(GuidanceMessage)(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"],["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"]))),StyledButtonsRow$5=styled__default.default(ButtonsRow)(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"],["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ",";\n ","\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarTextColor)&&void 0!==r?r:"white"}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.selfieCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""})),StyledOverlayImageContainer=styled__default.default(OverlayImageContainer)(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"],["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"]))),LoadingListContainer=styled__default.default.div(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"],["\n display: flex;\n position: relative;\n z-index: 2;\n"]))),LoadingList=styled__default.default.ul(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"],["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"]))),LoadingListItem=styled__default.default.li(templateObject_8||(templateObject_8=__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"]))),ProgressContainer=styled__default.default.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"]))),ProgressBarBackground=styled__default.default.div(templateObject_10||(templateObject_10=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ",";\n opacity: ",";\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarBackgroundOpacity)&&void 0!==r?r:.75})),ProgressBar=styled__default.default.span(templateObject_11||(templateObject_11=__makeTemplateObject(["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"],["\n display: block;\n width: ","%;\n height: 100%;\n left: 0;\n position: absolute;\n"])),(function(e){return e.$progress})),ProgressIndicator=styled__default.default.span(templateObject_12||(templateObject_12=__makeTemplateObject(["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"],["\n display: block;\n height: 100%;\n background: ",";\n animation: "," 3s ease-in-out;\n animation-fill-mode: both;\n"])),(function(e){var t,a,n,r;return null!==(r=null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarIndicatorColor)&&void 0!==r?r:"var(--idm-color-positive-600)"}),progressBarAnimation),CustomLoadingGraphic=styled__default.default.img(templateObject_13||(templateObject_13=__makeTemplateObject([""],[""]))),ContinueButtonContainer=styled__default.default.div(templateObject_14||(templateObject_14=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),ContinueButton=styled__default.default(LoaderButton)(templateObject_15||(templateObject_15=__makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"],["\n margin: auto;\n white-space: nowrap;\n ","\n ","\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.progressBarFontSize)?"font-size: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.selfieCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.progressBarFontSize,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme)||void 0===t?void 0:t.selfieCapture)||void 0===a?void 0:a.loadingOverlay)||void 0===n?void 0:n.continueBtnBorder)?"border: ".concat(null===(i=null===(o=null===(r=e.theme)||void 0===r?void 0:r.selfieCapture)||void 0===o?void 0:o.loadingOverlay)||void 0===i?void 0:i.continueBtnBorder,";"):""})),components={default:SelfieCaptureLoadingOverlayDefault,legacy:SelfieCaptureLoadingOverlayLegacy},SelfieCaptureLoadingOverlay=function(e){var t,a=e.mode,n=void 0===a?"default":a,r=__rest(e,["mode"]),o=null!==(t=components[n])&&void 0!==t?t:components.default;return React__namespace.default.createElement(o,_assign({},r))},FaceLivenessWizard=function(e){var t,a,n,r=e.onComplete,o=e.onSuccess,i=e.onFailure,c=e.onTimeout,l=e.onDenied,s=e.onExitCapture,d=e.onExitAfterFailure,u=e.onUserCancel,m=e.loadingOverlayMode,p=void 0===m?"default":m,f=e.customOverlayContent,g=e.onLoadingOverlayDismissed,v=e.timeoutDurationMs,_=void 0===v?15e3:v,h=e.maxRetries,b=void 0===h?2:h,C=e.skipSuccessScreen,y=void 0!==C&&C,R=e.renderCameraFeed,x=void 0===R||R,D=e.releaseCameraAccessOnExit,E=void 0===D||D,w=e.silentFallback,S=void 0!==w&&w,k=e.waitForIdCaptureModels,I=void 0!==k&&k,T=e.guidesComponent,O=e.disableCapturePreview,M=e.assets,L=void 0===M?{}:M,j=e.classNames,F=void 0===j?{}:j,B=e.colors,N=void 0===B?{}:B,$=e.verbiage,A=void 0===$?{}:$,P=e.debugMode,U=void 0!==P&&P,V=React.useContext(SubmissionContext),G=V.submissionResponse,W=V.livenessCheckRequest,q=V.setSelfieImage,z=V.logSelfieCaptureAttempt,H=useCameraStore(shallow.useShallow((function(e){return{cameraAccessDenied:e.cameraAccessDenied,requestCameraAccess:e.requestCameraAccess,releaseCameraAccess:e.releaseCameraAccess}}))),Y=H.cameraAccessDenied,K=H.requestCameraAccess,Z=H.releaseCameraAccess,X=React.useState(""),J=X[0],Q=X[1],ee=React.useState(0),te=ee[0],ae=ee[1],ne=React.useState("LOADING"),re=ne[0],oe=ne[1],ie=React.useRef(),ce=React.useRef(),le=React.useRef(),se=React.useContext(SelfieGuidanceModelsContext),de=se.start,ue=se.stop;React.useEffect((function(){le.current=new Date}),[]),React.useEffect((function(){if("CAPTURING"===re)return ie.current=new Date,de(),function(){ue()}}),[re,de,ue]);var me=React.useCallback((function(){ce.current=new Date}),[]),pe=React.useCallback((function(){var e,t,a;z({autoCapture:"Y",captureTime:(null!==(e=ce.current)&&void 0!==e?e:new Date).getTime()-(null!==(t=ie.current)&&void 0!==t?t:new Date).getTime(),operationTime:(new Date).getTime()-(null!==(a=le.current)&&void 0!==a?a:new Date).getTime()}),le.current=new Date}),[z]),fe=React.useCallback((function(e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:return W&&G?(oe("SUCCESS"),Q(e),t=q,[4,dataUrlToBase64(e)]):[2];case 1:return t.apply(void 0,[a.sent()]),null==o||o(G,W),[2]}}))}))}),[o,q,W,G]),ge=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return null==i||i(G,W),[2]}))}))}),[W,i,G]),ve=React.useCallback((function(){oe("FAILED"),null==l||l(G,W)}),[l,G,W]),_e=React.useState(0),he=_e[0],be=_e[1],Ce=React.useCallback((function(){be((function(e){return e+1})),oe("LOADING"),Z(),null==s||s(),K()}),[s,Z,K]),ye=React.useCallback((function(){pe(),be((function(e){return e+1})),ae((function(e){return e+1})),oe("LOADING"),Z(),K()}),[pe,Z,K]),Re=React.useCallback((function(){pe(),E&&Z(),setTimeout((function(){null==r||r(G,W)}),0)}),[pe,r,Z,E,W,G]),xe=useShowSuccessScreen(y,"SUCCESS"===re,Re);React.useEffect((function(){Y&&(be((function(e){return e+1})),oe("LOADING"))}),[Y]);var De=React.useCallback((function(){oe("CAPTURING"),null==g||g()}),[g]),Ee=React.useCallback((function(){E&&Z(),setTimeout((function(){null==d||d(G,W)}),0)}),[W,d,Z,E,G]);return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(a=null===(t=F.capture)||void 0===t?void 0:t.container)&&void 0!==a?a:"")},x&&React__namespace.default.createElement(CameraVideoTag,{className:null===(n=F.capture)||void 0===n?void 0:n.cameraFeed}),"LOADING"!==re&&function(){switch(re){case"CAPTURING":return React__namespace.default.createElement(FaceLivenessCapture,{key:"capture".concat(he),onCapture:me,onSuccess:fe,onFailure:ge,onTimeout:c,onDenied:ve,onExit:Ce,timeoutDurationMs:_,silentFallback:S,guidesComponent:T,disableCapturePreview:O,classNames:F.capture,colors:N,verbiage:A,debugMode:U});case"SUCCESS":return xe?React__namespace.default.createElement(FaceLivenessSuccess,{key:"success",imageUrl:J,classNames:F.success,colors:N.success,verbiage:A.success,onDoneClick:Re,onRetryClick:ye}):null;case"FAILED":return React__namespace.default.createElement(FaceLivenessFailure,{key:"failure",assets:L.failure,classNames:F.failure,colors:N.failure,verbiage:A.failure,canRetry:b>-1&&te<b,onRetryClick:ye,onExitClick:Ee});default:return null}}()),React__namespace.default.createElement(SelfieCaptureLoadingOverlay,{key:he,mode:p,customOverlayContent:f,assets:L.loadingOverlay,classNames:F.loadingOverlay,colors:N.loadingOverlay,verbiage:A.loadingOverlay,onUserCancel:u,onDismissed:De,waitForIdCaptureModels:I}))},SubmissionSuccess=function(){var e=React.useContext(SubmissionContext),t=e.submissionRequest,a=e.submissionResponse,n=React.useState(!1),r=n[0],o=n[1],i=React.useState(!0),c=i[0],l=i[1],s=React.useMemo((function(){var e,a,n,r,o,i,l=JSON.parse(JSON.stringify(t));return c&&((null===(a=null===(e=null==l?void 0:l.customerData)||void 0===e?void 0:e.idData)||void 0===a?void 0:a.idImageFront)&&(l.customerData.idData.idImageFront=truncate(l.customerData.idData.idImageFront,200)),(null===(r=null===(n=null==l?void 0:l.customerData)||void 0===n?void 0:n.idData)||void 0===r?void 0:r.idImageBack)&&(l.customerData.idData.idImageBack=truncate(l.customerData.idData.idImageBack,200)),(null===(i=null===(o=null==l?void 0:l.customerData)||void 0===o?void 0:o.biometricData)||void 0===i?void 0:i.selfie)&&(l.customerData.biometricData.selfie=truncate(l.customerData.biometricData.selfie,200))),JSON.stringify(l,null,2)}),[t,c]);return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("h3",null,"Submission completed!"),React__namespace.default.createElement("button",{onClick:function(){o(!r)}},r?"Hide":"Show"," request body"),r&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement("button",{style:{marginLeft:8},onClick:function(){l(!c)}},c?"Display full images":"Truncate images"),React__namespace.default.createElement("h5",null,"Request Body"),React__namespace.default.createElement("pre",null,s)),React__namespace.default.createElement("h5",null,"Response Body"),React__namespace.default.createElement("pre",null,JSON.stringify(a,null,2)))};function truncate(e,t){var a=e.split("").splice(0,t).join("");return a.length<e.length&&(a+="..."),a}var templateObject_1$c,templateObject_2$a,templateObject_3$a,templateObject_4$5,AdditionalDocumentCapture=function(e){var t=e.document,a=e.onComplete,n=e.classNames,r=void 0===n?{}:n,o=e.verbiage,i=void 0===o?{}:o,c=React.useRef(null),l=React.useState(null),s=l[0],d=l[1],u=useTranslations(i,{headingText:"Additional document capture",captureBtnText:"Capture",nextBtnText:"Next"});return React__namespace.default.createElement(OverlayContainer,{className:r.container},React__namespace.default.createElement(Inner$2,{className:r.inner},React__namespace.default.createElement(Heading$4,{className:r.heading},u.headingText,": ",t.name),t.description&&React__namespace.default.createElement(Description,{className:r.description},t.description),React__namespace.default.createElement("input",{ref:c,type:"file",accept:"image/*,.pdf",onChange:function(e){var t,a=null===(t=e.target.files)||void 0===t?void 0:t[0];a&&d(a)},hidden:!0}),React__namespace.default.createElement(StyledButtonsRow$4,{className:r.buttonsRow},s?React__namespace.default.createElement(LoaderButton,{variant:"positive",className:r.nextBtn,disabled:!s,finished:!0,onClick:function(){if(s){var e=new FileReader;e.onloadend=function(){if(e.result){var n=e.result.toString();null==a||a({documentName:t.name,processAsPOA:t.processAsPOA?"Y":"N",additionalDocument:{name:s.name,fileContent:dataUrlToBase64Sync(n),type:contentDispositionFromDataUrl(n),fileUploadType:"Y",isImageControlData:"Y",fieldId:""}})}},e.readAsDataURL(s)}}},u.nextBtnText):React__namespace.default.createElement(LoaderButton,{variant:"primary",className:r.captureBtn,finished:!0,onClick:function(){var e;null===(e=c.current)||void 0===e||e.click()}},u.captureBtnText))))},Inner$2=styled__default.default(OverlayInner$2)(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n justify-content: center;\n"],["\n justify-content: center;\n"]))),Heading$4=styled__default.default.h3(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),Description=styled__default.default.p(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"]))),StyledButtonsRow$4=styled__default.default(ButtonsRow)(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n margin-top: 32px;\n"],["\n margin-top: 32px;\n"]))),AdditionalDocumentCaptureWizard=function(e){var t=e.documents,a=e.onComplete,n=e.classNames,r=void 0===n?{}:n,o=e.verbiage,i=void 0===o?{}:o,c=React.useState([]),l=c[0],s=c[1],d=l.length,u=t[d],m=d>=t.length;return React.useEffect((function(){(null==u?void 0:u.skip)&&__awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=u.skip)||void 0===e?void 0:e.call(u)];case 1:return t.sent()&&s((function(e){return __spreadArray(__spreadArray([],e,!0),[null],!1)})),[2]}}))}))}),[u]),React.useEffect((function(){m&&(null==a||a(l.filter((function(e){return!!e}))))}),[m,a,l]),m?React__namespace.default.createElement(React__namespace.default.Fragment,null,"Thanks, your documents have been received."):React__namespace.default.createElement(AdditionalDocumentCapture,{key:d,document:u,classNames:r,verbiage:i,onComplete:function(e){s((function(t){return __spreadArray(__spreadArray([],t,!0),[e],!1)}))}})};function signatureDataToIdmissionFormat(e,t){t||(t=e.toDataURL());var a={clickX_simple:[],clickY_simple:[],time_simple:[],pressure:"",fileContent:t?dataUrlToBase64Sync(t):""};return e.toData().forEach((function(e){var t=[],n=[],r=[];e.forEach((function(e){t.push(e.x),n.push(e.y),r.push(new Date(e.time).toString())})),a.clickX_simple.push(t),a.clickY_simple.push(n),a.time_simple.push(r)})),a}function exportSignatureImage(e){return __awaiter(this,arguments,void 0,(function(e,t){var a,n,r,o,i;return void 0===t&&(t=600),__generator(this,(function(c){switch(c.label){case 0:return a=e.getCanvas(),n=a.height*t/a.width,r=e.getSignaturePad()._toSVG(),o=atob(r.replace("data:image/svg+xml;base64,","")),i=o.replace(/width="[0-9.]+"/,'width="'.concat(t,'"')).replace(/height="[0-9.]+"/,'height="'.concat(n,'"')).replace(/viewBox="0 0 [0-9.]+ [0-9.]+"/,'viewBox="0 0 '.concat(a.width," ").concat(a.height,'"')),[4,convertSVGtoImg("data:image/svg+xml;base64,"+btoa(i))];case 1:return[2,c.sent()]}}))}))}function loadImage(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){return(t=document.createElement("img")).src=e,[2,new Promise((function(e,a){t.onload=function(){return e(t)},t.onerror=a}))]}))}))}function convertSVGtoImg(e){return __awaiter(this,arguments,void 0,(function(e,t){var a,n,r;return void 0===t&&(t="jpeg"),__generator(this,(function(o){switch(o.label){case 0:return[4,loadImage(e)];case 1:return a=o.sent(),(n=document.createElement("canvas")).width=a.naturalWidth,n.height=a.naturalHeight,(r=n.getContext("2d"))?(r.fillStyle="white",r.fillRect(0,0,n.width,n.height),r.drawImage(a,0,0,a.naturalWidth,a.naturalHeight),[2,n.toDataURL("image/".concat(t),1)]):[2,null]}}))}))}var templateObject_1$b,templateObject_2$9,templateObject_3$9,templateObject_4$4,templateObject_1$a,SignaturePaperBacking=styled__default.default.div(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ","\n ","\n ","\n"],["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ","\n ","\n ","\n"])),(function(e){var t,a;return(null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.background)?"background: ".concat(null===(a=e.theme.signatureCapture)||void 0===a?void 0:a.background,";"):""}),(function(e){var t,a;return(null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.backgroundSize)?"background-size: ".concat(null===(a=e.theme.signatureCapture)||void 0===a?void 0:a.backgroundSize,";"):""}),(function(e){var t,a;return(null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.backgroundPosition)?"background-position: ".concat(null===(a=e.theme.signatureCapture)||void 0===a?void 0:a.backgroundPosition,";"):""})),SignatureCanvasContainer$1=styled__default.default.div(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"],["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"]))),SignaturePad=styled__default.default.div(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n position: relative;\n background: ",";\n border: ",";\n border-radius: ",";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"],["\n position: relative;\n background: ",";\n border: ",";\n border-radius: ",";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.canvas)||void 0===a?void 0:a.background)&&void 0!==n?n:"rgba(255, 255, 255, 0.5)"}),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.canvas)||void 0===a?void 0:a.border)&&void 0!==n?n:"1px solid #dedede"}),(function(e){var t,a,n;return null!==(n=null===(a=null===(t=e.theme.signatureCapture)||void 0===t?void 0:t.canvas)||void 0===a?void 0:a.borderRadius)&&void 0!==n?n:"16px"})),SignatureButtonsContainer=styled__default.default(ButtonsRow)(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"],["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"]))),SignatureCapture=function(e){var t,a=e.onAccept,n=e.classNames,r=void 0===n?{}:n,o=e.verbiage,i=void 0===o?{}:o,c=useResizeObserver__default.default(),l=c.ref,s=c.width,d=c.height,u=React.useRef(null),m=useTranslations(i,{headingText:"Please sign the box below",acceptBtnText:"Accept",clearBtnText:"Clear"});return React__namespace.default.createElement(PageContainer,{className:r.container},React__namespace.default.createElement(SignaturePaperBacking,{className:r.inner},React__namespace.default.createElement(GuidanceMessageContainer,{className:r.guidanceMessageContainer,$top:"5vh"},React__namespace.default.createElement(GuidanceMessage,{className:r.guidanceMessage},m.headingText)),React__namespace.default.createElement(SignatureCanvasContainer$1,{className:r.canvasContainer},React__namespace.default.createElement(SignaturePad,{ref:l,className:r.canvasInner},React__namespace.default.createElement(SignatureCanvas__default.default,{ref:u,canvasProps:{width:s,height:d,className:r.canvas}})),React__namespace.default.createElement(SignatureButtonsContainer,{className:r.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:r.clearBtn,onClick:null===(t=u.current)||void 0===t?void 0:t.clear,finished:!0},m.clearBtnText),React__namespace.default.createElement(AcceptBtn$1,{variant:"positive",className:r.acceptBtn,onClick:function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:return u.current?[4,exportSignatureImage(u.current)]:[2];case 1:return e=n.sent(),t=signatureDataToIdmissionFormat(u.current,e),null==a||a(t,null!=e?e:""),[2]}}))}))},finished:!0},m.acceptBtnText)))))},AcceptBtn$1=styled__default.default(LoaderButton)(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n margin-left: auto;\n"],["\n margin-left: auto;\n"]))),useVideoRecorder=function(e,t,a){void 0===a&&(a=!1);var n=React.useRef(null),r=React.useRef(null),o=React.useRef([]),i=React.useRef([]),c=React.useState(null),l=c[0],s=c[1],d=React.useState(null),u=d[0],m=d[1],p=React.useState(!1),f=p[0],g=p[1],v=React.useState(!1),_=v[0],h=v[1],b=React.useState(!1),C=b[0],y=b[1],R=React.useState(!1),x=R[0],D=R[1],E=React.useState(!1),w=E[0],S=E[1],k=React.useState(!1),I=k[0],T=k[1],O=React.useCallback((function(){var n,r,o;if(!a)return null==e?void 0:e.stream;var i=null!==(r=null===(n=null==e?void 0:e.stream)||void 0===n?void 0:n.getTracks())&&void 0!==r?r:[],c=null!==(o=null==t?void 0:t.getTracks())&&void 0!==o?o:[];return new MediaStream(__spreadArray(__spreadArray([],i,!0),c,!0))}),[t,null==e?void 0:e.stream,a]),M=React.useCallback((function(){var t=new Blob(o.current,{type:"video/mp4"});o.current=[],s(URL.createObjectURL(t)),g(!1),null==e||e.release()}),[e]),L=React.useCallback((function(){var e,a=new Blob(i.current,{type:"audio/mp4"});i.current=[],m(URL.createObjectURL(a)),h(!1),null===(e=null==t?void 0:t.stop)||void 0===e||e.call(t)}),[t]),j=React.useCallback((function(){var e=O();e&&(o.current=[],g(!0),y(!1),S(!1),n.current=new MediaRecorder(e,{videoBitsPerSecond:27e4,audioBitsPerSecond:32e3}),n.current.ondataavailable=function(e){o.current.push(e.data)},n.current.onstop=function(){y(!0)},n.current.start(1e3),setTimeout((function(){var e;"inactive"===(null===(e=n.current)||void 0===e?void 0:e.state)&&log("media recorder is inactive!")}),100))}),[O]),F=React.useCallback((function(){a||t&&(i.current=[],h(!0),D(!1),T(!1),r.current=new MediaRecorder(t,{audioBitsPerSecond:32e3}),r.current.ondataavailable=function(e){i.current.push(e.data)},r.current.onstop=function(){D(!0)},r.current.start(1e3))}),[t,a]),B=React.useCallback((function(){var e,t;S(!0),"inactive"!==(null===(e=n.current)||void 0===e?void 0:e.state)&&(null===(t=n.current)||void 0===t||t.stop())}),[]),N=React.useCallback((function(){var e,t;T(!0),"inactive"!==(null===(e=r.current)||void 0===e?void 0:e.state)&&(null===(t=r.current)||void 0===t||t.stop())}),[]);return React.useEffect((function(){C&&w&&M()}),[M,w,C]),React.useEffect((function(){x&&I&&L()}),[I,x,L]),{isRecordingVideo:f,isRecordingAudio:_,startRecordingVideo:j,startRecordingAudio:F,stopRecordingVideo:B,stopRecordingAudio:N,videoRecordingUnintentionallyStopped:C&&!w,audioRecordingUnintentionallyStopped:x&&!I,videoUrl:l,audioUrl:u}},videoSignatureInitialState={startRecording:function(){return null},stopRecording:function(){return null},signatureData:null,signatureDataUrl:null,signatureVideoData:null,signatureVideoUrl:null,onAcceptClicked:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return[2,void 0]}))}))}},VideoSignatureContext=React.createContext(videoSignatureInitialState);function VideoSignatureContextProvider(e){var t=this,a=e.children,n=React.useRef(null),r=React.useState(null),o=r[0],i=r[1],c=React.useState(null),l=c[0],s=c[1],d=React.useState(null),u=d[0],m=d[1],p=React.useState(null),f=p[0],g=p[1],v=React.useRef(null),_=React.useRef([]),h=useCameraStore(),b=h.camera,C=h.videoRef,y=useVideoRecorder(b),R=y.isRecordingVideo,x=y.startRecordingVideo,D=y.stopRecordingVideo,E=y.videoUrl,w=React.useRef(null),S=React.useRef(!1),k=React.useState(!1),I=k[0],T=k[1],O=React.useCallback((function(){T(!0)}),[]),M=React.useCallback((function(){T(!1)}),[]);React.useEffect((function(){I&&(S.current||(S.current=!0,__awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return w.current?[3,2]:[4,new Promise((function(e){var t=setInterval((function(){w.current&&(clearInterval(t),e(null))}),10)}))];case 1:t.sent(),t.label=2;case 2:return x(),e=w.current.captureStream(24),v.current=new MediaRecorder(e,{videoBitsPerSecond:27e4}),v.current.start(),v.current.ondataavailable=function(e){var t;_.current.push(e.data),"recording"===(null===(t=v.current)||void 0===t?void 0:t.state)&&v.current.stop()},v.current.onstop=function(){var e=new Blob(_.current,{type:"video/mp4"});m(e),g(URL.createObjectURL(e))},[2]}}))}))))}),[I,R,x,E]);var L=React.useRef(0);React.useEffect((function(){var e;if(n.current&&C.current&&w.current&&b&&I&&R){var t=[b.width,b.height],a=t[0],r=t[1],o="undefined"!=typeof window&&window.innerWidth<window.innerHeight;o&&a>r&&(a=(e=[r,a])[0],r=e[1]),w.current.width=a,w.current.height=r;var i=w.current.getContext("2d");if(i)return L.current=requestAnimationFrame((function e(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(c){return n.current&&C.current&&w.current?(t=[a*(o?.02:.15),r*(o?.15:.25),a*(o?.96:.7),r*(o?.7:.5)],i.drawImage(C.current,0,0,a,r),i.beginPath(),i.fillStyle="rgba(255,255,255,0.5)",i.roundRect.apply(i,__spreadArray(__spreadArray([],t,!1),[16],!1)),i.fill(),i.drawImage.apply(i,__spreadArray([n.current.getCanvas()],t,!1)),L.current=requestAnimationFrame(e),[2]):(cancelAnimationFrame(L.current),[2])}))}))})),function(){cancelAnimationFrame(L.current)}}}),[b,I,R,C]);var j=React.useCallback((function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return n.current?[4,exportSignatureImage(n.current)]:[2];case 1:return e=a.sent(),s(e),i(signatureDataToIdmissionFormat(n.current,e)),D(),null===(t=v.current)||void 0===t||t.stop(),[2]}}))}))}),[D]),F=React.useMemo((function(){return{startRecording:O,stopRecording:M,signaturePad:n,signatureData:o,signatureDataUrl:l,signatureVideoData:u,signatureVideoUrl:f,onAcceptClicked:j}}),[j,o,l,u,f,O,M]);return React__namespace.default.createElement(VideoSignatureContext.Provider,{value:F},a,React__namespace.default.createElement(InvisibleCanvas,{ref:w}))}function useVideoSignatureContext(){var e=React.useContext(VideoSignatureContext);if(!e)throw new Error("useVideoSignatureContext cannot be used without ContextProvider");return e}function VideoSignatureGuides(e){var t,a=e.requestedAction,n=void 0===a?"VERIFY_LIVENESS":a,r=e.faceGuideStatus,o=void 0===r?"success":r,i=e.faceGuideBorderWidth,c=e.faceGuideBorderColor,l=e.classNames,s=void 0===l?{}:l,d=e.verbiage,u=void 0===d?{}:d,m=useResizeObserver__default.default(),p=m.ref,f=m.width,g=m.height,v=useVideoSignatureContext(),_=v.signaturePad,h=v.onAcceptClicked,b=useTranslations(u,{clearSignatureBtnText:"Clear",acceptSignatureBtnText:"Accept"}),C=React.useMemo((function(){return{width:f,height:g,className:s.signatureCanvas}}),[s.signatureCanvas,g,f]);return React__namespace.default.createElement(Container$1,{className:s.container},React__namespace.default.createElement(Inner$1,{className:s.inner},React__namespace.default.createElement(FaceGuideContainer$1,{className:s.faceGuideContainer},React__namespace.default.createElement(StyledSelfieCaptureAnimatedMask,{className:s.faceGuide,status:"VERIFY_LIVENESS"===n?o:"success",borderWidth:i,borderColor:c,verticalAlign:"bottom"})),React__namespace.default.createElement(SignaturePadContainer,{className:s.signaturePadContainer},React__namespace.default.createElement(SignatureCanvasContainer,{className:s.signatureCanvasContainer,$disabled:"VERIFY_LIVENESS"===n},React__namespace.default.createElement(SignaturePad,{ref:p,className:s.signatureCanvasInner},React__namespace.default.createElement(SignatureCanvas__default.default,{ref:_,canvasProps:C})),React__namespace.default.createElement(SignatureButtonsContainer,{className:s.signatureButtonsRow},React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:s.clearSignatureBtn,onClick:null===(t=null==_?void 0:_.current)||void 0===t?void 0:t.clear,disabled:"VERIFY_LIVENESS"===n,finished:!0},b.clearSignatureBtnText),React__namespace.default.createElement(AcceptBtn,{variant:"positive",className:s.acceptSignatureBtn,disabled:"VERIFY_LIVENESS"===n,onClick:h,finished:!0},b.acceptSignatureBtnText))))))}var templateObject_1$9,templateObject_2$8,templateObject_3$8,templateObject_4$3,templateObject_5$2,templateObject_6$2,templateObject_7$1,templateObject_1$8,templateObject_1$7,templateObject_2$7,templateObject_3$7,templateObject_4$2,templateObject_5$1,templateObject_6$1,templateObject_7,templateObject_1$6,templateObject_2$6,templateObject_3$6,templateObject_4$1,templateObject_5,templateObject_6,templateObject_1$5,templateObject_2$5,templateObject_3$5,templateObject_4,templateObject_1$4,templateObject_2$4,templateObject_3$4,Container$1=styled__default.default.div(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"],["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.fontFamily})),Inner$1=styled__default.default.div(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"],["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n"]))),FaceGuideContainer$1=styled__default.default.div(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n position: relative;\n height: 50%;\n"],["\n position: relative;\n height: 50%;\n"]))),StyledSelfieCaptureAnimatedMask=styled__default.default(SelfieCaptureAnimatedMaskWithStatus)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n max-width: 100%;\n height: 100%;\n"],["\n max-width: 100%;\n height: 100%;\n"]))),SignaturePadContainer=styled__default.default.div(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"],["\n position: relative;\n max-width: 100%;\n height: 50%;\n aspect-ratio: 2;\n"]))),SignatureCanvasContainer=styled__default.default.div(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ","\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(100% - 67px);\n ","\n"])),(function(e){return e.$disabled?"opacity: 0.5; pointer-events: none;":""})),AcceptBtn=styled__default.default(LoaderButton)(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n margin-left: auto;\n"],["\n margin-left: auto;\n"]))),VideoSignatureCapture=function(e){var t,a=e.onVideoCaptured,n=e.onFaceNotDetected,r=e.onExit,o=e.guidesComponent,i=e.classNames,c=void 0===i?{}:i,l=e.colors,s=void 0===l?{}:l,d=e.verbiage,u=void 0===d?{}:d,m=e.debugMode,p=void 0!==m&&m,f=useCameraStore((function(e){return e.camera})),g=React.useContext(SelfieGuidanceModelsContext).onPredictionMade,v=useVideoSignatureContext(),_=v.signatureData,h=v.signatureDataUrl,b=v.signatureVideoData,C=v.startRecording,y=v.stopRecording;React.useEffect((function(){return C(),function(){y()}}),[C,y]),s.guidanceMessageBackgroundColor||(s.guidanceMessageBackgroundColor="#ccc"),s.guidanceMessageTextColor||(s.guidanceMessageTextColor="black");var R=useTranslations(u,{guidanceMessageText:"Please sign the box below"});React.useEffect((function(){b&&_&&h&&(null==a||a(b,_,h))}),[a,_,h,b]);var x=React.useState(0),D=x[0],E=x[1];React.useEffect((function(){g((function(e){E(e.face?0:function(e){return e+1})}))}),[g]),React.useEffect((function(){D>=2&&(null==n||n())}),[D,n]);var w=null!=o?o:VideoSignatureGuides;return React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=c.container)&&void 0!==t?t:"")},R.guidanceMessageText&&React__namespace.default.createElement(GuidanceMessageContainer,{$top:"10vh",className:c.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{className:c.guidanceMessage,$background:s.guidanceMessageBackgroundColor,$textColor:s.guidanceMessageTextColor},R.guidanceMessageText)),React__namespace.default.createElement(w,{classNames:c.videoSignatureGuidesClassNames,status:"success"}),p&&React__namespace.default.createElement(DebugStatsPane,null,"Video: ",null==f?void 0:f.width,"x",null==f?void 0:f.height),React__namespace.default.createElement(ExitCaptureButton,{onClick:r,className:c.exitCaptureBtn}))},VideoSignatureSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l,d=useVideoSignatureContext().signatureVideoUrl,u=useTranslations(s,{headingText:"Video signature has been successfully captured!",retryBtnText:"Retry",doneBtnText:"Done"});return React__namespace.default.createElement(OverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement("h1",{className:o.heading},u.headingText),React__namespace.default.createElement(OverlayImageContainer,{className:o.videoContainer},d&&React__namespace.default.createElement(StyledVideo$1,{className:o.video,src:d,poster:d+"#t=0.1",controls:!0,preload:"metadata",autoPlay:!0}),React__namespace.default.createElement("img",{src:t,alt:"",style:{display:"none"}})),React__namespace.default.createElement(ButtonsRow,{className:o.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:o.retryBtn,onClick:n,colors:c.retryBtn,finished:!0},u.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:o.doneBtn,onClick:a,colors:c.doneBtn,finished:!0},u.doneBtnText))))},StyledVideo$1=styled__default.default.video(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"],["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"]))),VideoSignatureWizard=function(e){var t,a=e.onComplete,n=e.onVideoCaptured,r=e.onRetryClicked,o=e.onExitCapture,i=e.onUserCancel,c=e.onLoadingOverlayDismissed,l=e.loadingOverlayMode,s=void 0===l?"default":l,d=e.customOverlayContent,u=e.skipSuccessScreen,m=void 0!==u&&u,p=e.allowSignatureAfterLivenessCheckFailure,f=void 0!==p&&p,g=e.faceLivenessProps,v=e.assets,_=void 0===v?{}:v,h=e.classNames,b=void 0===h?{}:h,C=e.colors,y=void 0===C?{}:C,R=e.verbiage,x=void 0===R?{}:R,D=e.debugMode,E=void 0!==D&&D,w=React.useContext(SubmissionContext),S=w.selfieImage,k=w.setSelfieImage,I=w.setSignatureData,T=w.setSignatureVideoUrl,O=w.logSelfieCaptureAttempt,M=useCameraStore(shallow.useShallow((function(e){return{cameraAccessDenied:e.cameraAccessDenied,requestCameraAccess:e.requestCameraAccess,releaseCameraAccess:e.releaseCameraAccess}}))),L=M.cameraAccessDenied,j=M.requestCameraAccess,F=M.releaseCameraAccess,B=React.useState("CHECKING_LIVENESS"),N=B[0],$=B[1],A=React.useRef(),P=React.useRef(),U=React.useRef(),V=React.useContext(SelfieGuidanceModelsContext),G=V.start,W=V.stop;React.useEffect((function(){A.current=new Date}),[]),React.useEffect((function(){"CHECKING_LIVENESS"===N&&(P.current=new Date)}),[N]);var q=["CHECKING_LIVENESS","CAPTURING_SIGNATURE"].includes(N);React.useEffect((function(){if(q)return G(),function(){W()}}),[q,G,W]);var z=React.useCallback((function(){var e,t,a;O({autoCapture:"Y",captureTime:(null!==(e=U.current)&&void 0!==e?e:new Date).getTime()-(null!==(t=P.current)&&void 0!==t?t:new Date).getTime(),operationTime:(new Date).getTime()-(null!==(a=A.current)&&void 0!==a?a:new Date).getTime()}),A.current=new Date}),[O]),H=null==g?void 0:g.onSuccess,Y=React.useCallback((function(e,t){var a,n;null==H||H(e,t),$("CAPTURING_SIGNATURE"),z();var r=null===(n=null===(a=t.customerData)||void 0===a?void 0:a.biometricData)||void 0===n?void 0:n.selfie;!S&&r&&k(r)}),[z,H,S,k]),K=React.useState(null),Z=K[0],X=K[1],J=React.useCallback((function(e,t,a){I(t),T(URL.createObjectURL(e)),X(a),$("SUCCESS"),null==n||n(e,t,a)}),[n,I,T]),Q=React.useCallback((function(){$("CHECKING_LIVENESS")}),[]),ee=React.useState(0),te=ee[0],ae=ee[1],ne=React.useCallback((function(){F(),ae((function(e){return e+1})),$("CHECKING_LIVENESS"),null==o||o(),j()}),[o,F,j]),re=React.useCallback((function(){null==r||r(),ne()}),[ne,r]),oe=useShowSuccessScreen(m,"SUCCESS"===N,a);React.useEffect((function(){L&&(ae((function(e){return e+1})),$("CHECKING_LIVENESS"))}),[L]);var ie=React.useCallback((function(e){var t=e.status;return React__namespace.default.createElement(VideoSignatureGuides,{classNames:null==b?void 0:b.videoSignatureGuidesClassNames,faceGuideStatus:t,requestedAction:"success"===t?"CAPTURE_SIGNATURE":"VERIFY_LIVENESS"})}),[null==b?void 0:b.videoSignatureGuidesClassNames]),ce=null==g?void 0:g.onExitAfterFailure,le=React.useCallback((function(e,t){null==ce||ce(e,t),f&&$("CAPTURING_SIGNATURE")}),[f,ce]),se=null==g?void 0:g.onLoadingOverlayDismissed,de=React.useCallback((function(){null==c||c(),null==se||se()}),[se,c]);return React__namespace.default.createElement(VideoSignatureContextProvider,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=null==b?void 0:b.container)&&void 0!==t?t:"")},React__namespace.default.createElement(CameraVideoTag,{className:b.cameraFeed}),function(){switch(N){case"CHECKING_LIVENESS":return React__namespace.default.createElement(FaceLivenessWizard,_assign({key:"face-liveness-".concat(te)},g,{onSuccess:Y,onExitCapture:ne,onUserCancel:i,onExitAfterFailure:le,onLoadingOverlayDismissed:de,customOverlayContent:d,loadingOverlayMode:s,guidesComponent:ie,assets:_.faceLiveness,classNames:b.faceLiveness,colors:y.faceLiveness,verbiage:x.faceLiveness,debugMode:E,releaseCameraAccessOnExit:!1,renderCameraFeed:!1}));case"CAPTURING_SIGNATURE":return React__namespace.default.createElement(VideoSignatureCapture,{onVideoCaptured:J,onFaceNotDetected:Q,onExit:ne,guidesComponent:ie,classNames:b,colors:y,verbiage:x,debugMode:E});case"SUCCESS":if(!oe)return;return React__namespace.default.createElement(VideoSignatureSuccess,{imageUrl:null!=Z?Z:"",onDoneClick:a,onRetryClick:re,classNames:b.success,colors:y.success,verbiage:x.success});default:return null}}()))},IdVideoCaptureGuides=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C,y,R,x=e.requestedAction,D=void 0===x?"SHOW_ID_FRONT":x,E=e.satisfied,w=void 0!==E&&E,S=e.faceGuideStatus,k=void 0===S?"success":S,I=e.faceGuideBorderWidth,T=e.faceGuideBorderColor,O=e.idCardGuideStatus,M=void 0===O?"ready":O,L=e.idCardGuideBorderWidth,j=e.idCardGuideBorderColor,F=e.idCardCaptureProgress,B=e.idCardCaptureGuideImages,N=void 0===B?defaultIdCaptureGuideImages:B,$=e.classNames,A=void 0===$?{}:$,P=e.verbiage,U=void 0===P?{}:P,V=useCameraStore((function(e){return e.isRearFacing})),G=useTranslations(U,{idFrontInstructionText:"Display the front of your ID card...",idBackInstructionText:"Display the back of your ID card...",flipIdInstructionText:"Please flip your ID card...",verifyLivenessInstructionText:"Performing facial recognition, please hold still..."}),W="VERIFY_LIVENESS"===D?G.verifyLivenessInstructionText:"SHOW_ID_FRONT"===D?G.idFrontInstructionText:"FLIP_ID"===D?G.flipIdInstructionText:G.idBackInstructionText,q=styled.useTheme();void 0===I&&(I=null!==(n=null===(a=null===(t=q.idVideoCapture)||void 0===t?void 0:t.faceGuides)||void 0===a?void 0:a.borderWidth)&&void 0!==n?n:5),void 0===T&&(T=null!==(l=w?null===(o=null===(r=q.idVideoCapture)||void 0===r?void 0:r.faceGuides)||void 0===o?void 0:o.satisfiedColor:null===(c=null===(i=q.idVideoCapture)||void 0===i?void 0:i.faceGuides)||void 0===c?void 0:c.unsatisfiedColor)&&void 0!==l?l:"#D6DCE7"),void 0===L&&(L=null!==(u=null===(d=null===(s=q.idVideoCapture)||void 0===s?void 0:s.idCardGuides)||void 0===d?void 0:d.borderWidth)&&void 0!==u?u:20),void 0===j&&(j=null!==(v=w?null===(p=null===(m=q.idVideoCapture)||void 0===m?void 0:m.idCardGuides)||void 0===p?void 0:p.satisfiedColor:null===(g=null===(f=q.idVideoCapture)||void 0===f?void 0:f.idCardGuides)||void 0===g?void 0:g.unsatisfiedColor)&&void 0!==v?v:"#D6DCE7");var z=useResizeObserver__default.default(),H=z.ref,Y=z.width,K=void 0===Y?0:Y,Z=z.height,X=void 0===Z?0:Z,J=useGuideImages(N),Q=useGuideImagesByUrl(J),ee=React.useState(void 0),te=ee[0],ae=ee[1],ne=React.useCallback((function(e){var t,a,n,r,o=e.currentTarget,i=Q[o.src],c=null!==(a=null!==(t=null==i?void 0:i.width)&&void 0!==t?t:o.naturalWidth)&&void 0!==a?a:0,l=null!==(r=null!==(n=null==i?void 0:i.height)&&void 0!==n?n:o.naturalHeight)&&void 0!==r?r:0;ae(l>0?c/l:void 0)}),[Q]),re=React.useMemo((function(){return{maxWidth:K>X?K:void 0,maxHeight:X>K?X:void 0,height:"100%",aspectRatio:te}}),[K,X,te]),oe=(null===(h=null===(_=q.idVideoCapture)||void 0===_?void 0:_.idCardGuides)||void 0===h?void 0:h.disableDuringLivenessCheck)&&"VERIFY_LIVENESS"===D;return React__namespace.default.createElement(Container,{className:A.container},React__namespace.default.createElement(Inner,null,React__namespace.default.createElement(FaceGuideContainer,{className:A.faceGuideContainer},React__namespace.default.createElement(SelfieCaptureAnimatedMaskWithStatus,{className:A.faceGuide,status:"VERIFY_LIVENESS"===D?k:"success",borderWidth:I,borderColor:T,verticalAlign:"bottom"})),!oe&&React__namespace.default.createElement(IdCardGuideContainer,{className:A.idCardGuideContainer,ref:H},React__namespace.default.createElement(IdCardGuideInner,{className:A.idCardGuideInner,style:{aspectRatio:te}},React__namespace.default.createElement(IdCardGuideImageContainer,{className:A.idCardGuideImageContainer,status:"VERIFY_LIVENESS"===D?"disabled":M,borderWidth:L,borderColor:j,aspectRatio:te,$isVisible:"FLIP_ID"!==D,progress:"VERIFY_LIVENESS"===D?void 0:F},React__namespace.default.createElement(IdCardGuideImage,{alt:"",className:A.idCardGuideImage,$isMirrored:!V,style:re,src:"SHOW_ID_BACK"===D?J.landscape.SHOW_ID_BACK.url:J.landscape.SHOW_ID_FRONT.url,onLoad:ne})),"FLIP_ID"===D&&React__namespace.default.createElement(IdVideoCaptureFlipIdPrompt,{idCaptureGuideImages:J,classNames:A.flipIdPrompt,borderWidth:L,borderColor:j,imageStyle:re})),React__namespace.default.createElement(IdCardGuideInstructionsContainer,{className:A.idCardGuideInstructionsContainer},React__namespace.default.createElement(IdCardGuideInstructions,{className:A.idCardGuideInstructions,$textColor:null===(C=null===(b=q.idVideoCapture)||void 0===b?void 0:b.idCardGuides)||void 0===C?void 0:C.instructionsTextColor,$background:null===(R=null===(y=q.idVideoCapture)||void 0===y?void 0:y.idCardGuides)||void 0===R?void 0:R.instructionsBackgroundColor},W)))))},Container=styled__default.default.div(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"],["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ",";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])),(function(e){var t;return null===(t=e.theme)||void 0===t?void 0:t.fontFamily})),Inner=styled__default.default.div(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"],["\n width: 100%;\n height: 100%;\n max-height: 1280px;\n display: flex;\n margin: auto;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"]))),FaceGuideContainer=styled__default.default.div(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n position: relative;\n height: 65%;\n"],["\n position: relative;\n height: 65%;\n"]))),IdCardGuideContainer=styled__default.default.div(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"],["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"]))),IdCardGuideInner=styled__default.default.div(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n height: 100%;\n width: 100%;\n"]))),IdCardGuideInstructionsContainer=styled__default.default.div(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"],["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"]))),IdCardGuideInstructions=styled__default.default(GuidanceMessage)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"],["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"]))),ReadTextPrompt=function(e){var t=e.text,a=e.onComplete,n=e.durationMs,r=void 0===n?15e3:n,o=e.minReadingMs,i=void 0===o?1e4:o,c=e.classNames,l=void 0===c?{}:c,s=e.verbiage,d=void 0===s?{}:s;t=useVerbiage(t,"");var u=React.useRef(void 0),m=React.useState(r/1e3),p=m[0],f=m[1],g=useTranslations(d,{headingText:"Please read the following text aloud",doneBtnText:"Done"}),v=React.useCallback((function(e){if(e>0){var t=e-1;f(t),u.current=setTimeout((function(){return v(t)}),1e3)}}),[]);React.useEffect((function(){return f(p),u.current=setTimeout((function(){return v(p)}),1e3),function(){clearTimeout(u.current)}}),[p,v]);var _=React.useState(!1),h=_[0],b=_[1];return React.useEffect((function(){var e=setTimeout((function(){b(!0)}),i);return function(){clearTimeout(e)}}),[i]),React__namespace.default.createElement(ReadTextPromptContainer,{className:l.container},React__namespace.default.createElement(ReadTextPromptHeading,{className:l.heading},g.headingText),React__namespace.default.createElement(ReadTextPromptText,{className:l.prompt},t),React__namespace.default.createElement(ReadTextPromptButtonsRow,{className:l.buttonsRow},React__namespace.default.createElement(ReadTextPromptTimeRemaining,{className:l.timeRemaining},p),React__namespace.default.createElement(DoneButton,{variant:"positive",className:l.doneBtn,onClick:h?a:void 0,disabled:!h,finished:!0},g.doneBtnText)))},ReadTextPromptContainer=styled__default.default.div(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"],["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"]))),ReadTextPromptHeading=styled__default.default.div(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ",";\n ",";\n ",";\n"],["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ",";\n ",";\n ",";\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.heading)||void 0===n?void 0:n.backgroundColor)?"background: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.heading)||void 0===i?void 0:i.backgroundColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.heading)||void 0===n?void 0:n.textColor)?"color: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.heading)||void 0===i?void 0:i.textColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.heading)||void 0===n?void 0:n.borderRadius)?"border-radius: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.heading)||void 0===i?void 0:i.borderRadius,";"):""})),ReadTextPromptText=styled__default.default.div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ",";\n\n ",";\n ",";\n ",";\n"],["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ",";\n\n ",";\n ",";\n ",";\n"])),"undefined"!=typeof window&&window.innerWidth>window.innerHeight?"40%":"90%",(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.prompt)||void 0===n?void 0:n.backgroundColor)?"background: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.prompt)||void 0===i?void 0:i.backgroundColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.prompt)||void 0===n?void 0:n.textColor)?"color: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.prompt)||void 0===i?void 0:i.textColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.prompt)||void 0===n?void 0:n.borderRadius)?"border-radius: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.prompt)||void 0===i?void 0:i.borderRadius,";"):""})),ReadTextPromptButtonsRow=styled__default.default(ButtonsRow)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"],["\n margin: 32px auto auto;\n gap: 20px;\n"]))),ReadTextPromptTimeRemaining=styled__default.default.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n padding: 20px;\n\n ",";\n ",";\n ",";\n"],["\n padding: 20px;\n\n ",";\n ",";\n ",";\n"])),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.timeRemaining)||void 0===n?void 0:n.backgroundColor)?"background: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.timeRemaining)||void 0===i?void 0:i.backgroundColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.timeRemaining)||void 0===n?void 0:n.textColor)?"color: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.timeRemaining)||void 0===i?void 0:i.textColor,";"):""}),(function(e){var t,a,n,r,o,i;return(null===(n=null===(a=null===(t=e.theme.idVideoCapture)||void 0===t?void 0:t.readTextPrompt)||void 0===a?void 0:a.timeRemaining)||void 0===n?void 0:n.borderRadius)?"border-radius: ".concat(null===(i=null===(o=null===(r=e.theme.idVideoCapture)||void 0===r?void 0:r.readTextPrompt)||void 0===o?void 0:o.timeRemaining)||void 0===i?void 0:i.borderRadius,";"):""})),DoneButton=styled__default.default(LoaderButton)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n margin: auto 0;\n"],["\n margin: auto 0;\n"]))),edgeBoundary=.05,defaultVideoIdCaptureThresholds={detection:{idCardFront:.4,idCardBack:.5,passport:1},focus:{idCardFront:{desktop:0,mobile:0},idCardBack:{desktop:0,mobile:0},passport:{desktop:0,mobile:0}},goodFrames:{idCardFront:1,idCardBack:1},flipShortcutThreshold:.7},IdVideoCapture=function(e){var t,a,n,r,o,i,c,l,s,d,u,m,p,f,g,v,_,h,b,C=e.onComplete,y=e.onIdFrontImageCaptured,R=e.onIdBackImageCaptured,x=e.onFaceNotDetected,D=e.onRecordingFailed,E=e.onExitCapture,w=e.idCaptureModelsEnabled,S=void 0===w||w,k=e.idCardCaptureGuideImages,I=void 0===k?defaultIdCaptureGuideImages:k,T=e.idCardFrontDelay,O=void 0===T?1e3:T,M=e.videoIdCaptureThresholds,L=void 0===M?defaultVideoIdCaptureThresholds:M,j=e.skipShowIdCardBack,F=void 0!==j&&j,B=e.captureCountdownSeconds,N=void 0===B?3:B,$=e.readTextPrompt,A=e.readTextTimeoutDurationMs,P=void 0===A?15e3:A,U=e.readTextMinReadingMs,V=void 0===U?1e4:U,G=e.disableFaceDetectionWhileAudioCapture,W=void 0!==G&&G,q=e.disableFaceDetectionWhileAudioCaptureMsDelay,z=void 0===q?2e3:q,H=e.mergeAVStreams,Y=void 0!==H&&H,K=e.classNames,Z=void 0===K?{}:K,X=e.colors,J=void 0===X?{}:X,Q=e.verbiage,ee=void 0===Q?{}:Q,te=e.debugMode,ae=void 0!==te&&te,ne=useResizeObserver__default.default(),re=ne.ref,oe=ne.width,ie=void 0===oe?1:oe,ce=ne.height,le=void 0===ce?1:ce,se=useCameraStore(),de=se.camera,ue=se.videoRef,me=se.videoLoaded,pe=se.cameraReady,fe=se.microphoneReady,ge=se.audioStream,ve=se.isRearFacing,_e=se.releaseCameraAccess,he=React.useState([]),be=he[0],Ce=he[1],ye=React.useState(null),Re=ye[0],xe=ye[1],De=React.useContext(IdCaptureModelsContext),Ee=De.ready,we=De.start,Se=De.stop,ke=De.onPredictionMade,Ie=De.setThresholds,Te=De.setDocumentDetectionBoundaries,Oe=De.bestFrameDetails,Me=De.resetBestFrame,Le=De.modelError,je=React.useState(null),Fe=je[0],Be=je[1],Ne=React.useContext(SubmissionContext),$e=Ne.setIdCaptureVideoAudioStartsAt,Ae=Ne.setExpectedAudioText,Pe=React.useContext(SelfieGuidanceModelsContext),Ue=Pe.start,Ve=Pe.stop,Ge=Pe.onPredictionMade,We=Pe.error,qe=useVideoRecorder(de,ge,Y),ze=qe.isRecordingVideo,He=qe.startRecordingVideo,Ye=qe.startRecordingAudio,Ke=qe.stopRecordingVideo,Ze=qe.stopRecordingAudio,Xe=qe.videoRecordingUnintentionallyStopped,Je=qe.audioRecordingUnintentionallyStopped,Qe=qe.videoUrl,et=qe.audioUrl,tt=React.useRef(void 0),at=React.useState(-1),nt=at[0],rt=at[1];React.useEffect((function(){ze||Qe||(He(),Be(new Date)),Qe&&(!(!!$&&!Y)||et)&&(_e(),null==C||C(Qe,et))}),[et,ze,Y,C,$,_e,He,Qe]),React.useEffect((function(){(Xe||Je)&&(null==D||D())}),[Je,D,Xe]);var ot=React.useState("SHOW_ID_FRONT"),it=ot[0],ct=ot[1],lt=S&&me&&pe&&Ee&&!Le&&"READ_TEXT"!==it&&(!$||fe);React.useEffect((function(){if(lt)return we(),function(){Se()}}),[lt,we,Se]),React.useEffect((function(){Ie(L)}),[it,Ie,L]),React.useEffect((function(){Te({top:20,left:20,right:20,bottom:1})}),[Te]);var st=React.useState(0),dt=st[0],ut=st[1],mt=React.useState("none"),pt=mt[0],ft=mt[1],gt=React.useState(0),vt=gt[0],_t=gt[1],ht=React.useState(0),bt=ht[0],Ct=ht[1],yt="SHOW_ID_FRONT"===it?L.goodFrames.idCardFront:L.goodFrames.idCardBack,Rt=bt>=yt;React.useEffect((function(){S&&!Le&&ke((function(e){Ce(e.detectedObjects),ut(e.detectionScore),ft(e.detectedDocumentType),_t(e.focusScore);var t=("SHOW_ID_FRONT"===it?e.idCardFrontDetectionThresholdMet:e.idCardBackDetectionThresholdMet)&&e.focusThresholdMet;if("FLIP_ID"===it&&t&&e.idCardBackDetectionScore>=L.flipShortcutThreshold)return ct("SHOW_ID_BACK");Ct(t?function(e){return e+1}:0)}))}),[S,ke,Le,it,L.flipShortcutThreshold]);var xt=React.useState(null),Dt=xt[0],Et=xt[1];React.useEffect((function(){1===bt&&Et((new Date).getTime())}),[bt]);var wt="SHOW_ID_FRONT"!==it||null!==Dt&&(new Date).getTime()>Dt+O,St=useVerbiage($,""),kt=React.useCallback((function(){var e;St?(ct("READ_TEXT"),Ye(),$e((new Date).getTime()-(null!==(e=null==Fe?void 0:Fe.getTime())&&void 0!==e?e:0)),Ae(St)):Ke()}),[Ae,$e,Ye,Ke,St,Fe]),It=null!==(a=null===(t=ue.current)||void 0===t?void 0:t.videoWidth)&&void 0!==a?a:0,Tt=null!==(r=null===(n=ue.current)||void 0===n?void 0:n.videoHeight)&&void 0!==r?r:0,Ot=null==Re?void 0:Re.box,Mt=!Ot||!It||Ot.xMin>It*edgeBoundary&&Ot.yMin>Tt*edgeBoundary&&Ot.xMax<It*(1-edgeBoundary)&&Ot.yMax<Tt*(1-edgeBoundary),Lt=React.useState(),jt=Lt[0],Ft=Lt[1],Bt=React.useRef(null),Nt=React.useRef(!1),$t=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(Nt.current)return[2];if(Nt.current=!0,drawToCanvas(Bt.current,ue.current),!(e=Bt.current.toDataURL("image/jpeg")))return Nt.current=!1,[2];t.label=1;case 1:return t.trys.push([1,,7,8]),"SHOW_ID_FRONT"!=it?[3,5]:(y&&y(e),F?!0!==F?[3,2]:[2,kt()]:[3,4]);case 2:return[4,F()];case 3:if(t.sent())return[2,kt()];t.label=4;case 4:return ct("FLIP_ID"),[3,6];case 5:"SHOW_ID_BACK"==it&&(R&&R(e),kt()),t.label=6;case 6:return[3,8];case 7:return Ce([]),ut(0),_t(0),Ct(0),Ft(void 0),Me(),Nt.current=!1,tt.current&&clearTimeout(tt.current),[7];case 8:return[2]}}))}))}),[kt,R,y,it,Me,F,ue]),At="FLIP_ID"===it;React.useEffect((function(){if(At){var e=setTimeout((function(){ct("SHOW_ID_BACK")}),6e3);return function(){clearTimeout(e)}}}),[At]);var Pt=React.useCallback((function(){Ke(),Ze()}),[Ze,Ke]),Ut=!At&&Rt&&Mt&&wt;React.useEffect((function(){Ut&&!jt&&Ft(new Date)}),[jt,Ut]),React.useEffect((function(){return function(){clearTimeout(tt.current)}}),[]);var Vt=React.useCallback((function(e){if(e>0){var t=e-1;return rt(t),void(tt.current=setTimeout((function(){return Vt(t)}),1e3))}}),[tt]);React.useEffect((function(){if(jt)return rt(N),tt.current=setTimeout((function(){return Vt(N)}),1e3),function(){clearTimeout(tt.current)}}),[N,jt,Vt]),React.useEffect((function(){0===nt&&(rt(-1),$t().then())}),[$t,nt]);var Gt=useTimeout(P,Pt,"READ_TEXT"!==it,!1,"READ_TEXT"===it).timeoutStartedAt;React.useEffect((function(){return Ue(),function(){Ve()}}),[Ue,Ve]);var Wt=React.useState(0),qt=Wt[0],zt=Wt[1];Ge(useDebounce.useThrottledCallback(React.useCallback((function(e){var t=e.face;We||(xe(t),zt(t?0:function(e){return e+1}))}),[We]),16)),React.useEffect((function(){!(W&&(null==Gt?void 0:Gt.getTime())&&(new Date).getTime()-(null==Gt?void 0:Gt.getTime())>z)&&qt>=2&&(null==x||x())}),[W,z,qt,x,Gt]);var Ht=styled.useTheme(),Yt=useTranslations(ee,{faceNotCenteredText:"Please move your face to the center...",captureBtnText:"Capture"}),Kt=Yt.captureBtnText,Zt=Yt.faceNotCenteredText,Xt=useDebugScalingDetails({enabled:ae,pageWidth:ie,pageHeight:le,videoWidth:null!==(i=null===(o=ue.current)||void 0===o?void 0:o.videoWidth)&&void 0!==i?i:0,videoHeight:null!==(l=null===(c=ue.current)||void 0===c?void 0:c.videoHeight)&&void 0!==l?l:0}),Jt=["SHOW_ID_FRONT","SHOW_ID_BACK"].includes(it),Qt=Mt?void 0:Zt;return React__namespace.default.createElement(PageContainer,{ref:re,className:"flex ".concat(null!==(s=Z.container)&&void 0!==s?s:"")},React__namespace.default.createElement(InvisibleCanvas,{ref:Bt}),"READ_TEXT"===it?React__namespace.default.createElement(ReadTextPrompt,{text:$,startedAt:Gt||void 0,durationMs:P,minReadingMs:V,classNames:Z.readTextPrompt,verbiage:ee.readTextPrompt,onComplete:Pt}):React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(IdVideoCaptureGuides,{classNames:Z.guides,verbiage:ee.guides,requestedAction:it,satisfied:Ut,idCardGuideStatus:jt?"capturing":"ready",idCardCaptureProgress:jt?1:0,idCardCaptureGuideImages:I,faceGuideBorderColor:Ut?J.guidesSatisfiedColor:J.guidesUnsatisfiedColor,idCardGuideBorderColor:Ut?J.guidesSatisfiedColor:J.guidesUnsatisfiedColor}),ae&&Jt&&React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv,{$flipX:!ve},be.map((function(e,t){return React__namespace.default.createElement(IdCaptureDetectedObjectDebugBox,{key:t,obj:e,scaling:Xt,color:"blue",flipX:!ve})}))),React__namespace.default.createElement(DebugBoundingBoxOverlay,null,Re&&React__namespace.default.createElement(SelfieCaptureFaceDebugBox,{face:Re,scaling:Xt})))),Qt&&S&&!Le&&React__namespace.default.createElement(GuidanceMessageContainer,{className:Z.guidanceMessageContainer},React__namespace.default.createElement(GuidanceMessage,{className:Z.guidanceMessage,$background:null!==(m=null===(u=null===(d=Ht.guidanceMessages)||void 0===d?void 0:d.negative)||void 0===u?void 0:u.backgroundColor)&&void 0!==m?m:"red",$textColor:null!==(g=null===(f=null===(p=Ht.guidanceMessages)||void 0===p?void 0:p.negative)||void 0===f?void 0:f.textColor)&&void 0!==g?g:"white"},Qt)),ae&&React__namespace.default.createElement(DebugStatsPane,null,de?React__namespace.default.createElement(React__namespace.default.Fragment,null,"✅ Camera: ",de.label," (",de.width,"x",de.height,")"):"❌ Camera not ready",React__namespace.default.createElement("br",null),ze?"✅ Recording":"❌ Not recording",React__namespace.default.createElement("br",null),Rt?"✅":"❌"," Good Frame Count:"," ",bt,"/",yt,React__namespace.default.createElement("br",null),"Document Type: ",pt,React__namespace.default.createElement("br",null),"Detection Score: ",dt,React__namespace.default.createElement("br",null),"Focus Score: ",vt,React__namespace.default.createElement("br",null),"Best Frame Detection Score:"," ",null!==(_=null===(v=Oe.current)||void 0===v?void 0:v.detectionScore)&&void 0!==_?_:0,React__namespace.default.createElement("br",null),"Best Frame Focus Score: ",null!==(b=null===(h=Oe.current)||void 0===h?void 0:h.focusScore)&&void 0!==b?b:0),nt>0&&Jt&&React__namespace.default.createElement(CountdownContainer,{className:Z.countdownContainer},React__namespace.default.createElement(Countdown,{className:Z.countdown},nt)),(!S||Le)&&Jt&&React__namespace.default.createElement(CaptureButtonContainer,{className:Z.captureBtnContainer},React__namespace.default.createElement(CaptureButton,{finished:!0,onClick:function(){Ft(new Date)},disabled:!!jt||Nt.current,className:Z.captureBtn},Kt)),React__namespace.default.createElement(ExitCaptureButton,{onClick:E,className:Z.exitCaptureBtn}))},CountdownContainer=styled__default.default.div(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"],["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"]))),Countdown=styled__default.default.div(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"],["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"]))),CaptureButtonContainer=styled__default.default.div(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"],["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"]))),CaptureButton=styled__default.default(LoaderButton)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n margin: 0 auto 25px;\n"],["\n margin: 0 auto 25px;\n"]))),IdVideoCaptureSuccess=function(e){var t=e.videoUrl,a=e.audioUrl,n=e.idFrontImageUrl,r=e.idBackImageUrl,o=e.onDoneClick,i=e.onRetryClick,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u,p=React.useState("video"),f=p[0],g=p[1],v=useTranslations(m,{headingText:"Video ID has been successfully captured!",retryBtnText:"Retry",doneBtnText:"Done",idFrontText:"ID Front Image",idBackText:"ID Back Image"});return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement("h1",{className:l.heading},v.headingText),React__namespace.default.createElement(AssetSelectorOptions,{className:l.assetSelectorOptions},React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetVideo",value:"video",checked:"video"===f,onChange:function(){return g("video")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetVideo"},"Video")),a&&React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetAudio",value:"audio",checked:"audio"===f,onChange:function(){return g("audio")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetAudio"},"Audio")),React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetIdFrontImage",value:"idFrontImage",checked:"idFrontImage"===f,onChange:function(){return g("idFrontImage")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetIdFrontImage"},v.idFrontText)),r&&React__namespace.default.createElement(AssetSelectorOption,{className:l.assetSelectorOption},React__namespace.default.createElement("input",{type:"radio",id:"displayedAssetIdBackImage",value:"idBackImage",checked:"idBackImage"===f,onChange:function(){return g("idBackImage")}}),React__namespace.default.createElement("label",{htmlFor:"displayedAssetIdBackImage"},v.idBackText))),React__namespace.default.createElement(OverlayImageContainer,{className:l.videoContainer},"video"===f?React__namespace.default.createElement(StyledVideo,{src:t,className:l.video,poster:t+"#t=0.1",controls:!0,preload:"metadata",autoPlay:!0}):"audio"===f?React__namespace.default.createElement("div",null,React__namespace.default.createElement("h3",null,"Audio"),React__namespace.default.createElement("audio",{controls:!0},React__namespace.default.createElement("source",{src:a}))):React__namespace.default.createElement("img","idFrontImage"===f?{src:n,alt:"ID Front Image"}:{src:r,alt:"ID Back Image"})),React__namespace.default.createElement(ButtonsRow,{className:l.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:l.retryBtn,onClick:i,colors:d.retryBtn,finished:!0},v.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:l.doneBtn,onClick:o,colors:d.doneBtn,finished:!0},v.doneBtnText))))},StyledVideo=styled__default.default.video(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"],["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"]))),AssetSelectorOptions=styled__default.default.div(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"],["\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n"]))),AssetSelectorOption=styled__default.default.div(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"],["\n padding: 0 8px;\n display: flex;\n gap: 5px;\n align-items: center;\n\n & > input {\n margin: 0;\n padding: 0;\n display: block;\n }\n"]))),VideoIdWizard=function(e){var t,a,n,r,o,i,c,l,s,d=e.onComplete,u=e.onExitCapture,m=e.onExitAfterFailure,p=e.onUserCancel,f=e.onIdCaptureModelError,g=e.onCameraAccessDenied,v=e.onMicrophoneAccessDenied,_=e.idCaptureProps,h=void 0===_?{}:_,b=e.faceLivenessProps,C=void 0===b?{}:b,y=e.idCaptureModelsEnabled,R=void 0===y||y,x=e.videoIdCaptureThresholds,D=void 0===x?defaultVideoIdCaptureThresholds:x,E=e.readTextPrompt,w=e.readTextTimeoutDurationMs,S=e.readTextMinReadingMs,k=e.skipIdCapture,I=void 0!==k&&k,T=e.skipShowIdCardBack,O=void 0!==T&&T,M=e.skipSuccessScreen,L=void 0!==M&&M,j=e.idCaptureLoadingOverlayMode,F=void 0===j?"default":j,B=e.customOverlayContent,N=e.onLoadingOverlayDismissed,$=e.idCaptureGuideType,A=void 0===$?"fit":$,P=e.idCaptureGuideImages,U=void 0===P?defaultIdCaptureGuideImages:P,V=e.idCapturePortraitGuidesOnMobile,G=void 0===V||V,W=e.idCaptureRotateLoadingOverlayImageWhenPortrait,q=void 0===W||W,z=e.idCaptureModelLoadTimeoutMs,H=void 0===z?defaultDocumentDetectionModelLoadTimeoutMs:z,Y=e.faceLivenessLoadingOverlayMode,K=void 0===Y?"default":Y,Z=e.disableFaceDetectionWhileAudioCapture,X=void 0===Z||Z,J=e.disableFaceDetectionWhileAudioCaptureMsDelay,Q=void 0===J?2e3:J,ee=e.silentFallback,te=void 0!==ee&&ee,ae=e.mergeAVStreams,ne=void 0!==ae&&ae,re=e.assets,oe=void 0===re?{}:re,ie=e.classNames,ce=void 0===ie?{}:ie,le=e.colors,se=void 0===le?{}:le,de=e.verbiage,ue=void 0===de?{}:de,me=e.debugMode,pe=void 0!==me&&me,fe=React.useContext(SubmissionContext),ge=fe.submissionStatus,ve=fe.idCaptureVideoUrl,_e=fe.idCaptureVideoAudioUrl,he=fe.idCaptureVideoIdFrontImage,be=fe.idCaptureVideoIdBackImage,Ce=fe.setIdCaptureVideoUrl,ye=fe.setIdCaptureVideoIdFrontImage,Re=fe.setIdCaptureVideoIdBackImage,xe=fe.setIdCaptureVideoAudioUrl,De=React.useState("CAPTURING_ID"),Ee=De[0],we=De[1];React.useEffect((function(){I&&"CAPTURING_ID"===Ee&&we("CHECKING_LIVENESS")}),[Ee,I]);var Se=h.onSuccess,ke=React.useCallback((function(e){null==Se||Se(e),we("CHECKING_LIVENESS")}),[Se]),Ie=React.useCallback((function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){return we("CAPTURING_VIDEO"),[2]}))}))}),[]),Te=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return Ce(e),t&&xe(t),we("SUCCESS"),L&&(null==d||d()),[2]}))}))}),[d,xe,Ce,L]),Oe=React.useCallback((function(){we("CHECKING_LIVENESS")}),[]),Me=React.useState(0),Le=Me[0],je=Me[1],Fe=null!=m?m:C.onExitAfterFailure,Be=React.useCallback((function(e,t){null==Fe||Fe(e,t),je((function(e){return e+1})),we("CAPTURING_ID")}),[Fe]),Ne=React.useCallback((function(){je((function(e){return e+1})),we("CAPTURING_ID")}),[]),$e=!I&&["LOADING","CAPTURING_ID"].includes(Ee);React.useEffect((function(){ge===SubmissionStatus.SUBMITTING&&releaseCameraAccess()}),[ge]);var Ae=React.useCallback((function(){je((function(e){return e+1})),we("CHECKING_LIVENESS")}),[]),Pe=React.useCallback((function(){je((function(e){return e+1})),null==u||u()}),[u]),Ue=React.useCallback((function(e){var t,a,n,r,o=e.status;return React__namespace.default.createElement(IdVideoCaptureGuides,{idCardCaptureGuideImages:U,classNames:null===(t=ce.idVideoCapture)||void 0===t?void 0:t.guides,verbiage:null===(a=ue.idVideoCapture)||void 0===a?void 0:a.guides,requestedAction:"VERIFY_LIVENESS",faceGuideStatus:o,faceGuideBorderColor:"success"===o?null===(n=se.idVideoCapture)||void 0===n?void 0:n.guidesSatisfiedColor:null===(r=se.idVideoCapture)||void 0===r?void 0:r.guidesUnsatisfiedColor,idCardGuideStatus:"disabled"})}),[null===(t=ce.idVideoCapture)||void 0===t?void 0:t.guides,null===(a=se.idVideoCapture)||void 0===a?void 0:a.guidesSatisfiedColor,null===(n=se.idVideoCapture)||void 0===n?void 0:n.guidesUnsatisfiedColor,U,null===(r=ue.idVideoCapture)||void 0===r?void 0:r.guides]);return ge===SubmissionStatus.SUBMITTING?React__namespace.default.createElement(PageContainer,{className:"flex"},React__namespace.default.createElement(Spinner,null)):React__namespace.default.createElement(CameraStoreProvider,{preferIphoneContinuityCamera:$e,preferFrontFacingCamera:!$e,requireMicrophoneAccess:!$e&&!!E,maxVideoWidth:$e?1920:1280,maxFps:$e?60:30,onCameraAccessDenied:g,onMicrophoneAccessDenied:v},React__namespace.default.createElement(IdCaptureModelsProvider,{autoStart:!1,documentDetectionModelUrl:null!==(i=null===(o=h.assets)||void 0===o?void 0:o.documentDetectionModelUrl)&&void 0!==i?i:"",focusModelUrl:null!==(l=null===(c=h.assets)||void 0===c?void 0:c.focusModelUrl)&&void 0!==l?l:"",onModelError:f,modelLoadTimeoutMs:H},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,onModelError:null==C?void 0:C.onModelError,modelLoadTimeoutMs:null==C?void 0:C.modelLoadTimeoutMs,requireVerticalFaceCentering:"CHECKING_LIVENESS"===Ee},React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(s=ce.container)&&void 0!==s?s:"")},["CHECKING_LIVENESS","CAPTURING_VIDEO"].includes(Ee)&&React__namespace.default.createElement(CameraVideoTag,{className:ce.cameraFeed}),function(){switch(Ee){case"CAPTURING_ID":return React__namespace.default.createElement(IdCaptureStateProvider,null,React__namespace.default.createElement(GuideOrientationContextProvider,null,React__namespace.default.createElement(IdCaptureWizard,_assign({key:"id-capture-".concat(Le),loadingOverlayMode:F,customOverlayContent:B,onLoadingOverlayDismissed:N,silentFallback:te,guideImages:U},h,{assets:oe.idCapture,classNames:ce.idCapture,colors:se.idCapture,verbiage:ue.idCapture,onSuccess:ke,onExitCapture:Pe,onUserCancel:p,skipSuccessScreen:!0,releaseCameraAccessOnExit:!1,guideType:A,portraitGuidesOnMobile:G,rotateLoadingOverlayImageWhenPortrait:q,debugMode:pe}))));case"CHECKING_LIVENESS":return React__namespace.default.createElement(FaceLivenessWizard,_assign({key:"face-liveness-".concat(Le),loadingOverlayMode:K,customOverlayContent:B,onLoadingOverlayDismissed:N,silentFallback:te},C,{onComplete:Ie,onExitCapture:Pe,onExitAfterFailure:Be,onUserCancel:p,skipSuccessScreen:!0,renderCameraFeed:!1,releaseCameraAccessOnExit:!1,waitForIdCaptureModels:!0,disableCapturePreview:!pe,guidesComponent:Ue,assets:oe.faceLiveness,classNames:ce.faceLiveness,colors:se.faceLiveness,verbiage:ue.faceLiveness,debugMode:pe}));case"CAPTURING_VIDEO":return React__namespace.default.createElement(IdVideoCapture,{key:"id-video-capture-".concat(Le),onComplete:Te,onIdFrontImageCaptured:ye,onIdBackImageCaptured:Re,onFaceNotDetected:Oe,onRecordingFailed:Ae,onExitCapture:Pe,idCaptureModelsEnabled:R,idCardCaptureGuideImages:U,videoIdCaptureThresholds:D,skipShowIdCardBack:O,disableFaceDetectionWhileAudioCapture:X,disableFaceDetectionWhileAudioCaptureMsDelay:Q,readTextPrompt:E,readTextTimeoutDurationMs:w,readTextMinReadingMs:S,mergeAVStreams:ne,classNames:ce.idVideoCapture,colors:se.idVideoCapture,verbiage:ue.idVideoCapture,debugMode:pe});case"SUCCESS":return React__namespace.default.createElement(IdVideoCaptureSuccess,{videoUrl:null!=ve?ve:"",audioUrl:null!=_e?_e:"",idFrontImageUrl:null!=he?he:"",idBackImageUrl:null!=be?be:void 0,onDoneClick:d,onRetryClick:Ne,classNames:ce.success,colors:se.success,verbiage:ue.success});default:return React__namespace.default.createElement(React__namespace.default.Fragment,null)}}()))))};function CompositeWizard(e){var t,a,n,r,o,i=e.checks,c=e.idCaptureProps,l=void 0===c?{}:c,s=e.faceLivenessProps,d=void 0===s?{}:s,u=e.additionalDocumentCaptureProps,m=e.signatureCaptureProps,p=void 0===m?{}:m,f=e.videoSignatureCaptureProps,g=void 0===f?{}:f,v=e.videoIdCaptureProps,_=void 0===v?{}:v,h=e.captureSignature,b=void 0!==h&&h,C=e.captureSignatureVideo,y=void 0!==C&&C,R=e.onCameraAccessDenied,x=e.onMicrophoneAccessDenied,D=React.useContext(SubmissionContext),E=D.submit,w=D.submissionStatus,S=D.setSignatureData,k=D.setAdditionalDocuments,I=React.useState(0),T=I[0],O=I[1],M=React.useMemo((function(){var e,t,a=__spreadArray([],i,!0);if(b&&y)throw new Error("captureSignature and captureSignatureVideo cannot be used together");return b&&a.push("SignatureCapture"),y&&(a.push("VideoSignatureCapture"),a.includes("FaceLiveness")&&a.splice(a.indexOf("FaceLiveness"),1)),null!==(t=null===(e=null==u?void 0:u.documents)||void 0===e?void 0:e.length)&&void 0!==t&&t&&a.push("AdditionalDocumentCapture"),a}),[null===(t=null==u?void 0:u.documents)||void 0===t?void 0:t.length,b,y,i]),L=M[T],j=T>=M.length;React.useEffect((function(){"SignatureCapture"===L&&"function"==typeof b?b().then((function(e){e||O((function(e){return e+1}))})):"VideoSignatureCapture"===L&&"function"==typeof y&&y().then((function(e){e||O((function(e){return e+1}))}))}),[b,y,L]),React.useEffect((function(){j&&E()}),[j,E]);var F=l.onSuccess,B=React.useCallback((function(e){null==F||F(e),O((function(e){return e+1}))}),[F]),N=_.onComplete,$=React.useCallback((function(){null==N||N(),O((function(e){return e+1}))}),[N]),A=d.onComplete,P=React.useCallback((function(e,t){null==A||A(e,t),O((function(e){return e+1}))}),[A]),U=React.useCallback((function(e){S(e),O((function(e){return e+1}))}),[S]),V=g.onComplete,G=React.useCallback((function(){null==V||V(),O((function(e){return e+1}))}),[V]),W=null==u?void 0:u.onComplete,q=React.useCallback((function(e){k(e),null==W||W(e),O((function(e){return e+1}))}),[W,k]),z=React.useMemo((function(){var e;return null!==(e=null==u?void 0:u.documents)&&void 0!==e?e:[]}),[null==u?void 0:u.documents]);if(j)switch(w){case SubmissionStatus.SUBMITTING:return React__namespace.default.createElement(PageContainer,{className:"flex"},React__namespace.default.createElement(Spinner,null));case SubmissionStatus.SUBMITTED:return React__namespace.default.createElement(SubmissionSuccess,null);case SubmissionStatus.FAILED:return React__namespace.default.createElement(React__namespace.default.Fragment,null,"Submission failed!");default:return React__namespace.default.createElement(React__namespace.default.Fragment,null)}switch(M[T]){case"IdCapture":return React__namespace.default.createElement(CameraStoreProvider,{onCameraAccessDenied:R,onMicrophoneAccessDenied:x},React__namespace.default.createElement(IdCaptureModelsProvider,{autoStart:!1,documentDetectionModelUrl:null!==(n=null===(a=l.assets)||void 0===a?void 0:a.documentDetectionModelUrl)&&void 0!==n?n:"",focusModelUrl:null!==(o=null===(r=l.assets)||void 0===r?void 0:r.focusModelUrl)&&void 0!==o?o:"",onModelError:l.onModelError,modelLoadTimeoutMs:l.modelLoadTimeoutMs},React__namespace.default.createElement(IdCaptureStateProvider,null,React__namespace.default.createElement(GuideOrientationContextProvider,null,React__namespace.default.createElement(IdCaptureWizard,_assign({},l,{onSuccess:B}))))));case"VideoIdCapture":return React__namespace.default.createElement(VideoIdWizard,_assign({},_,{onComplete:$,onCameraAccessDenied:R,onMicrophoneAccessDenied:x}));case"FaceLiveness":return React__namespace.default.createElement(CameraStoreProvider,{preferFrontFacingCamera:!0,preferIphoneContinuityCamera:!1,onCameraAccessDenied:R,onMicrophoneAccessDenied:x},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,onModelError:d.onModelError,modelLoadTimeoutMs:d.modelLoadTimeoutMs},React__namespace.default.createElement(FaceLivenessWizard,_assign({},d,{onComplete:P}))));case"SignatureCapture":return React__namespace.default.createElement(SignatureCapture,_assign({},p,{onAccept:U}));case"VideoSignatureCapture":return React__namespace.default.createElement(CameraStoreProvider,{preferIphoneContinuityCamera:!1,preferFrontFacingCamera:!0,maxVideoWidth:1280,maxFps:30,onCameraAccessDenied:R,onMicrophoneAccessDenied:x},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,throttleMs:250,onModelError:g.onModelError,modelLoadTimeoutMs:g.modelLoadTimeoutMs,requireVerticalFaceCentering:!1},React__namespace.default.createElement(VideoSignatureWizard,_assign({},g,{onComplete:G}))));case"AdditionalDocumentCapture":return React__namespace.default.createElement(AdditionalDocumentCaptureWizard,_assign({},u,{documents:z,onComplete:q}));default:return React__namespace.default.createElement(React__namespace.default.Fragment,null)}}var templateObject_1$3,templateObject_2$3,templateObject_3$3,templateObject_1$2,templateObject_2$2,templateObject_3$2,templateObject_1$1,templateObject_2$1,templateObject_3$1,templateObject_1,templateObject_2,templateObject_3,noneTheme={},defaultTheme={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",isFullscreen:!0,background:"white",textColor:"black",textAlign:"center",padding:"25px",colors:{primary:{50:"#eef8ff",100:"#d8eeff",200:"#b9e0ff",300:"#89cfff",400:"#52b4ff",500:"#2a91ff",600:"#0d6efd",700:"#0c5ae9",800:"#1149bc",900:"#144194",950:"#11295a"},secondary:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#666666",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#3d3d3d",950:"#262626"},positive:{50:"#f1fcf9",100:"#cef9eb",200:"#9df2d8",300:"#65e3c2",400:"#4fd4ad",500:"#1cb090",600:"#16a085",700:"#147160",800:"#155a4f",900:"#164b42",950:"#062d28"},negative:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},warning:{50:"#fdf5ef",100:"#fbe7d9",200:"#f6cdb2",300:"#f0ab81",400:"#ea8557",500:"#e35e2c",600:"#d54621",700:"#b1341d",800:"#8d2b1f",900:"#72261c",950:"#3d100d"}},buttons:{style:"bootstrap",primary:{backgroundColor:"var(--idm-color-primary-600)",textColor:"white"},secondary:{backgroundColor:"var(--idm-color-secondary-500)",textColor:"white"},positive:{backgroundColor:"var(--idm-color-positive-600)",textColor:"white"},negative:{backgroundColor:"var(--idm-color-negative-400)",textColor:"white"},warning:{backgroundColor:"var(--idm-color-warning-400)",textColor:"white"},loading:{backgroundColor:"gray",textColor:"white"}},guidanceMessages:{default:{backgroundColor:"var(--idm-color-secondary-200)",textColor:"black"},positive:{backgroundColor:"var(--idm-color-positive-700)",textColor:"white"},negative:{backgroundColor:"var(--idm-color-negative-600)",textColor:"white"}},idCapture:{loadingOverlay:{backgroundColor:"#ecedf3",textColor:"black",loadingGraphicAccentColor:"var(--idm-color-positive-600)",loadingGraphicAccentOpacity:.2,progressBarBackgroundColor:"var(--idm-color-positive-600)",progressBarBackgroundOpacity:.75,progressBarIndicatorColor:"var(--idm-color-positive-600)",progressBarTextColor:"white",continueBtnBorder:"2px solid white"},guideOverlay:{backgroundColor:"#708090",textColor:"white"},guideBox:{unsatisfiedColor:"white",satisfiedColor:"var(--idm-color-positive-500)",borderWidth:4,desktopPadding:50,mobilePadding:0,imagePadding:50,wavesDisabled:!1,wavesColor:"#287ec6",progressBarColor:"#287ec6"}},selfieCapture:{loadingOverlay:{backgroundColor:"#ecedf3",textColor:"black",loadingGraphicAccentColor:"var(--idm-color-positive-600)",progressBarBackgroundColor:"var(--idm-color-positive-600)",progressBarBackgroundOpacity:.75,progressBarIndicatorColor:"var(--idm-color-positive-600)",progressBarTextColor:"white",continueBtnBorder:"2px solid white"},guides:{unsatisfiedColor:"white",satisfiedColor:"var(--idm-color-positive-500)"}},signatureCapture:{background:"radial-gradient(#444cf7 0.5px, transparent 0.5px), radial-gradient(#444cf7 0.5px, #e5e5f7 0.5px)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 10px 10px"},idVideoCapture:{idCardGuides:{disableDuringLivenessCheck:!1},readTextPrompt:{heading:{backgroundColor:"rgba(255, 255, 255, 0.5)",textColor:"black",borderRadius:"8px"},prompt:{backgroundColor:"rgba(255, 255, 255, 0.5)",textColor:"black",borderRadius:"8px"},timeRemaining:{backgroundColor:"rgba(255, 255, 255, 0.5)",textColor:"black",borderRadius:"4px"}}}},themes={default:defaultTheme,none:noneTheme},resolveTheme=function(e){if("string"==typeof e)return e in themes?themes[e]:themes.none;if(e.base){var t=themes[e.base];if(t)return mergeDeep(t,e)}return e},ThemeProvider=function(e){var t=e.children,a=React.useRef(e.theme),n=React.useMemo((function(){return resolveTheme(a.current)}),[]),r=n.colors;return React.useEffect((function(){for(var e in r){var t=r[e];for(var a in t){var n=t[a];document.documentElement.style.setProperty("--idm-color-".concat(e,"-").concat(a),n)}}}),[r]),React__namespace.default.createElement(styled.ThemeProvider,{theme:n},t)},IdValidation=function(e){var t=e.lang,a=e.sessionId,n=e.clientRequestID,r=e.submissionUrl,o=e.authUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.manualReviewRequired,d=e.idBackImageRequired,u=e.verifyIdWithExternalDatabases,m=e.bypassAgeValidation,p=e.bypassNameMatching,f=e.personalData,g=e.cardData,v=e.idData,_=e.webhooksEnabled,h=e.webhooksClientTraceId,b=e.webhooksStripSpecialCharacters,C=e.webhooksSendInputImages,y=e.webhooksSendProcessedImages,R=e.webhooksFireOnReview,x=e.sendBase64DocumentsInSwaggerProxy,D=e.customerDataMatchConfig,E=e.precapturedDocuments,w=e.loadingOverlayMode,S=void 0===w?"default":w,k=e.customOverlayContent,I=e.onLoadingOverlayDismissed,T=e.idCaptureRequirement,O=void 0===T?"idCardOrPassport":T,M=e.separateIdCardCaptureSequence,L=void 0!==M&&M,j=e.idCaptureThresholds,F=void 0===j?defaultIdCaptureThresholds:j,B=e.skipSuccessScreen,N=void 0!==B&&B,$=e.instructions,A=e.guideType,P=void 0===A?"fit":A,U=e.guideImages,V=void 0===U?defaultIdCaptureGuideImages:U,G=e.portraitGuidesOnMobile,W=void 0===G||G,q=e.rotateLoadingOverlayImageWhenPortrait,z=void 0===q||q,H=e.modelLoadTimeoutMs,Y=void 0===H?defaultDocumentDetectionModelLoadTimeoutMs:H,K=e.forceFallbackMode,Z=void 0!==K&&K,X=e.allowIdCardBackToFrontCapture,J=void 0!==X&&X,Q=e.enableOverrideWrongDocumentTypeDialog,ee=void 0!==Q&&Q,te=e.allowOverrideWrongDocumentTypeAfterMs,ae=void 0===te?8e3:te,ne=e.onBeforeSubmit,re=e.onBeforeDocumentUpload,oe=e.onDocumentUploadProgress,ie=e.onDocumentUploaded,ce=e.onDocumentUploadFailed,le=e.onSubmit,se=e.onComplete,de=e.onApproved,ue=e.onDenied,me=e.onExitCapture,pe=e.onUserCancel,fe=e.onModelError,ge=e.onCameraAccessDenied,ve=e.theme,_e=void 0===ve?"default":ve,he=e.assets,be=void 0===he?{}:he,Ce=e.classNames,ye=void 0===Ce?{}:Ce,Re=e.colors,xe=void 0===Re?{}:Re,De=e.verbiage,Ee=void 0===De?{}:De,we=e.captureSignature,Se=void 0!==we&&we,ke=e.captureSignatureVideo,Ie=void 0!==ke&&ke,Te=e.captureAdditionalDocuments,Oe=void 0===Te?[]:Te,Me=e.geolocationEnabled,Le=void 0===Me||Me,je=e.geolocationRequired,Fe=void 0!==je&&je,Be=e.debugMode,Ne=void 0!==Be&&Be;useLanguage(void 0===t?"auto":t),useDebugLogging(Ne);var $e=React.useMemo((function(){return{onExitCapture:me,onUserCancel:pe,onModelError:fe,precapturedDocuments:E,captureRequirement:O,separateIdCardCaptureSequence:L,thresholds:F,skipSuccessScreen:N,loadingOverlayMode:S,customOverlayContent:k,onLoadingOverlayDismissed:I,forceFallbackMode:Z,allowIdCardBackToFrontCapture:J,instructions:$,guideType:P,guideImages:V,portraitGuidesOnMobile:W,rotateLoadingOverlayImageWhenPortrait:z,modelLoadTimeoutMs:Y,enableOverrideWrongDocumentTypeDialog:ee,allowOverrideWrongDocumentTypeAfterMs:ae,assets:be,classNames:ye,colors:xe,verbiage:Ee,debugMode:Ne}}),[me,pe,fe,E,O,L,F,N,S,k,I,Z,J,$,P,V,W,z,Y,ee,ae,be,ye,xe,Ee,Ne]),Ae=React.useMemo((function(){return{documents:Oe,classNames:ye.additionalDocumentCapture,verbiage:Ee.additionalDocumentCapture}}),[Oe,ye.additionalDocumentCapture,Ee.additionalDocumentCapture]),Pe=React.useMemo((function(){return{classNames:ye.signatureCapture,verbiage:Ee.signatureCapture}}),[ye.signatureCapture,Ee.signatureCapture]),Ue=React.useMemo((function(){return{onExitCapture:me,onUserCancel:pe,skipSuccessScreen:N,classNames:ye.videoSignatureCapture,colors:xe.videoSignatureCapture,verbiage:Ee.videoSignatureCapture,debugMode:Ne}}),[ye.videoSignatureCapture,xe.videoSignatureCapture,Ne,me,pe,N,Ee.videoSignatureCapture]),Ve=React.useCallback((function(e,t){null==se||se(e,t),"Approved"===e.resultData.verificationResult?null==de||de(e,t):null==ue||ue(e,t)}),[de,se,ue]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:o},React__namespace.default.createElement(ThemeProvider,{theme:_e},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.VALIDATE,submissionUrl:r,clientRequestID:n,documentServiceUrl:i,companyId:c,needImmediateResponse:l,manualReviewRequired:s,idBackImageRequired:d,verifyIdWithExternalDatabases:u,bypassAgeValidation:m,bypassNameMatching:p,personalData:f,cardData:g,idData:v,webhooksEnabled:_,webhooksClientTraceId:h,webhooksStripSpecialCharacters:b,webhooksSendInputImages:C,webhooksSendProcessedImages:y,webhooksFireOnReview:R,sendBase64DocumentsInSwaggerProxy:x,customerDataMatchConfig:D,onBeforeDocumentUpload:re,onDocumentUploadProgress:oe,onDocumentUploaded:ie,onDocumentUploadFailed:ce,onBeforeSubmit:ne,onSubmit:le,onResponseReceived:Ve,geolocationEnabled:Le,geolocationRequired:Fe},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["IdCapture"]}),[]),idCaptureProps:$e,additionalDocumentCaptureProps:Ae,signatureCaptureProps:Pe,videoSignatureCaptureProps:Ue,captureSignature:Se,captureSignatureVideo:Ie,onCameraAccessDenied:ge}))))},FaceValidation=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.companyId,c=e.needImmediateResponse,l=e.webhooksEnabled,s=e.webhooksClientTraceId,d=e.webhooksStripSpecialCharacters,u=e.webhooksSendInputImages,m=e.webhooksSendProcessedImages,p=e.sendBase64DocumentsInSwaggerProxy,f=e.loadingOverlayMode,g=void 0===f?"default":f,v=e.timeoutDurationMs,_=void 0===v?15e3:v,h=e.modelLoadTimeoutMs,b=void 0===h?defaultSelfieCaptureModelLoadTimeoutMs:h,C=e.skipSuccessScreen,y=void 0!==C&&C,R=e.idCardForFaceMatch,x=e.onBeforeDocumentUpload,D=e.onDocumentUploadProgress,E=e.onDocumentUploaded,w=e.onDocumentUploadFailed,S=e.onBeforeSubmit,k=e.onComplete,I=e.onApproved,T=e.onDenied,O=e.onExitCapture,M=e.onExitAfterFailure,L=e.onUserCancel,j=e.onModelError,F=e.onCameraAccessDenied,B=e.theme,N=void 0===B?"default":B,$=e.assets,A=e.classNames,P=e.colors,U=e.verbiage,V=e.geolocationEnabled,G=void 0===V||V,W=e.geolocationRequired,q=void 0!==W&&W,z=e.debugMode,H=void 0!==z&&z;useLanguage(void 0===t?"auto":t),useDebugLogging(H);var Y=React.useMemo((function(){return{loadingOverlayMode:g,timeoutDurationMs:_,modelLoadTimeoutMs:b,skipSuccessScreen:y,onComplete:k,onSuccess:I,onDenied:T,onExitCapture:O,onExitAfterFailure:M,onModelError:j,onUserCancel:L,assets:$,classNames:A,colors:P,verbiage:U,debugMode:H}}),[$,A,P,H,g,b,I,k,T,M,O,j,L,y,_,U]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:N},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.NONE,submissionUrl:r,documentServiceUrl:o,companyId:i,needImmediateResponse:c,webhooksEnabled:l,webhooksClientTraceId:s,webhooksStripSpecialCharacters:d,webhooksSendInputImages:u,webhooksSendProcessedImages:m,sendBase64DocumentsInSwaggerProxy:p,idCardForFaceMatch:R,onBeforeDocumentUpload:x,onDocumentUploadProgress:D,onDocumentUploaded:E,onDocumentUploadFailed:w,onBeforeLivenessCheck:S,geolocationEnabled:G,geolocationRequired:q},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["FaceLiveness"]}),[]),faceLivenessProps:Y,onCameraAccessDenied:F}))))},IdAndFaceValidation=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.companyId,c=e.needImmediateResponse,l=e.manualReviewRequired,s=e.idBackImageRequired,d=e.verifyIdWithExternalDatabases,u=e.bypassAgeValidation,m=e.bypassNameMatching,p=e.personalData,f=e.cardData,g=e.idData,v=e.webhooksEnabled,_=e.webhooksClientTraceId,h=e.webhooksStripSpecialCharacters,b=e.webhooksSendInputImages,C=e.webhooksSendProcessedImages,y=e.webhooksFireOnReview,R=e.sendBase64DocumentsInSwaggerProxy,x=e.customerDataMatchConfig,D=e.precapturedDocuments,E=e.idCaptureLoadingOverlayMode,w=void 0===E?"default":E,S=e.idCaptureRequirement,k=void 0===S?"idCardOrPassport":S,I=e.idCaptureThresholds,T=void 0===I?defaultIdCaptureThresholds:I,O=e.faceLivenessLoadingOverlayMode,M=void 0===O?"default":O,L=e.faceLivenessTimeoutDurationMs,j=void 0===L?15e3:L,F=e.skipSuccessScreen,B=void 0!==F&&F,N=e.idCaptureInstructions,$=e.idCaptureGuideType,A=void 0===$?"fit":$,P=e.idCaptureGuideImages,U=void 0===P?defaultIdCaptureGuideImages:P,V=e.idCapturePortraitGuidesOnMobile,G=void 0===V||V,W=e.idCaptureRotateLoadingOverlayImageWhenPortrait,q=void 0===W||W,z=e.idCaptureModelLoadTimeoutMs,H=void 0===z?defaultDocumentDetectionModelLoadTimeoutMs:z,Y=e.idCaptureForceFallbackMode,K=void 0!==Y&&Y,Z=e.selfieCaptureModelLoadTimeoutMs,X=void 0===Z?defaultSelfieCaptureModelLoadTimeoutMs:Z,J=e.allowIdCardBackToFrontCapture,Q=void 0!==J&&J,ee=e.enableOverrideWrongDocumentTypeDialog,te=void 0!==ee&&ee,ae=e.allowOverrideWrongDocumentTypeAfterMs,ne=void 0===ae?8e3:ae,re=e.onBeforeDocumentUpload,oe=e.onDocumentUploaded,ie=e.onDocumentUploadProgress,ce=e.onDocumentUploadFailed,le=e.onBeforeLivenessCheck,se=e.onBeforeSubmit,de=e.onSubmit,ue=e.onComplete,me=e.onApproved,pe=e.onDenied,fe=e.onExitCapture,ge=e.onExitAfterFailure,ve=e.onUserCancel,_e=e.onIdCaptureModelError,he=e.onSelfieCaptureModelError,be=e.onCameraAccessDenied,Ce=e.captureSignature,ye=void 0!==Ce&&Ce,Re=e.captureSignatureVideo,xe=void 0!==Re&&Re,De=e.captureAdditionalDocuments,Ee=void 0===De?[]:De,we=e.theme,Se=void 0===we?"default":we,ke=e.assets,Ie=void 0===ke?{}:ke,Te=e.classNames,Oe=void 0===Te?{}:Te,Me=e.colors,Le=void 0===Me?{}:Me,je=e.verbiage,Fe=void 0===je?{}:je,Be=e.geolocationEnabled,Ne=void 0===Be||Be,$e=e.geolocationRequired,Ae=void 0!==$e&&$e,Pe=e.debugMode,Ue=void 0!==Pe&&Pe;useLanguage(void 0===t?"auto":t),useDebugLogging(Ue);var Ve=React.useMemo((function(){return{onExitCapture:fe,onUserCancel:ve,onModelError:_e,assets:Ie.idCapture,classNames:Oe.idCapture,colors:Le.idCapture,verbiage:Fe.idCapture,precapturedDocuments:D,captureRequirement:k,thresholds:T,loadingOverlayMode:w,instructions:N,guideType:A,guideImages:U,portraitGuidesOnMobile:G,rotateLoadingOverlayImageWhenPortrait:q,modelLoadTimeoutMs:H,allowIdCardBackToFrontCapture:Q,enableOverrideWrongDocumentTypeDialog:te,allowOverrideWrongDocumentTypeAfterMs:ne,forceFallbackMode:K,skipSuccessScreen:B,debugMode:Ue}}),[fe,ve,_e,Ie.idCapture,Oe.idCapture,Le.idCapture,Fe.idCapture,D,k,T,w,N,A,U,G,q,H,Q,te,ne,K,B,Ue]),Ge=React.useMemo((function(){return{loadingOverlayMode:M,timeoutDurationMs:j,modelLoadTimeoutMs:X,onDenied:pe,onExitCapture:fe,onExitAfterFailure:ge,onUserCancel:ve,onModelError:he,skipSuccessScreen:B,assets:Ie.faceLiveness,classNames:Oe.faceLiveness,colors:Le.faceLiveness,verbiage:Fe.faceLiveness,debugMode:Ue}}),[Ie.faceLiveness,Oe.faceLiveness,Le.faceLiveness,Ue,M,j,pe,ge,fe,he,ve,X,B,Fe.faceLiveness]),We=React.useMemo((function(){return{documents:Ee,classNames:Oe.additionalDocumentCapture,verbiage:Fe.additionalDocumentCapture}}),[Ee,Oe.additionalDocumentCapture,Fe.additionalDocumentCapture]),qe=React.useMemo((function(){return{classNames:Oe.signatureCapture,verbiage:Fe.signatureCapture}}),[Oe.signatureCapture,Fe.signatureCapture]),ze=React.useMemo((function(){return{onExitCapture:fe,onUserCancel:ve,skipSuccessScreen:B,classNames:Oe.videoSignatureCapture,colors:Le.videoSignatureCapture,verbiage:Fe.videoSignatureCapture,debugMode:Ue}}),[Oe.videoSignatureCapture,Le.videoSignatureCapture,Ue,fe,ve,B,Fe.videoSignatureCapture]),He=React.useCallback((function(e,t){null==ue||ue(e,t),"Approved"===e.resultData.verificationResult?null==me||me(e,t):null==pe||pe(e,t)}),[me,ue,pe]),Ye=React.useMemo((function(){return(null==D?void 0:D.selfie)?["IdCapture"]:["IdCapture","FaceLiveness"]}),[null==D?void 0:D.selfie]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:Se},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.VALIDATE,submissionUrl:r,documentServiceUrl:o,companyId:i,needImmediateResponse:c,manualReviewRequired:l,idBackImageRequired:s,verifyIdWithExternalDatabases:d,bypassAgeValidation:u,bypassNameMatching:m,personalData:p,cardData:f,idData:g,webhooksEnabled:v,webhooksClientTraceId:_,webhooksStripSpecialCharacters:h,webhooksSendInputImages:b,webhooksSendProcessedImages:C,webhooksFireOnReview:y,sendBase64DocumentsInSwaggerProxy:R,customerDataMatchConfig:x,precapturedDocuments:D,onBeforeDocumentUpload:re,onDocumentUploadProgress:ie,onDocumentUploaded:oe,onDocumentUploadFailed:ce,onBeforeSubmit:se,onBeforeLivenessCheck:le,onSubmit:de,onResponseReceived:He,geolocationEnabled:Ne,geolocationRequired:Ae},React__namespace.default.createElement(CompositeWizard,{checks:Ye,idCaptureProps:Ve,faceLivenessProps:Ge,signatureCaptureProps:qe,videoSignatureCaptureProps:ze,additionalDocumentCaptureProps:We,captureSignature:ye,captureSignatureVideo:xe,onCameraAccessDenied:be}))))},CustomerIdAndBiometricsEnrollment=function(e){var t=e.enrollmentId,a=e.lang,n=e.sessionId,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.manualReviewRequired,d=e.idBackImageRequired,u=e.idImageResolutionCheck,m=e.verifyIdWithExternalDatabases,p=e.bypassAgeValidation,f=e.bypassNameMatching,g=e.personalData,v=e.cardData,_=e.idData,h=e.deduplicationEnabled,b=e.deduplicationSynchronous,C=e.webhooksEnabled,y=e.webhooksClientTraceId,R=e.webhooksStripSpecialCharacters,x=e.webhooksSendInputImages,D=e.webhooksSendProcessedImages,E=e.webhooksFireOnReview,w=e.sendBase64DocumentsInSwaggerProxy,S=e.customerDataMatchConfig,k=e.idCaptureLoadingOverlayMode,I=void 0===k?"default":k,T=e.idCaptureRequirement,O=void 0===T?"idCardOrPassport":T,M=e.idCaptureThresholds,L=void 0===M?defaultIdCaptureThresholds:M,j=e.faceLivenessTimeoutDurationMs,F=void 0===j?15e3:j,B=e.faceLivenessLoadingOverlayMode,N=void 0===B?"default":B,$=e.skipSuccessScreen,A=void 0!==$&&$,P=e.idCaptureInstructions,U=e.idCaptureGuideType,V=void 0===U?"fit":U,G=e.idCaptureGuideImages,W=void 0===G?defaultIdCaptureGuideImages:G,q=e.idCapturePortraitGuidesOnMobile,z=void 0===q||q,H=e.idCaptureRotateLoadingOverlayImageWhenPortrait,Y=void 0===H||H,K=e.idCaptureModelLoadTimeoutMs,Z=void 0===K?defaultDocumentDetectionModelLoadTimeoutMs:K,X=e.idCaptureForceFallbackMode,J=void 0!==X&&X,Q=e.selfieCaptureModelLoadTimeoutMs,ee=void 0===Q?defaultSelfieCaptureModelLoadTimeoutMs:Q,te=e.allowIdCardBackToFrontCapture,ae=void 0!==te&&te,ne=e.enableOverrideWrongDocumentTypeDialog,re=void 0!==ne&&ne,oe=e.allowOverrideWrongDocumentTypeAfterMs,ie=void 0===oe?8e3:oe,ce=e.onBeforeDocumentUpload,le=e.onDocumentUploadProgress,se=e.onDocumentUploaded,de=e.onDocumentUploadFailed,ue=e.onBeforeSubmit,me=e.onSubmit,pe=e.onComplete,fe=e.onEnrolled,ge=e.onDenied,ve=e.onExitCapture,_e=e.onExitAfterFailure,he=e.onUserCancel,be=e.onIdCaptureModelError,Ce=e.onSelfieCaptureModelError,ye=e.onCameraAccessDenied,Re=e.captureSignature,xe=void 0!==Re&&Re,De=e.captureSignatureVideo,Ee=void 0!==De&&De,we=e.captureAdditionalDocuments,Se=void 0===we?[]:we,ke=e.captureVideoId,Ie=void 0!==ke&&ke,Te=e.captureVideoIdProps,Oe=e.theme,Me=void 0===Oe?"default":Oe,Le=e.assets,je=void 0===Le?{}:Le,Fe=e.classNames,Be=void 0===Fe?{}:Fe,Ne=e.colors,$e=void 0===Ne?{}:Ne,Ae=e.verbiage,Pe=void 0===Ae?{}:Ae,Ue=e.geolocationEnabled,Ve=void 0===Ue||Ue,Ge=e.geolocationRequired,We=void 0!==Ge&&Ge,qe=e.debugMode,ze=void 0!==qe&&qe;useLanguage(void 0===a?"auto":a),useDebugLogging(ze);var He=React.useMemo((function(){return{assets:je.idCapture,classNames:Be.idCapture,colors:$e.idCapture,verbiage:Pe.idCapture,captureRequirement:O,thresholds:L,loadingOverlayMode:I,instructions:P,guideType:V,guideImages:W,portraitGuidesOnMobile:z,rotateLoadingOverlayImageWhenPortrait:Y,modelLoadTimeoutMs:Z,allowIdCardBackToFrontCapture:ae,forceFallbackMode:J,enableOverrideWrongDocumentTypeDialog:re,allowOverrideWrongDocumentTypeAfterMs:ie,onExitCapture:ve,onUserCancel:he,onModelError:be,skipSuccessScreen:A,debugMode:ze}}),[je.idCapture,Be.idCapture,$e.idCapture,Pe.idCapture,O,L,I,P,V,W,z,Y,Z,ae,J,re,ie,ve,he,be,A,ze]),Ye=React.useMemo((function(){return{onExitCapture:ve,onExitAfterFailure:_e,onUserCancel:he,onModelError:Ce,loadingOverlayMode:N,timeoutDurationMs:F,modelLoadTimeoutMs:ee,skipSuccessScreen:A,assets:je.faceLiveness,classNames:Be.faceLiveness,colors:$e.faceLiveness,verbiage:Pe.faceLiveness,debugMode:ze}}),[je.faceLiveness,Be.faceLiveness,$e.faceLiveness,ze,N,F,_e,ve,Ce,he,ee,A,Pe.faceLiveness]),Ke=React.useMemo((function(){return _assign({onExitCapture:ve,onExitAfterFailure:_e,onUserCancel:he,onIdCaptureModelError:be,idCaptureProps:He,faceLivenessProps:Ye,skipSuccessScreen:A,assets:je.videoIdCapture,classNames:Be.videoIdCapture,colors:$e.videoIdCapture,verbiage:Pe.videoIdCapture,debugMode:ze},null!=Te?Te:{})}),[je.videoIdCapture,Te,Be.videoIdCapture,$e.videoIdCapture,ze,Ye,He,_e,ve,be,he,A,Pe.videoIdCapture]),Ze=React.useMemo((function(){return{documents:Se,classNames:Be.additionalDocumentCapture,verbiage:Pe.additionalDocumentCapture}}),[Se,Be.additionalDocumentCapture,Pe.additionalDocumentCapture]),Xe=React.useMemo((function(){return{classNames:Be.signatureCapture,verbiage:Pe.signatureCapture}}),[Be.signatureCapture,Pe.signatureCapture]),Je=React.useMemo((function(){return{onExitCapture:ve,onUserCancel:he,skipSuccessScreen:A,classNames:Be.videoSignatureCapture,colors:$e.videoSignatureCapture,verbiage:Pe.videoSignatureCapture,debugMode:ze}}),[Be.videoSignatureCapture,$e.videoSignatureCapture,ze,ve,he,A,Pe.videoSignatureCapture]),Qe=React.useCallback((function(e,t){null==pe||pe(e,t),"Customer Onboarded"===e.resultData.verificationResult?null==fe||fe(e,t):null==ge||ge(e,t)}),[fe,pe,ge]),et=React.useMemo((function(){return Ie?["VideoIdCapture"]:["IdCapture","FaceLiveness"]}),[Ie]);return React__namespace.default.createElement(AuthProvider,{sessionId:n,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:Me},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.ENROLL,submissionUrl:o,documentServiceUrl:i,companyId:c,enrollmentId:t,needImmediateResponse:l,manualReviewRequired:s,idBackImageRequired:d,idImageResolutionCheck:u,verifyIdWithExternalDatabases:m,bypassAgeValidation:p,bypassNameMatching:f,personalData:g,cardData:v,idData:_,deduplicationEnabled:h,deduplicationSynchronous:b,webhooksEnabled:C,webhooksClientTraceId:y,webhooksStripSpecialCharacters:R,webhooksSendInputImages:x,webhooksSendProcessedImages:D,webhooksFireOnReview:E,sendBase64DocumentsInSwaggerProxy:w,customerDataMatchConfig:S,onBeforeDocumentUpload:ce,onDocumentUploadProgress:le,onDocumentUploaded:se,onDocumentUploadFailed:de,onBeforeSubmit:ue,onSubmit:me,onResponseReceived:Qe,geolocationEnabled:Ve,geolocationRequired:We},React__namespace.default.createElement(CompositeWizard,{checks:et,idCaptureProps:He,faceLivenessProps:Ye,videoIdCaptureProps:Ke,additionalDocumentCaptureProps:Ze,signatureCaptureProps:Xe,videoSignatureCaptureProps:Je,captureSignature:xe,captureSignatureVideo:Ee,onCameraAccessDenied:ye}))))},ALLOWED_RETRIES$3=0,initialState$1={frame:null,face:null,imageUrl:null,requestState:"CAPTURING",requestError:null,unverifiedTimes:0},reducer$1=function(e,t){switch(t.type){case"verificationReady":return["CAPTURING","ERROR"].includes(e.requestState)?_assign(_assign({},e),{requestState:"CAPTURED",frame:t.payload.frame,face:t.payload.face}):e;case"verifying":return _assign(_assign({},e),{requestState:"VERIFYING",imageUrl:t.payload.imageUrl});case"verificationCompleted":var a=t.payload.response,n=a.status,r=n.statusMessage,o=n.errorData,i=a.resultData;if("000"!==n.statusCode)return _assign(_assign({},e),{requestState:"ERROR",requestError:new Error("".concat(r,": ").concat(o))});var c=e.requestState,l=e.unverifiedTimes;return"00"===i.verificationResultCode?c="VERIFIED":l<ALLOWED_RETRIES$3?(c="CAPTURING",l+=1):c="REJECTED",_assign(_assign({},e),{requestState:c,unverifiedTimes:l});case"verificationFailed":return _assign(_assign({},e),{requestState:"ERROR",requestError:t.payload.error});default:return e}},CustomerVerificationCapture=function(e){var t,a,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onCaptureGuidanceTimeout,i=e.onExit,c=e.captureGuidanceTimeoutDurationMs,l=e.classNames,s=void 0===l?{}:l,d=e.colors,u=void 0===d?{}:d,m=e.verbiage,p=void 0===m?{}:m,f=e.debugMode,g=void 0!==f&&f,v=React.useReducer(reducer$1,initialState$1),_=v[0],h=v[1],b=_.frame,C=_.face,y=React.useContext(SubmissionContext),R=y.submit,x=y.submissionRequest,D=y.submissionResponse,E=y.submissionError,w=y.selfieImage,S=y.setSelfieImage,k=React.useState(null),I=k[0],T=k[1],O=React.useRef(null),M=React.useRef(null),L=React.useRef(null),j=React.useCallback((function(e,t){h({type:"verificationReady",payload:{frame:e,face:t}})}),[]),F="CAPTURED"===_.requestState;React.useEffect((function(){if(b&&C&&!E){var e=cropToShoulders(O.current,M.current,L.current,b,C);T(e),dataUrlToBase64(e).then((function(e){S(e)}))}}),[C,b,S,E]),React.useEffect((function(){F&&w&&!E&&__awaiter(void 0,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),h({type:"verifying",payload:{imageUrl:w}}),[4,R()];case 1:if(!(e=a.sent()))throw new Error("submission failed!");return h({type:"verificationCompleted",payload:{response:e}}),[3,3];case 2:return t=a.sent(),h({type:"verificationFailed",payload:{error:t}}),[3,3];case 3:return[2]}}))}))}),[F,n,r,w,_.requestState,E,R]),React.useEffect((function(){x&&D&&("VERIFIED"===_.requestState?null==n||n(D,x):"REJECTED"===_.requestState&&(null==r||r(D,x)))}),[n,r,_.requestState,x,D]),useTimeout(c,o,["VERIFIED","REJECTED"].includes(_.requestState),"VERIFYING"===_.requestState);var B=useVerbiage(p.progressPreviewText,"Processing..."),N=styled.useTheme();return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(InvisibleCanvas,{ref:O}),React__namespace.default.createElement(InvisibleCanvas,{ref:M}),React__namespace.default.createElement(InvisibleCanvas,{ref:L}),React__namespace.default.createElement(SelfieCapture,{onSelfieCaptured:j,onExit:i,timeoutDurationMs:c,classNames:s,colors:u,verbiage:p,debugMode:g}),g&&!(null===(a=null===(t=N.selfieCapture)||void 0===t?void 0:t.capturePreview)||void 0===a?void 0:a.disabled)&&I&&React__namespace.default.createElement(SelfieProgressPreview,{imageUrl:I,text:B,classNames:s.imagePreview}))},CustomerVerificationSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l;t||(t="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"));var d=useTranslations(s,{headingText:"Customer has been verified!",retryBtnText:"Retry",doneBtnText:"Done"});return React__namespace.default.createElement(OverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(Heading$3,{className:o.heading},d.headingText),React__namespace.default.createElement(ImageContainer$3,{className:o.imageContainer},React__namespace.default.createElement("img",{alt:d.headingText,src:t,className:o.image})),React__namespace.default.createElement(StyledButtonsRow$3,{className:o.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:o.retryBtn,onClick:n,colors:c.retryBtn,finished:!0},d.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:o.doneBtn,onClick:a,colors:c.doneBtn,finished:!0},d.doneBtnText))))},Heading$3=styled__default.default.h3(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer$3=styled__default.default(ButtonsRow)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow$3=styled__default.default(ButtonsRow)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),CustomerVerificationFailure=function(e){var t=e.canRetry,a=void 0===t||t,n=e.onRetryClick,r=e.onExitClick,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u;i.imageUrl||(i.imageUrl="".concat(DEFAULT_CDN_URL,"/manual_capture.png"));var p=useTranslations(m,{headingText:"Customer not verified",retryBtnText:"Retry",exitBtnText:"Exit"});return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement(Heading$2,{className:l.heading},p.headingText),React__namespace.default.createElement(ImageContainer$2,{className:l.imageContainer},React__namespace.default.createElement("img",{alt:p.headingText,src:i.imageUrl,className:l.image})),React__namespace.default.createElement(StyledButtonsRow$2,{className:l.buttonsRow},a&&React__namespace.default.createElement(LoaderButton,{variant:"warning",className:l.retryBtn,onClick:n,colors:d.retryBtn,finished:!0},p.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:l.exitBtn,onClick:r,colors:d.exitBtn,finished:!0},p.exitBtnText))))},Heading$2=styled__default.default.h3(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer$2=styled__default.default(ButtonsRow)(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow$2=styled__default.default(ButtonsRow)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),ALLOWED_RETRIES$2=2,CustomerVerificationWizard=function(e){var t,a=e.onComplete,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onExitCapture,i=e.onExitAfterFailure,c=e.onUserCancel,l=e.onCaptureGuidanceTimeout,s=e.captureGuidanceTimeoutDurationMs,d=e.skipSuccessScreen,u=void 0!==d&&d,m=e.loadingOverlayMode,p=void 0===m?"default":m,f=e.assets,g=void 0===f?{}:f,v=e.classNames,_=void 0===v?{}:v,h=e.colors,b=void 0===h?{}:h,C=e.verbiage,y=void 0===C?{}:C,R=e.debugMode,x=void 0!==R&&R,D=React.useContext(SubmissionContext),E=D.submissionRequest,w=D.submissionResponse,S=D.selfieImage,k=React.useState("LOADING"),I=k[0],T=k[1],O=useCameraStore(),M=O.cameraAccessDenied,L=O.releaseCameraAccess,j=React.useContext(SelfieGuidanceModelsContext),F=j.start,B=j.stop;React.useEffect((function(){if("CAPTURING"===I)return F(),function(){B()}}),[I,F,B]);var N=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("MATCHED"),null==n||n(e,t),[2]}))}))}),[n]),$=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("NOT_MATCHED"),null==r||r(e,t),[2]}))}))}),[r]),A=React.useCallback((function(){T("FAILED"),null==l||l()}),[l]),P=React.useState(0),U=P[0],V=P[1],G=React.useCallback((function(){V((function(e){return e+1})),T("LOADING"),null==o||o()}),[o]),W=React.useCallback((function(){L(),E&&w&&(null==a||a(w,E))}),[a,L,E,w]),q=useShowSuccessScreen(u,"MATCHED"===I,W);return React.useEffect((function(){M&&(V((function(e){return e+1})),T("LOADING"))}),[M]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=_.container)&&void 0!==t?t:"")},React__namespace.default.createElement(CameraVideoTag,{className:_.cameraFeed}),"LOADING"!==I&&function(){switch(I){case"CAPTURING":return React__namespace.default.createElement(CustomerVerificationCapture,{key:"capture".concat(U),onCustomerMatched:N,onCustomerNotMatched:$,onCaptureGuidanceTimeout:A,onExit:G,captureGuidanceTimeoutDurationMs:s,classNames:_,colors:b,verbiage:y,debugMode:x});case"MATCHED":if(!q)return;return React__namespace.default.createElement(CustomerVerificationSuccess,{imageUrl:"data:image/png;base64, ".concat(S),classNames:_.success,colors:b.success,verbiage:y.success,onDoneClick:W,onRetryClick:function(){T("CAPTURING"),V(0)}});case"NOT_MATCHED":case"FAILED":return React__namespace.default.createElement(CustomerVerificationFailure,{assets:g.failure,classNames:_.failure,colors:b.failure,verbiage:y.failure,canRetry:U<ALLOWED_RETRIES$2,onExitClick:function(){L(),null==i||i()},onRetryClick:function(){V((function(e){return e+1}))}});default:return null}}()),React__namespace.default.createElement(SelfieCaptureLoadingOverlay,{key:U,mode:p,assets:g.loadingOverlay,classNames:_.loadingOverlay,colors:b.loadingOverlay,verbiage:y.loadingOverlay,onUserCancel:c,onDismissed:function(){T("CAPTURING")}}))},CustomerVerification=function(e){var t=e.lang,a=e.enrollmentId,n=e.sessionId,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.webhooksEnabled,d=e.webhooksClientTraceId,u=e.webhooksStripSpecialCharacters,m=e.webhooksSendInputImages,p=e.webhooksSendProcessedImages,f=e.sendBase64DocumentsInSwaggerProxy,g=e.loadingOverlayMode,v=void 0===g?"default":g,_=e.timeoutDurationMs,h=void 0===_?15e3:_,b=e.modelLoadTimeoutMs,C=void 0===b?defaultSelfieCaptureModelLoadTimeoutMs:b,y=e.skipSuccessScreen,R=void 0!==y&&y,x=e.theme,D=void 0===x?"default":x,E=e.assets,w=e.classNames,S=e.colors,k=e.verbiage,I=e.onBeforeDocumentUpload,T=e.onDocumentUploadProgress,O=e.onDocumentUploaded,M=e.onDocumentUploadFailed,L=e.onBeforeSubmit,j=e.onSubmit,F=e.onComplete,B=e.onCustomerMatched,N=e.onCustomerNotMatched,$=e.onExitCapture,A=e.onExitAfterFailure,P=e.onUserCancel,U=e.onModelError,V=e.onCameraAccessDenied,G=e.geolocationEnabled,W=void 0===G||G,q=e.geolocationRequired,z=void 0!==q&&q,H=e.debugMode,Y=void 0!==H&&H;return useLanguage(void 0===t?"auto":t),useDebugLogging(Y),React__namespace.default.createElement(AuthProvider,{sessionId:n,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:D},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.VERIFY,submissionUrl:o,documentServiceUrl:i,companyId:c,enrollmentId:a,needImmediateResponse:l,webhooksEnabled:s,webhooksClientTraceId:d,webhooksStripSpecialCharacters:u,webhooksSendInputImages:m,webhooksSendProcessedImages:p,sendBase64DocumentsInSwaggerProxy:f,onBeforeDocumentUpload:I,onDocumentUploadProgress:T,onDocumentUploaded:O,onDocumentUploadFailed:M,onBeforeSubmit:L,onSubmit:j,geolocationEnabled:W,geolocationRequired:z},React__namespace.default.createElement(CameraStoreProvider,{preferFrontFacingCamera:!0,onCameraAccessDenied:V},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,onModelError:U,modelLoadTimeoutMs:C},React__namespace.default.createElement(CustomerVerificationWizard,{onComplete:F,onCustomerMatched:B,onCustomerNotMatched:N,onExitCapture:$,onExitAfterFailure:A,onUserCancel:P,captureGuidanceTimeoutDurationMs:h,loadingOverlayMode:v,skipSuccessScreen:R,assets:E,classNames:w,colors:S,verbiage:k,debugMode:Y}))))))},ALLOWED_RETRIES$1=0,initialState={frame:null,face:null,imageUrl:null,requestState:"CAPTURING",requestError:null,notFoundTimes:0},reducer=function(e,t){switch(t.type){case"identificationReady":return["CAPTURING","ERROR"].includes(e.requestState)?_assign(_assign({},e),{requestState:"CAPTURED",frame:t.payload.frame,face:t.payload.face}):e;case"identifying":return _assign(_assign({},e),{requestState:"IDENTIFYING",imageUrl:t.payload.imageUrl});case"identificationCompleted":var a=t.payload.response,n=a.status,r=n.statusMessage,o=n.errorData,i=a.resultData;if("000"!==n.statusCode)return _assign(_assign({},e),{requestState:"ERROR",requestError:new Error("".concat(r,": ").concat(o))});var c=e.requestState,l=e.notFoundTimes;return"46"===i.verificationResultCode?c="FOUND":l<ALLOWED_RETRIES$1?(c="CAPTURING",l+=1):c="NOT_FOUND",_assign(_assign({},e),{requestState:c,notFoundTimes:l});case"identificationFailed":return _assign(_assign({},e),{requestState:"ERROR",requestError:t.payload.error});default:return e}},CustomerIdentificationCapture=function(e){var t,a,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onCaptureGuidanceTimeout,i=e.onExit,c=e.captureGuidanceTimeoutDurationMs,l=e.classNames,s=void 0===l?{}:l,d=e.colors,u=void 0===d?{}:d,m=e.verbiage,p=void 0===m?{}:m,f=e.debugMode,g=void 0!==f&&f,v=React.useReducer(reducer,initialState),_=v[0],h=v[1],b=React.useContext(SubmissionContext),C=b.submit,y=b.submissionRequest,R=b.submissionResponse,x=b.submissionError,D=b.selfieImage,E=b.setSelfieImage,w=React.useState(null),S=w[0],k=w[1],I=React.useRef(null),T=React.useRef(null),O=React.useRef(null),M=React.useCallback((function(e,t){h({type:"identificationReady",payload:{frame:e,face:t}})}),[]),L=_.frame,j=_.face,F="CAPTURED"===_.requestState;React.useEffect((function(){if(L&&j&&!x){var e=cropToShoulders(I.current,T.current,O.current,L,j);k(e),dataUrlToBase64(e).then((function(e){E(e)}))}}),[j,L,E,x]),React.useEffect((function(){F&&D&&!x&&__awaiter(void 0,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),h({type:"identifying",payload:{imageUrl:D}}),[4,C()];case 1:if(!(e=a.sent()))throw new Error("submission failed!");return h({type:"identificationCompleted",payload:{response:e}}),[3,3];case 2:return t=a.sent(),h({type:"identificationFailed",payload:{error:t}}),[3,3];case 3:return[2]}}))}))}),[F,n,r,D,_.requestState,x,C]),React.useEffect((function(){y&&R&&("FOUND"===_.requestState?null==n||n(R,y):"NOT_FOUND"===_.requestState&&(null==r||r(R,y)))}),[n,r,_.requestState,y,R]),useTimeout(c,o,["FOUND","NOT_FOUND"].includes(_.requestState),"IDENTIFYING"===_.requestState);var B=useVerbiage(p.progressPreviewText,"Processing..."),N=styled.useTheme();return React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(InvisibleCanvas,{ref:I}),React__namespace.default.createElement(InvisibleCanvas,{ref:T}),React__namespace.default.createElement(InvisibleCanvas,{ref:O}),React__namespace.default.createElement(SelfieCapture,{onSelfieCaptured:M,onExit:i,timeoutDurationMs:c,classNames:s,colors:u,verbiage:p,debugMode:g}),g&&!(null===(a=null===(t=N.selfieCapture)||void 0===t?void 0:t.capturePreview)||void 0===a?void 0:a.disabled)&&S&&React__namespace.default.createElement(SelfieProgressPreview,{text:B,imageUrl:S,classNames:s.imagePreview}))},CustomerIdentificationSuccess=function(e){var t=e.imageUrl,a=e.onDoneClick,n=e.onRetryClick,r=e.classNames,o=void 0===r?{}:r,i=e.colors,c=void 0===i?{}:i,l=e.verbiage,s=void 0===l?{}:l;t||(t="".concat(DEFAULT_CDN_URL,"/Selfie-Image-1.png"));var d=useTranslations(s,{headingText:"Customer has been identified!",retryBtnText:"Retry",doneBtnText:"Done"});return React__namespace.default.createElement(OverlayContainer,{className:o.container},React__namespace.default.createElement(OverlayInner$2,{className:o.inner},React__namespace.default.createElement(Heading$1,{className:o.heading},d.headingText),React__namespace.default.createElement(ImageContainer$1,{className:o.imageContainer},React__namespace.default.createElement("img",{alt:d.headingText,src:t,className:o.image})),React__namespace.default.createElement(StyledButtonsRow$1,{className:o.buttonsRow},React__namespace.default.createElement(LoaderButton,{variant:"warning",className:o.retryBtn,onClick:n,colors:c.retryBtn,finished:!0},d.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"positive",className:o.doneBtn,onClick:a,colors:c.doneBtn,finished:!0},d.doneBtnText))))},Heading$1=styled__default.default.h3(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer$1=styled__default.default(ButtonsRow)(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow$1=styled__default.default(ButtonsRow)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),CustomerIdentificationFailure=function(e){var t=e.canRetry,a=void 0===t||t,n=e.onRetryClick,r=e.onExitClick,o=e.assets,i=void 0===o?{}:o,c=e.classNames,l=void 0===c?{}:c,s=e.colors,d=void 0===s?{}:s,u=e.verbiage,m=void 0===u?{}:u;i.imageUrl||(i.imageUrl="".concat(DEFAULT_CDN_URL,"/manual_capture.png"));var p=useTranslations(m,{headingText:"Customer not found",retryBtnText:"Retry",exitBtnText:"Exit"});return React__namespace.default.createElement(OverlayContainer,{className:l.container},React__namespace.default.createElement(OverlayInner$2,{className:l.inner},React__namespace.default.createElement(Heading,{className:l.heading},p.headingText),React__namespace.default.createElement(ImageContainer,{className:l.imageContainer},React__namespace.default.createElement("img",{alt:p.headingText,src:i.imageUrl,className:l.image})),React__namespace.default.createElement(StyledButtonsRow,{className:l.buttonsRow},a&&React__namespace.default.createElement(LoaderButton,{variant:"warning",className:l.retryBtn,onClick:n,colors:d.retryBtn,finished:!0},p.retryBtnText),React__namespace.default.createElement(LoaderButton,{variant:"secondary",className:l.exitBtn,onClick:r,colors:d.exitBtn,finished:!0},p.exitBtnText))))},Heading=styled__default.default.h3(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),ImageContainer=styled__default.default(ButtonsRow)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"],["\n max-height: calc(100vh - 185px);\n"]))),StyledButtonsRow=styled__default.default(ButtonsRow)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),ALLOWED_RETRIES=2,CustomerIdentificationWizard=function(e){var t,a=e.onComplete,n=e.onCustomerMatched,r=e.onCustomerNotMatched,o=e.onExitCapture,i=e.onExitAfterFailure,c=e.onUserCancel,l=e.onCaptureGuidanceTimeout,s=e.captureGuidanceTimeoutDurationMs,d=e.skipSuccessScreen,u=void 0!==d&&d,m=e.loadingOverlayMode,p=void 0===m?"default":m,f=e.assets,g=void 0===f?{}:f,v=e.classNames,_=void 0===v?{}:v,h=e.colors,b=void 0===h?{}:h,C=e.verbiage,y=void 0===C?{}:C,R=e.debugMode,x=void 0!==R&&R,D=React.useContext(SubmissionContext),E=D.submissionResponse,w=D.submissionRequest,S=D.selfieImage,k=React.useState("LOADING"),I=k[0],T=k[1],O=useCameraStore(),M=O.cameraAccessDenied,L=O.releaseCameraAccess,j=React.useContext(SelfieGuidanceModelsContext),F=j.start,B=j.stop;React.useEffect((function(){if("CAPTURING"===I)return F(),function(){B()}}),[I,F,B]);var N=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("FOUND"),null==n||n(e,t),[2]}))}))}),[n]),$=React.useCallback((function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(a){return T("NOT_FOUND"),null==r||r(e,t),[2]}))}))}),[r]),A=React.useCallback((function(){T("FAILED"),null==l||l()}),[l]),P=React.useState(0),U=P[0],V=P[1],G=React.useCallback((function(){V((function(e){return e+1})),T("LOADING"),null==o||o()}),[o]),W=React.useCallback((function(){L(),w&&E&&(null==a||a(E,w))}),[a,L,w,E]),q=useShowSuccessScreen(u,"FOUND"===I,W);return React.useEffect((function(){M&&(V((function(e){return e+1})),T("LOADING"))}),[M]),React__namespace.default.createElement(React__namespace.default.Fragment,null,React__namespace.default.createElement(PageContainer,{className:"flex ".concat(null!==(t=_.container)&&void 0!==t?t:"")},React__namespace.default.createElement(CameraVideoTag,{className:_.cameraFeed}),"LOADING"!==I&&function(){switch(I){case"CAPTURING":return React__namespace.default.createElement(CustomerIdentificationCapture,{key:"capture".concat(U),onCustomerMatched:N,onCustomerNotMatched:$,onCaptureGuidanceTimeout:A,onExit:G,captureGuidanceTimeoutDurationMs:s,classNames:_,colors:b,verbiage:y,debugMode:x});case"FOUND":if(!q)return;return React__namespace.default.createElement(CustomerIdentificationSuccess,{imageUrl:"data:image/png;base64, ".concat(S),classNames:_.success,colors:b.success,verbiage:y.success,onDoneClick:W,onRetryClick:function(){T("CAPTURING"),V(0)}});case"NOT_FOUND":case"FAILED":return React__namespace.default.createElement(CustomerIdentificationFailure,{assets:g.failure,classNames:_.failure,colors:b.failure,verbiage:y.failure,canRetry:U<ALLOWED_RETRIES,onExitClick:function(){L(),null==i||i()},onRetryClick:function(){V((function(e){return e+1}))}});default:return null}}()),React__namespace.default.createElement(SelfieCaptureLoadingOverlay,{key:U,mode:p,assets:g.loadingOverlay,classNames:_.loadingOverlay,colors:b.loadingOverlay,verbiage:y.loadingOverlay,onUserCancel:c,onDismissed:function(){T("CAPTURING")}}))},CustomerIdentification=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.companyId,c=e.needImmediateResponse,l=e.webhooksEnabled,s=e.webhooksClientTraceId,d=e.webhooksStripSpecialCharacters,u=e.webhooksSendInputImages,m=e.webhooksSendProcessedImages,p=e.sendBase64DocumentsInSwaggerProxy,f=e.loadingOverlayMode,g=void 0===f?"default":f,v=e.timeoutDurationMs,_=void 0===v?15e3:v,h=e.modelLoadTimeoutMs,b=void 0===h?defaultSelfieCaptureModelLoadTimeoutMs:h,C=e.skipSuccessScreen,y=void 0!==C&&C,R=e.onBeforeDocumentUpload,x=e.onDocumentUploadProgress,D=e.onDocumentUploaded,E=e.onDocumentUploadFailed,w=e.onBeforeSubmit,S=e.onSubmit,k=e.onComplete,I=e.onCustomerMatched,T=e.onCustomerNotMatched,O=e.onCaptureGuidanceTimeout,M=e.onExitCapture,L=e.onExitAfterFailure,j=e.onUserCancel,F=e.onModelError,B=e.onCameraAccessDenied,N=e.theme,$=void 0===N?"default":N,A=e.assets,P=e.classNames,U=e.colors,V=e.verbiage,G=e.geolocationEnabled,W=e.geolocationRequired,q=void 0!==W&&W,z=e.debugMode,H=void 0!==z&&z;return useLanguage(void 0===t?"auto":t),useDebugLogging(H),React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:$},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.IDENTIFY,submissionUrl:r,documentServiceUrl:o,companyId:i,needImmediateResponse:c,webhooksEnabled:l,webhooksClientTraceId:s,webhooksStripSpecialCharacters:d,webhooksSendInputImages:u,webhooksSendProcessedImages:m,sendBase64DocumentsInSwaggerProxy:p,onBeforeDocumentUpload:R,onDocumentUploadProgress:x,onDocumentUploaded:D,onDocumentUploadFailed:E,onBeforeSubmit:w,onSubmit:S,geolocationEnabled:G,geolocationRequired:q},React__namespace.default.createElement(CameraStoreProvider,{preferFrontFacingCamera:!0,onCameraAccessDenied:B},React__namespace.default.createElement(SelfieGuidanceModelsProvider,{autoStart:!1,modelLoadTimeoutMs:b,onModelError:F},React__namespace.default.createElement(CustomerIdentificationWizard,{onComplete:k,onCustomerMatched:I,onCustomerNotMatched:T,onExitCapture:M,onExitAfterFailure:L,onUserCancel:j,onCaptureGuidanceTimeout:O,captureGuidanceTimeoutDurationMs:_,loadingOverlayMode:g,skipSuccessScreen:y,assets:A,classNames:P,colors:U,verbiage:V,debugMode:H}))))))},SignatureKYC=function(e){var t=e.lang,a=e.sessionId,n=e.clientRequestID,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.sendBase64DocumentsInSwaggerProxy,l=e.onBeforeDocumentUpload,s=e.onDocumentUploadProgress,d=e.onDocumentUploaded,u=e.onDocumentUploadFailed,m=e.onBeforeSubmit,p=e.onSubmit,f=e.onComplete,g=e.onUserCancel,v=e.onModelError,_=e.onCameraAccessDenied,h=e.onLoadingOverlayDismissed,b=e.loadingOverlayMode,C=void 0===b?"default":b,y=e.customOverlayContent,R=e.skipSuccessScreen,x=void 0!==R&&R,D=e.idCardForFaceMatch,E=e.modelLoadTimeoutMs,w=void 0===E?defaultSelfieCaptureModelLoadTimeoutMs:E,S=e.allowSignatureAfterLivenessCheckFailure,k=void 0!==S&&S,I=e.faceLivenessProps,T=e.theme,O=void 0===T?"default":T,M=e.classNames,L=e.colors,j=e.verbiage,F=e.geolocationEnabled,B=e.geolocationRequired,N=e.debugMode,$=void 0!==N&&N;return useLanguage(void 0===t?"auto":t),useDebugLogging($),React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:O},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.NONE,submissionUrl:o,clientRequestID:n,documentServiceUrl:i,idCardForFaceMatch:D,sendBase64DocumentsInSwaggerProxy:c,onBeforeDocumentUpload:l,onDocumentUploadProgress:s,onDocumentUploaded:d,onDocumentUploadFailed:u,onBeforeSubmit:m,onSubmit:p,onResponseReceived:f,geolocationEnabled:F,geolocationRequired:B},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["VideoSignatureCapture"]}),[]),onCameraAccessDenied:_,videoSignatureCaptureProps:React.useMemo((function(){return{customOverlayContent:y,onLoadingOverlayDismissed:h,loadingOverlayMode:C,skipSuccessScreen:x,modelLoadTimeoutMs:w,faceLivenessProps:I,allowSignatureAfterLivenessCheckFailure:k,classNames:M,colors:L,debugMode:$,verbiage:j,onModelError:v,onUserCancel:g}}),[y,h,C,x,w,I,k,M,L,$,j,v,g])}))))},VideoIdValidation=function(e){var t=e.lang,a=e.sessionId,n=e.clientRequestID,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.manualReviewRequired,d=e.idBackImageRequired,u=e.verifyIdWithExternalDatabases,m=e.bypassAgeValidation,p=e.bypassNameMatching,f=e.personalData,g=e.cardData,v=e.idData,_=e.webhooksEnabled,h=e.webhooksClientTraceId,b=e.webhooksStripSpecialCharacters,C=e.webhooksSendInputImages,y=e.webhooksSendProcessedImages,R=e.webhooksFireOnReview,x=e.sendBase64DocumentsInSwaggerProxy,D=e.customerDataMatchConfig,E=e.onBeforeDocumentUpload,w=e.onDocumentUploadProgress,S=e.onDocumentUploaded,k=e.onDocumentUploadFailed,I=e.onSubmit,T=e.onBeforeSubmit,O=e.onComplete,M=e.onExitCapture,L=e.onExitAfterFailure,j=e.onUserCancel,F=e.onCameraAccessDenied,B=e.onMicrophoneAccessDenied,N=e.idCaptureProps,$=e.faceLivenessProps,A=e.idCaptureModelsEnabled,P=void 0===A||A,U=e.videoIdCaptureThresholds,V=void 0===U?defaultVideoIdCaptureThresholds:U,G=e.readTextPrompt,W=e.readTextTimeoutDurationMs,q=void 0===W?15e3:W,z=e.readTextMinReadingMs,H=void 0===z?1e4:z,Y=e.skipSuccessScreen,K=void 0!==Y&&Y,Z=e.skipIdCapture,X=void 0!==Z&&Z,J=e.skipShowIdCardBack,Q=void 0!==J&&J,ee=e.idCaptureLoadingOverlayMode,te=void 0===ee?"default":ee,ae=e.customOverlayContent,ne=e.onLoadingOverlayDismissed,re=e.idCaptureGuideType,oe=void 0===re?"fit":re,ie=e.idCaptureGuideImages,ce=void 0===ie?defaultIdCaptureGuideImages:ie,le=e.idCapturePortraitGuidesOnMobile,se=void 0===le||le,de=e.idCaptureRotateLoadingOverlayImageWhenPortrait,ue=void 0===de||de,me=e.idCardForFaceMatch,pe=e.faceLivenessLoadingOverlayMode,fe=void 0===pe?"default":pe,ge=e.disableFaceDetectionWhileAudioCapture,ve=void 0!==ge&&ge,_e=e.disableFaceDetectionWhileAudioCaptureMsDelay,he=void 0===_e?2e3:_e,be=e.silentFallback,Ce=void 0!==be&&be,ye=e.mergeAVStreams,Re=void 0!==ye&&ye,xe=e.matchOnly,De=void 0!==xe&&xe,Ee=e.theme,we=void 0===Ee?"default":Ee,Se=e.assets,ke=void 0===Se?{}:Se,Ie=e.classNames,Te=void 0===Ie?{}:Ie,Oe=e.colors,Me=void 0===Oe?{}:Oe,Le=e.verbiage,je=void 0===Le?{}:Le,Fe=e.captureSignature,Be=void 0!==Fe&&Fe,Ne=e.captureSignatureVideo,$e=void 0!==Ne&&Ne,Ae=e.captureAdditionalDocuments,Pe=void 0===Ae?[]:Ae,Ue=e.geolocationEnabled,Ve=void 0===Ue||Ue,Ge=e.geolocationRequired,We=void 0!==Ge&&Ge,qe=e.debugMode,ze=void 0!==qe&&qe;useLanguage(void 0===t?"auto":t),useDebugLogging(ze);var He=React.useMemo((function(){return{idCaptureProps:N,faceLivenessProps:$,idCaptureModelsEnabled:P,videoIdCaptureThresholds:V,readTextPrompt:G,readTextTimeoutDurationMs:q,readTextMinReadingMs:H,onExitCapture:M,onExitAfterFailure:L,onUserCancel:j,skipSuccessScreen:K,skipIdCapture:X,skipShowIdCardBack:Q,idCaptureLoadingOverlayMode:te,customOverlayContent:ae,onLoadingOverlayDismissed:ne,idCaptureGuideType:oe,idCaptureGuideImages:ce,idCapturePortraitGuidesOnMobile:se,idCaptureRotateLoadingOverlayImageWhenPortrait:ue,faceLivenessLoadingOverlayMode:fe,disableFaceDetectionWhileAudioCapture:ve,disableFaceDetectionWhileAudioCaptureMsDelay:he,silentFallback:Ce,mergeAVStreams:Re,assets:ke,classNames:Te,colors:Me,verbiage:je,debugMode:ze}}),[N,$,P,V,G,q,H,M,L,j,K,X,Q,te,ae,ne,oe,ce,se,ue,fe,ve,he,Ce,Re,ke,Te,Me,je,ze]),Ye=React.useMemo((function(){return{documents:Pe,classNames:Te.additionalDocumentCapture,verbiage:je.additionalDocumentCapture}}),[Pe,Te.additionalDocumentCapture,je.additionalDocumentCapture]),Ke=React.useMemo((function(){return{classNames:Te.signatureCapture,verbiage:je.signatureCapture}}),[Te.signatureCapture,je.signatureCapture]),Ze=React.useMemo((function(){return{onExitCapture:M,onUserCancel:j,skipSuccessScreen:K,classNames:Te.videoSignatureCapture,colors:Me.videoSignatureCapture,verbiage:je.videoSignatureCapture,debugMode:ze}}),[Te.videoSignatureCapture,Me.videoSignatureCapture,ze,M,j,K,je.videoSignatureCapture]);return React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:we},React__namespace.default.createElement(SubmissionProvider,{action:me||!X?De?SubmissionAction.MATCH_ID_AND_FACE:SubmissionAction.VALIDATE:SubmissionAction.NONE,submissionUrl:o,clientRequestID:n,documentServiceUrl:i,companyId:c,needImmediateResponse:l,manualReviewRequired:s,idBackImageRequired:d,verifyIdWithExternalDatabases:u,bypassAgeValidation:m,bypassNameMatching:p,personalData:f,cardData:g,idData:v,webhooksEnabled:_,webhooksClientTraceId:h,webhooksStripSpecialCharacters:b,webhooksSendInputImages:C,webhooksSendProcessedImages:y,webhooksFireOnReview:R,sendBase64DocumentsInSwaggerProxy:x,customerDataMatchConfig:D,idCardForFaceMatch:me,onBeforeDocumentUpload:E,onDocumentUploadProgress:w,onDocumentUploaded:S,onDocumentUploadFailed:k,onSubmit:I,onBeforeSubmit:T,onResponseReceived:O,geolocationEnabled:Ve,geolocationRequired:We},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["VideoIdCapture"]}),[]),videoIdCaptureProps:He,additionalDocumentCaptureProps:Ye,signatureCaptureProps:Ke,videoSignatureCaptureProps:Ze,captureSignature:Be,captureSignatureVideo:$e,onCameraAccessDenied:F,onMicrophoneAccessDenied:B}))))},CustomerBiometricsEnrollment=function(e){var t=e.enrollmentId,a=e.lang,n=e.sessionId,r=e.authUrl,o=e.submissionUrl,i=e.documentServiceUrl,c=e.companyId,l=e.needImmediateResponse,s=e.deduplicationEnabled,d=e.deduplicationSynchronous,u=e.webhooksEnabled,m=e.webhooksClientTraceId,p=e.webhooksStripSpecialCharacters,f=e.webhooksSendInputImages,g=e.webhooksSendProcessedImages,v=e.sendBase64DocumentsInSwaggerProxy,_=e.loadingOverlayMode,h=void 0===_?"default":_,b=e.timeoutDurationMs,C=void 0===b?15e3:b,y=e.modelLoadTimeoutMs,R=void 0===y?defaultSelfieCaptureModelLoadTimeoutMs:y,x=e.skipSuccessScreen,D=void 0!==x&&x,E=e.onBeforeDocumentUpload,w=e.onDocumentUploadProgress,S=e.onDocumentUploaded,k=e.onDocumentUploadFailed,I=e.onBeforeSubmit,T=e.onSubmit,O=e.onComplete,M=e.onEnrolled,L=e.onDenied,j=e.onExitCapture,F=e.onExitAfterFailure,B=e.onUserCancel,N=e.onModelError,$=e.onCameraAccessDenied,A=e.captureAdditionalDocuments,P=void 0===A?[]:A,U=e.captureSignature,V=void 0!==U&&U,G=e.captureSignatureVideo,W=void 0!==G&&G,q=e.theme,z=void 0===q?"default":q,H=e.assets,Y=void 0===H?{}:H,K=e.classNames,Z=void 0===K?{}:K,X=e.colors,J=void 0===X?{}:X,Q=e.verbiage,ee=void 0===Q?{}:Q,te=e.geolocationEnabled,ae=void 0===te||te,ne=e.geolocationRequired,re=void 0!==ne&&ne,oe=e.debugMode,ie=void 0!==oe&&oe;useLanguage(void 0===a?"auto":a),useDebugLogging(ie);var ce=React.useMemo((function(){return{onExitCapture:j,onUserCancel:B,onExitAfterFailure:F,onModelError:N,timeoutDurationMs:C,modelLoadTimeoutMs:R,loadingOverlayMode:h,skipSuccessScreen:D,assets:Y.faceLiveness,classNames:Z.faceLiveness,colors:J.faceLiveness,verbiage:ee.faceLiveness,debugMode:ie}}),[Y.faceLiveness,Z.faceLiveness,J.faceLiveness,ie,h,R,F,j,N,B,D,C,ee.faceLiveness]),le=React.useMemo((function(){return{documents:P,classNames:Z.additionalDocumentCapture,verbiage:ee.additionalDocumentCapture}}),[P,Z.additionalDocumentCapture,ee.additionalDocumentCapture]),se=React.useMemo((function(){return{classNames:Z.signatureCapture,verbiage:ee.signatureCapture}}),[Z.signatureCapture,ee.signatureCapture]),de=React.useMemo((function(){return{onExitCapture:j,onUserCancel:B,skipSuccessScreen:D,classNames:Z.videoSignatureCapture,colors:J.videoSignatureCapture,verbiage:ee.videoSignatureCapture,debugMode:ie}}),[Z.videoSignatureCapture,J.videoSignatureCapture,ie,j,B,D,ee.videoSignatureCapture]),ue=React.useCallback((function(e,t){null==O||O(e,t),"Customer Onboarded"===e.resultData.verificationResult?null==M||M(e,t):null==L||L(e,t)}),[M,O,L]);return React__namespace.default.createElement(AuthProvider,{sessionId:n,authUrl:r},React__namespace.default.createElement(ThemeProvider,{theme:z},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.ENROLL,submissionUrl:o,documentServiceUrl:i,companyId:c,enrollmentId:t,needImmediateResponse:l,deduplicationEnabled:s,deduplicationSynchronous:d,webhooksEnabled:u,webhooksClientTraceId:m,webhooksStripSpecialCharacters:p,webhooksSendInputImages:f,webhooksSendProcessedImages:g,sendBase64DocumentsInSwaggerProxy:v,onBeforeDocumentUpload:E,onDocumentUploadProgress:w,onDocumentUploaded:S,onDocumentUploadFailed:k,onBeforeSubmit:I,onSubmit:T,onResponseReceived:ue,geolocationEnabled:ae,geolocationRequired:re},React__namespace.default.createElement(CompositeWizard,{checks:React.useMemo((function(){return["FaceLiveness"]}),[]),faceLivenessProps:ce,additionalDocumentCaptureProps:le,signatureCaptureProps:se,videoSignatureCaptureProps:de,captureSignature:V,captureSignatureVideo:W,onCameraAccessDenied:$}))))},DocumentCapture=function(e){var t=e.lang,a=e.sessionId,n=e.authUrl,r=e.submissionUrl,o=e.documentServiceUrl,i=e.sendBase64DocumentsInSwaggerProxy,c=e.onBeforeDocumentUpload,l=e.onDocumentUploadProgress,s=e.onDocumentUploaded,d=e.onDocumentUploadFailed,u=e.onComplete,m=e.onExitCapture,p=e.onUserCancel,f=e.onCameraAccessDenied,g=e.documents,v=void 0===g?[]:g,_=e.aspectRatio,h=e.cameraFeedMode,b=e.instructions,C=e.theme,y=void 0===C?"default":C,R=e.classNames,x=void 0===R?{}:R,D=e.verbiage,E=void 0===D?{}:D,w=e.geolocationEnabled,S=void 0===w||w,k=e.geolocationRequired,I=void 0!==k&&k,T=e.debugMode,O=void 0!==T&&T;return useLanguage(void 0===t?"auto":t),useDebugLogging(O),React__namespace.default.createElement(AuthProvider,{sessionId:a,authUrl:n},React__namespace.default.createElement(ThemeProvider,{theme:y},React__namespace.default.createElement(SubmissionProvider,{action:SubmissionAction.NONE,submissionUrl:r,documentServiceUrl:o,sendBase64DocumentsInSwaggerProxy:i,onBeforeDocumentUpload:c,onDocumentUploadProgress:l,onDocumentUploaded:s,onDocumentUploadFailed:d,geolocationEnabled:S,geolocationRequired:I},React__namespace.default.createElement(CameraStoreProvider,{requestAccessAutomatically:!1,preferIphoneContinuityCamera:!0,onCameraAccessDenied:f},React__namespace.default.createElement(DocumentCaptureWizard,{onSuccess:u,onExitCapture:m,onUserCancel:p,documents:v,aspectRatio:_,cameraFeedMode:h,instructions:b,classNames:x,verbiage:E})))))};function renderElement(e,t){if("string"==typeof t){var a=document.querySelector(t);if(!a)throw new Error("targetElement ".concat(t," not found"));t=a}else t||(t=document.createElement("div"),document.body.append(t));var n=ReactDOM__namespace.createRoot(t);if(n.render(React__namespace.default.createElement(OverlayContainer,null,e)),"remove"in t){var r=t.remove;t.remove=function(){try{n.unmount(),r()}catch(e){}}}return t}function renderComponent(e,t,a){return a||(a=t,t=void 0),renderElement(React__namespace.default.createElement(e,_assign({},a)),t)}initializeI18n();var renderIdValidation=function(e,t){return renderComponent(IdValidation,e,t)},renderFaceValidation=function(e,t){return renderComponent(FaceValidation,e,t)},renderIdAndFaceValidation=function(e,t){return renderComponent(IdAndFaceValidation,e,t)},renderCustomerIdAndBiometricsEnrollment=function(e,t){return renderComponent(CustomerIdAndBiometricsEnrollment,e,t)},renderCustomerBiometricsEnrollment=function(e,t){return renderComponent(CustomerBiometricsEnrollment,e,t)},renderCustomerVerification=function(e,t){return renderComponent(CustomerVerification,e,t)},renderCustomerIdentification=function(e,t){return renderComponent(CustomerIdentification,e,t)},renderSignatureKYC=function(e,t){return renderComponent(SignatureKYC,e,t)},renderVideoIdValidation=function(e,t){return renderComponent(VideoIdValidation,e,t)},renderDocumentCapture=function(e,t){return renderComponent(DocumentCapture,e,t)};globalThis.IDmissionSDK={renderIdValidation:renderIdValidation,renderFaceValidation:renderFaceValidation,renderIdAndFaceValidation:renderIdAndFaceValidation,renderCustomerIdAndBiometricsEnrollment:renderCustomerIdAndBiometricsEnrollment,renderCustomerBiometricsEnrollment:renderCustomerBiometricsEnrollment,renderCustomerVerification:renderCustomerVerification,renderCustomerIdentification:renderCustomerIdentification,renderSignatureKYC:renderSignatureKYC,renderVideoIdValidation:renderVideoIdValidation,renderDocumentCapture:renderDocumentCapture,preloadModels:preloadModels,themes:themes,version:webSdkVersion,ready:!0,authMode:"session",allowedAuthUrls:allowedAuthUrls,defaultAuthUrl:exports.defaultAuthUrl,defaultSubmissionUrl:exports.defaultSubmissionUrl,setServerUrl:setServerUrl},exports.CapturedDocumentImg=CapturedDocumentImg,exports.CustomerBiometricsEnrollment=CustomerBiometricsEnrollment,exports.CustomerIdAndBiometricsEnrollment=CustomerIdAndBiometricsEnrollment,exports.CustomerIdentification=CustomerIdentification,exports.CustomerVerification=CustomerVerification,exports.DocumentCapture=DocumentCapture,exports.FaceValidation=FaceValidation,exports.IdAndFaceValidation=IdAndFaceValidation,exports.IdValidation=IdValidation,exports.SignatureKYC=SignatureKYC,exports.VideoIdValidation=VideoIdValidation,exports.allowedAuthUrls=allowedAuthUrls,exports.isObject=isObject,exports.preloadModels=preloadModels,exports.renderCustomerBiometricsEnrollment=renderCustomerBiometricsEnrollment,exports.renderCustomerIdAndBiometricsEnrollment=renderCustomerIdAndBiometricsEnrollment,exports.renderCustomerIdentification=renderCustomerIdentification,exports.renderCustomerVerification=renderCustomerVerification,exports.renderDocumentCapture=renderDocumentCapture,exports.renderFaceValidation=renderFaceValidation,exports.renderIdAndFaceValidation=renderIdAndFaceValidation,exports.renderIdValidation=renderIdValidation,exports.renderSignatureKYC=renderSignatureKYC,exports.renderVideoIdValidation=renderVideoIdValidation,exports.setServerUrl=setServerUrl,exports.themes=themes;
2
2
  //# sourceMappingURL=sdk2.cjs.production.js.map