@frankieone/one-sdk 0.6.7-rc.1 → 0.7.0-alpha

package/dist/umd/biometrics-dummy.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkOneSdk=self.webpackChunkOneSdk||[]).push([[795],{1316:(e,t,i)=>{i.r(t),i.d(t,{wrapper:()=>s});var n=i(6932),o=function(e,t,i,n){return new(i||(i=Promise))((function(o,s){function l(e){try{d(n.next(e))}catch(e){s(e)}}function c(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,c)}d((n=n.apply(e,t||[])).next())}))};const s={vendor:"dummy-biometrics",initialise(e){return o(this,void 0,void 0,(function*(){const{mountElement:t}=e,i=new n.B(e.frankieClient);return yield i.getToken(),t.appendChild(yield l(Object.assign(Object.assign({},e),{idvClient:i}))),{vendor:"dummy-biometrics"}}))}},l=e=>o(void 0,void 0,void 0,(function*(){const{eventHub:t,idvClient:i,recipe:{biometrics:{is_synchronous:n}}}=e,s=document.createElement("div");s.style.position="relative",s.style.height="480px",s.style.width="640px",s.style.margin="0 auto",s.style.overflow="hidden";const l=document.createElement("h3");l.innerText="Take a selfie!",l.style.position="relative",l.style.marginBottom="-40px",l.style.zIndex="1",l.style.color="white",s.appendChild(l);const d=document.createElement("div");d.style.height="100%",d.style.width="100%",d.style.position="absolute",d.style.display="flex",d.style.alignItems="center",d.style.justifyContent="center",d.innerHTML='<svg style=\'display: inline-block; width: 50px; margin-left: 20px;\' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" enable-background="new 0 0 64 64"><path d="M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50  l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z" fill="#43a047"/></svg>';const r=document.createElement("video");r.autoplay=!0,r.autofocus=!0,s.appendChild(r);const a=document.createElement("img");a.src="data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22740%22 height%3D%221800%22%3E%0D  %3Cpath fill-opacity%3D%22.80%22 d%3D%22M0 1800V0h740v1800H0zm237-914.056c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D  %3Cpath fill%3D%22none%22 stroke%3D%22%23FFF%22 stroke-width%3D%223%22 d%3D%22M237 885.944c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D%3C%2Fsvg%3E%0D",a.style.position="absolute",a.style.top="0",a.style.left="0",a.style.height="1450px",a.style.width="640px",a.style.marginTop="-500px",s.appendChild(a);const p=yield c();r.srcObject=p;const u=document.createElement("button");return u.style.position="relative",u.style.marginTop="-80px",u.style.borderRadius="50%",u.style.height="50px",u.style.width="50px",u.style.background="white",u.style.outline="2px solid white",u.style.outlineOffset="2px",u.style.zIndex="1",u.onclick=()=>o(void 0,void 0,void 0,(function*(){u.disabled=!0,u.style.background="lightgrey";const{checkStatus:e}=yield i.initProcess({isSynchronous:!!n});p.getTracks().forEach((e=>e.stop())),l.remove(),r.remove(),u.remove(),a.remove(),s.appendChild(d),t.emit(n?"results":"processing",{checkStatus:e})})),s.appendChild(u),s})),c=()=>o(void 0,void 0,void 0,(function*(){if(navigator.mediaDevices.getUserMedia)return navigator.mediaDevices.getUserMedia({video:{facingMode:"user"}});throw new Error("No media device")}))}}]);
+"use strict";(self.webpackChunkOneSdk=self.webpackChunkOneSdk||[]).push([[795],{582:(e,t,i)=>{i.r(t),i.d(t,{initialise:()=>s});var n=i(6932),o=function(e,t,i,n){return new(i||(i=Promise))((function(o,s){function l(e){try{d(n.next(e))}catch(e){s(e)}}function c(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,c)}d((n=n.apply(e,t||[])).next())}))};const s=(e,t)=>o(void 0,void 0,void 0,(function*(){const{mountElement:i}=t,o=new n.B(e.frankieClient);return yield o.getToken(),i.appendChild(yield l(e,Object.assign({idvClient:o},t))),{}})),l=(e,t)=>o(void 0,void 0,void 0,(function*(){const{recipe:{biometrics:{is_synchronous:i}}}=e,{idvClient:n,eventHub:s}=t,l=document.createElement("div");l.style.position="relative",l.style.height="480px",l.style.width="640px",l.style.margin="0 auto",l.style.overflow="hidden";const d=document.createElement("h3");d.innerText="Take a selfie!",d.style.position="relative",d.style.marginBottom="-40px",d.style.zIndex="1",d.style.color="white",l.appendChild(d);const a=document.createElement("div");a.style.height="100%",a.style.width="100%",a.style.position="absolute",a.style.display="flex",a.style.alignItems="center",a.style.justifyContent="center",a.innerHTML='<svg style=\'display: inline-block; width: 50px; margin-left: 20px;\' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" enable-background="new 0 0 64 64"><path d="M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50  l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z" fill="#43a047"/></svg>';const r=document.createElement("video");r.autoplay=!0,r.autofocus=!0,l.appendChild(r);const p=document.createElement("img");p.src="data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22740%22 height%3D%221800%22%3E%0D  %3Cpath fill-opacity%3D%22.80%22 d%3D%22M0 1800V0h740v1800H0zm237-914.056c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D  %3Cpath fill%3D%22none%22 stroke%3D%22%23FFF%22 stroke-width%3D%223%22 d%3D%22M237 885.944c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D%3C%2Fsvg%3E%0D",p.style.position="absolute",p.style.top="0",p.style.left="0",p.style.height="1450px",p.style.width="640px",p.style.marginTop="-500px",l.appendChild(p);const h=yield c();r.srcObject=h;const u=document.createElement("button");return u.style.position="relative",u.style.marginTop="-80px",u.style.borderRadius="50%",u.style.height="50px",u.style.width="50px",u.style.background="white",u.style.outline="2px solid white",u.style.outlineOffset="2px",u.style.zIndex="1",u.onclick=()=>o(void 0,void 0,void 0,(function*(){u.disabled=!0,u.style.background="lightgrey";const{checkStatus:e}=yield n.initProcess({isSynchronous:!!i});h.getTracks().forEach((e=>e.stop())),d.remove(),r.remove(),u.remove(),p.remove(),l.appendChild(a),s.emit(i?"results":"processing",{checkStatus:e})})),l.appendChild(u),l})),c=()=>o(void 0,void 0,void 0,(function*(){if(navigator.mediaDevices.getUserMedia)return navigator.mediaDevices.getUserMedia({video:{facingMode:"user"}});throw new Error("No media device")}))}}]);
 //# sourceMappingURL=biometrics-dummy.js.map

package/dist/umd/biometrics-dummy.js.map

@@ -1 +1 @@
-{"version":3,"file":"biometrics-dummy.js","mappings":"ibAIO,MAAMA,EAAyB,CACpCC,OAAQ,mBACFC,WAAWC,G,yCACf,MAAM,aAAEC,GAAiBD,EACnBE,EAAY,IAAIC,EAAA,EAAUH,EAAQI,eAGxC,aAFMF,EAAUG,WAChBJ,EAAaK,kBAAkBC,EAAkB,OAAD,wBAAMP,GAAO,CAAEE,gBACxD,CACLJ,OAAQ,mBAEZ,G,GAEIS,EAA2BP,GAAsD,OAAD,6BACpF,MAAM,SACJQ,EAAQ,UACRN,EACAO,QACEC,YAAcC,eAAgBC,KAE9BZ,EAEEa,EAAQC,SAASC,cAAc,OACrCF,EAAMG,MAAMC,SAAW,WACvBJ,EAAMG,MAAME,OAAS,QACrBL,EAAMG,MAAMG,MAAQ,QACpBN,EAAMG,MAAMI,OAAS,SACrBP,EAAMG,MAAMK,SAAW,SAEvB,MAAMC,EAAQR,SAASC,cAAc,MACrCO,EAAMC,UAAY,iBAClBD,EAAMN,MAAMC,SAAW,WACvBK,EAAMN,MAAMQ,aAAe,QAC3BF,EAAMN,MAAMS,OAAS,IACrBH,EAAMN,MAAMU,MAAQ,QACpBb,EAAMP,YAAYgB,GAElB,MAAMK,EAAWb,SAASC,cAAc,OACxCY,EAASX,MAAME,OAAS,OACxBS,EAASX,MAAMG,MAAQ,OACvBQ,EAASX,MAAMC,SAAW,WAC1BU,EAASX,MAAMY,QAAU,OACzBD,EAASX,MAAMa,WAAa,SAC5BF,EAASX,MAAMc,eAAiB,SAChCH,EAASI,UC7CT,2YD+CA,MAAMC,EAAQlB,SAASC,cAAc,SACrCiB,EAAMC,UAAW,EACjBD,EAAME,WAAY,EAClBrB,EAAMP,YAAY0B,GAElB,MAAMG,EAAUrB,SAASC,cAAc,OACvCoB,EAAQC,IACN,mnBACFD,EAAQnB,MAAMC,SAAW,WACzBkB,EAAQnB,MAAMqB,IAAM,IACpBF,EAAQnB,MAAMsB,KAAO,IACrBH,EAAQnB,MAAME,OAAS,SACvBiB,EAAQnB,MAAMG,MAAQ,QACtBgB,EAAQnB,MAAMuB,UAAY,SAC1B1B,EAAMP,YAAY6B,GAElB,MAAMK,QAAeC,IACrBT,EAAMU,UAAYF,EAElB,MAAMG,EAAS7B,SAASC,cAAc,UA0BtC,OAzBA4B,EAAO3B,MAAMC,SAAW,WACxB0B,EAAO3B,MAAMuB,UAAY,QACzBI,EAAO3B,MAAM4B,aAAe,MAC5BD,EAAO3B,MAAME,OAAS,OACtByB,EAAO3B,MAAMG,MAAQ,OACrBwB,EAAO3B,MAAM6B,WAAa,QAC1BF,EAAO3B,MAAM8B,QAAU,kBACvBH,EAAO3B,MAAM+B,cAAgB,MAC7BJ,EAAO3B,MAAMS,OAAS,IACtBkB,EAAOK,QAAU,IAAY,OAAD,6BAC1BL,EAAOM,UAAW,EAClBN,EAAO3B,MAAM6B,WAAa,YAC1B,MAAM,YAAEK,SAAsBhD,EAAUiD,YAAY,CAAEvC,gBAAiBA,IACvE4B,EAAOY,YAAYC,SAASC,GAAUA,EAAMC,SAC5CjC,EAAMkC,SACNxB,EAAMwB,SACNb,EAAOa,SACPrB,EAAQqB,SACR3C,EAAMP,YAAYqB,GAClBnB,EAASiD,KAAK7C,EAAgB,UAAY,aAAc,CACtDsC,eAEJ,IACArC,EAAMP,YAAYqC,GAEX9B,CACT,IAEM4B,EAAqB,IAAY,OAAD,6BACpC,GAAIiB,UAAUC,aAAaC,aACzB,OAAOF,UAAUC,aAAaC,aAAa,CAAE5B,MAAO,CAAE6B,WAAY,UAC7D,MAAM,IAAIC,MAAM,kBACzB,G","sources":["webpack://OneSdk/./modules/biometrics/wrappers/dummy-biometrics/index.ts","webpack://OneSdk/./modules/biometrics/wrappers/dummy-biometrics/green-tick-svg.ts"],"sourcesContent":["import { IDVClient, Status } from \"../../../frankie-client/clients/IDVClient\";\nimport { VendorOptions, VendorWrapper } from \"../../types\";\nimport { svg as greentick } from \"./green-tick-svg\";\n\nexport const wrapper: VendorWrapper = {\n  vendor: \"dummy-biometrics\",\n  async initialise(options: VendorOptions) {\n    const { mountElement } = options;\n    const idvClient = new IDVClient(options.frankieClient);\n    await idvClient.getToken();\n    mountElement.appendChild(await BiometricsCapture({ ...options, idvClient }));\n    return {\n      vendor: \"dummy-biometrics\",\n    };\n  },\n};\nconst BiometricsCapture = async (options: VendorOptions & { idvClient: IDVClient }) => {\n  const {\n    eventHub,\n    idvClient,\n    recipe: {\n      biometrics: { is_synchronous: isSynchronous },\n    },\n  } = options;\n\n  const frame = document.createElement(\"div\");\n  frame.style.position = \"relative\";\n  frame.style.height = \"480px\";\n  frame.style.width = \"640px\";\n  frame.style.margin = \"0 auto\";\n  frame.style.overflow = \"hidden\";\n\n  const title = document.createElement(\"h3\");\n  title.innerText = \"Take a selfie!\";\n  title.style.position = \"relative\";\n  title.style.marginBottom = \"-40px\";\n  title.style.zIndex = \"1\";\n  title.style.color = \"white\";\n  frame.appendChild(title);\n\n  const complete = document.createElement(\"div\");\n  complete.style.height = \"100%\";\n  complete.style.width = \"100%\";\n  complete.style.position = \"absolute\";\n  complete.style.display = \"flex\";\n  complete.style.alignItems = \"center\";\n  complete.style.justifyContent = \"center\";\n  complete.innerHTML = greentick(\"style='display: inline-block; width: 50px; margin-left: 20px;'\");\n\n  const video = document.createElement(\"video\");\n  video.autoplay = true;\n  video.autofocus = true;\n  frame.appendChild(video);\n\n  const overlay = document.createElement(\"img\");\n  overlay.src =\n    \"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22740%22 height%3D%221800%22%3E%0D  %3Cpath fill-opacity%3D%22.80%22 d%3D%22M0 1800V0h740v1800H0zm237-914.056c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D  %3Cpath fill%3D%22none%22 stroke%3D%22%23FFF%22 stroke-width%3D%223%22 d%3D%22M237 885.944c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D%3C%2Fsvg%3E%0D\";\n  overlay.style.position = \"absolute\";\n  overlay.style.top = \"0\";\n  overlay.style.left = \"0\";\n  overlay.style.height = \"1450px\";\n  overlay.style.width = \"640px\";\n  overlay.style.marginTop = \"-500px\";\n  frame.appendChild(overlay);\n\n  const stream = await requestVideoStream();\n  video.srcObject = stream;\n\n  const button = document.createElement(\"button\");\n  button.style.position = \"relative\";\n  button.style.marginTop = \"-80px\";\n  button.style.borderRadius = \"50%\";\n  button.style.height = \"50px\";\n  button.style.width = \"50px\";\n  button.style.background = \"white\";\n  button.style.outline = \"2px solid white\";\n  button.style.outlineOffset = \"2px\";\n  button.style.zIndex = \"1\";\n  button.onclick = async () => {\n    button.disabled = true;\n    button.style.background = \"lightgrey\";\n    const { checkStatus } = await idvClient.initProcess({ isSynchronous: !!isSynchronous });\n    stream.getTracks().forEach((track) => track.stop());\n    title.remove();\n    video.remove();\n    button.remove();\n    overlay.remove();\n    frame.appendChild(complete);\n    eventHub.emit(isSynchronous ? \"results\" : \"processing\", {\n      checkStatus,\n    });\n  };\n  frame.appendChild(button);\n\n  return frame;\n};\n\nconst requestVideoStream = async () => {\n  if (navigator.mediaDevices.getUserMedia) {\n    return navigator.mediaDevices.getUserMedia({ video: { facingMode: \"user\" } });\n  } else throw new Error(\"No media device\");\n};\n","/* istanbul ignore file */\nexport const svg = (style: string) =>\n  `<svg ${style} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" enable-background=\"new 0 0 64 64\"><path d=\"M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50  l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z\" fill=\"#43a047\"/></svg>`;\n"],"names":["wrapper","vendor","initialise","options","mountElement","idvClient","IDVClient","frankieClient","getToken","appendChild","BiometricsCapture","eventHub","recipe","biometrics","is_synchronous","isSynchronous","frame","document","createElement","style","position","height","width","margin","overflow","title","innerText","marginBottom","zIndex","color","complete","display","alignItems","justifyContent","innerHTML","video","autoplay","autofocus","overlay","src","top","left","marginTop","stream","requestVideoStream","srcObject","button","borderRadius","background","outline","outlineOffset","onclick","disabled","checkStatus","initProcess","getTracks","forEach","track","stop","remove","emit","navigator","mediaDevices","getUserMedia","facingMode","Error"],"sourceRoot":""}
+{"version":3,"file":"biometrics-dummy.js","mappings":"mbAOO,MAAMA,EAIT,CAAOC,EAAQC,IAAY,OAAD,6BAC5B,MAAM,aAAEC,GAAiBD,EACnBE,EAAY,IAAIC,EAAA,EAAUJ,EAAOK,eAGvC,aAFMF,EAAUG,WAChBJ,EAAaK,kBAAkBC,EAAkBR,EAAQ,OAAF,QAAIG,aAAcF,KAClE,CAAC,CACV,IAEMO,EAAoB,CACxBR,EACAC,IACG,OAAD,6BACF,MACEQ,QACEC,YAAcC,eAAgBC,KAE9BZ,GAEE,UAAEG,EAAS,SAAEU,GAAaZ,EAE1Ba,EAAQC,SAASC,cAAc,OACrCF,EAAMG,MAAMC,SAAW,WACvBJ,EAAMG,MAAME,OAAS,QACrBL,EAAMG,MAAMG,MAAQ,QACpBN,EAAMG,MAAMI,OAAS,SACrBP,EAAMG,MAAMK,SAAW,SAEvB,MAAMC,EAAQR,SAASC,cAAc,MACrCO,EAAMC,UAAY,iBAClBD,EAAMN,MAAMC,SAAW,WACvBK,EAAMN,MAAMQ,aAAe,QAC3BF,EAAMN,MAAMS,OAAS,IACrBH,EAAMN,MAAMU,MAAQ,QACpBb,EAAMP,YAAYgB,GAElB,MAAMK,EAAWb,SAASC,cAAc,OACxCY,EAASX,MAAME,OAAS,OACxBS,EAASX,MAAMG,MAAQ,OACvBQ,EAASX,MAAMC,SAAW,WAC1BU,EAASX,MAAMY,QAAU,OACzBD,EAASX,MAAMa,WAAa,SAC5BF,EAASX,MAAMc,eAAiB,SAChCH,EAASI,UCnDT,2YDqDA,MAAMC,EAAQlB,SAASC,cAAc,SACrCiB,EAAMC,UAAW,EACjBD,EAAME,WAAY,EAClBrB,EAAMP,YAAY0B,GAElB,MAAMG,EAAUrB,SAASC,cAAc,OACvCoB,EAAQC,IACN,mnBACFD,EAAQnB,MAAMC,SAAW,WACzBkB,EAAQnB,MAAMqB,IAAM,IACpBF,EAAQnB,MAAMsB,KAAO,IACrBH,EAAQnB,MAAME,OAAS,SACvBiB,EAAQnB,MAAMG,MAAQ,QACtBgB,EAAQnB,MAAMuB,UAAY,SAC1B1B,EAAMP,YAAY6B,GAElB,MAAMK,QAAeC,IACrBT,EAAMU,UAAYF,EAElB,MAAMG,EAAS7B,SAASC,cAAc,UA0BtC,OAzBA4B,EAAO3B,MAAMC,SAAW,WACxB0B,EAAO3B,MAAMuB,UAAY,QACzBI,EAAO3B,MAAM4B,aAAe,MAC5BD,EAAO3B,MAAME,OAAS,OACtByB,EAAO3B,MAAMG,MAAQ,OACrBwB,EAAO3B,MAAM6B,WAAa,QAC1BF,EAAO3B,MAAM8B,QAAU,kBACvBH,EAAO3B,MAAM+B,cAAgB,MAC7BJ,EAAO3B,MAAMS,OAAS,IACtBkB,EAAOK,QAAU,IAAY,OAAD,6BAC1BL,EAAOM,UAAW,EAClBN,EAAO3B,MAAM6B,WAAa,YAC1B,MAAM,YAAEK,SAAsBhD,EAAUiD,YAAY,CAAExC,gBAAiBA,IACvE6B,EAAOY,YAAYC,SAASC,GAAUA,EAAMC,SAC5CjC,EAAMkC,SACNxB,EAAMwB,SACNb,EAAOa,SACPrB,EAAQqB,SACR3C,EAAMP,YAAYqB,GAClBf,EAAS6C,KAAK9C,EAAgB,UAAY,aAAc,CACtDuC,eAEJ,IACArC,EAAMP,YAAYqC,GAEX9B,CACT,IAEM4B,EAAqB,IAAY,OAAD,6BACpC,GAAIiB,UAAUC,aAAaC,aACzB,OAAOF,UAAUC,aAAaC,aAAa,CAAE5B,MAAO,CAAE6B,WAAY,UAC7D,MAAM,IAAIC,MAAM,kBACzB,G","sources":["webpack://OneSdk/./modules/biometrics/vendors/dummy-biometrics/index.ts","webpack://OneSdk/./modules/biometrics/vendors/dummy-biometrics/green-tick-svg.ts"],"sourcesContent":["import { BiometricsWrapperContext, BiometricsWrapperOptions } from \"@module/biometrics\";\nimport { Events } from \"@module/biometrics/events\";\nimport { EventHub } from \"@module/common\";\nimport { IDVClient } from \"@module/frankie-client/clients/IDVClient\";\nimport { SharedConfiguration, WrapperInitialiseFunction } from \"@module/sdk\";\nimport { svg as greentick } from \"./green-tick-svg\";\n\nexport const initialise: WrapperInitialiseFunction<\n  BiometricsWrapperOptions,\n  BiometricsWrapperContext,\n  \"async\"\n> = async (shared, options) => {\n  const { mountElement } = options;\n  const idvClient = new IDVClient(shared.frankieClient);\n  await idvClient.getToken();\n  mountElement.appendChild(await BiometricsCapture(shared, { idvClient, ...options }));\n  return {};\n};\n\nconst BiometricsCapture = async (\n  shared: SharedConfiguration,\n  options: { idvClient: IDVClient; eventHub: EventHub<Events> }\n) => {\n  const {\n    recipe: {\n      biometrics: { is_synchronous: isSynchronous },\n    },\n  } = shared;\n\n  const { idvClient, eventHub } = options;\n\n  const frame = document.createElement(\"div\");\n  frame.style.position = \"relative\";\n  frame.style.height = \"480px\";\n  frame.style.width = \"640px\";\n  frame.style.margin = \"0 auto\";\n  frame.style.overflow = \"hidden\";\n\n  const title = document.createElement(\"h3\");\n  title.innerText = \"Take a selfie!\";\n  title.style.position = \"relative\";\n  title.style.marginBottom = \"-40px\";\n  title.style.zIndex = \"1\";\n  title.style.color = \"white\";\n  frame.appendChild(title);\n\n  const complete = document.createElement(\"div\");\n  complete.style.height = \"100%\";\n  complete.style.width = \"100%\";\n  complete.style.position = \"absolute\";\n  complete.style.display = \"flex\";\n  complete.style.alignItems = \"center\";\n  complete.style.justifyContent = \"center\";\n  complete.innerHTML = greentick(\"style='display: inline-block; width: 50px; margin-left: 20px;'\");\n\n  const video = document.createElement(\"video\");\n  video.autoplay = true;\n  video.autofocus = true;\n  frame.appendChild(video);\n\n  const overlay = document.createElement(\"img\");\n  overlay.src =\n    \"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22740%22 height%3D%221800%22%3E%0D  %3Cpath fill-opacity%3D%22.80%22 d%3D%22M0 1800V0h740v1800H0zm237-914.056c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D  %3Cpath fill%3D%22none%22 stroke%3D%22%23FFF%22 stroke-width%3D%223%22 d%3D%22M237 885.944c0 71.601 59.104 175.672 132.021 175.672s132.022-101.453 132.022-175.672c0-83.917-59.107-151.944-132.022-151.944C296.108 734 237 802.027 237 885.944z%22%2F%3E%0D%3C%2Fsvg%3E%0D\";\n  overlay.style.position = \"absolute\";\n  overlay.style.top = \"0\";\n  overlay.style.left = \"0\";\n  overlay.style.height = \"1450px\";\n  overlay.style.width = \"640px\";\n  overlay.style.marginTop = \"-500px\";\n  frame.appendChild(overlay);\n\n  const stream = await requestVideoStream();\n  video.srcObject = stream;\n\n  const button = document.createElement(\"button\");\n  button.style.position = \"relative\";\n  button.style.marginTop = \"-80px\";\n  button.style.borderRadius = \"50%\";\n  button.style.height = \"50px\";\n  button.style.width = \"50px\";\n  button.style.background = \"white\";\n  button.style.outline = \"2px solid white\";\n  button.style.outlineOffset = \"2px\";\n  button.style.zIndex = \"1\";\n  button.onclick = async () => {\n    button.disabled = true;\n    button.style.background = \"lightgrey\";\n    const { checkStatus } = await idvClient.initProcess({ isSynchronous: !!isSynchronous });\n    stream.getTracks().forEach((track) => track.stop());\n    title.remove();\n    video.remove();\n    button.remove();\n    overlay.remove();\n    frame.appendChild(complete);\n    eventHub.emit(isSynchronous ? \"results\" : \"processing\", {\n      checkStatus,\n    });\n  };\n  frame.appendChild(button);\n\n  return frame;\n};\n\nconst requestVideoStream = async () => {\n  if (navigator.mediaDevices.getUserMedia) {\n    return navigator.mediaDevices.getUserMedia({ video: { facingMode: \"user\" } });\n  } else throw new Error(\"No media device\");\n};\n","/* istanbul ignore file */\nexport const svg = (style: string) =>\n  `<svg ${style} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" enable-background=\"new 0 0 64 64\"><path d=\"M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50  l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z\" fill=\"#43a047\"/></svg>`;\n"],"names":["initialise","shared","options","mountElement","idvClient","IDVClient","frankieClient","getToken","appendChild","BiometricsCapture","recipe","biometrics","is_synchronous","isSynchronous","eventHub","frame","document","createElement","style","position","height","width","margin","overflow","title","innerText","marginBottom","zIndex","color","complete","display","alignItems","justifyContent","innerHTML","video","autoplay","autofocus","overlay","src","top","left","marginTop","stream","requestVideoStream","srcObject","button","borderRadius","background","outline","outlineOffset","onclick","disabled","checkStatus","initProcess","getTracks","forEach","track","stop","remove","emit","navigator","mediaDevices","getUserMedia","facingMode","Error"],"sourceRoot":""}