@smileid/web-components 10.0.3 → 10.0.6

package/dist/esm/document.js

@@ -1,4 +1,4 @@
-import { D as r } from "./DocumentCaptureScreens-CkWKSrqy.js";
+import { D as r } from "./DocumentCaptureScreens-BjATTDqu.js";
 export {
   r as default
 };

package/dist/esm/end-user-consent.js

@@ -1,4 +1,4 @@
-import { E as o } from "./EndUserConsent-CMHp-34-.js";
+import { E as o } from "./EndUserConsent-D4fd1ovG.js";
 export {
   o as EndUserConsent
 };

package/dist/esm/main.js

@@ -1,8 +1,8 @@
 import { List as o, Option as t, Root as a, Trigger as s } from "./combobox.js";
-import { D as m } from "./DocumentCaptureScreens-CkWKSrqy.js";
-import { E as f } from "./EndUserConsent-CMHp-34-.js";
-import { N as i } from "./Navigation-juBE4qOw.js";
-import { S as u } from "./SelfieCaptureScreens-BF1keQ0h.js";
+import { D as m } from "./DocumentCaptureScreens-BjATTDqu.js";
+import { E as f } from "./EndUserConsent-D4fd1ovG.js";
+import { N as i } from "./Navigation-CTjK6tLU.js";
+import { S as u } from "./SelfieCaptureScreens-UUzZzl1A.js";
 import { S as g } from "./SignaturePad-C7MtmT8m.js";
 import { T as d } from "./TotpConsent-CQU5jQi4.js";
 import { default as l } from "./smart-camera-web.js";

package/dist/esm/navigation.js

@@ -1,4 +1,4 @@
-import { N as o } from "./Navigation-juBE4qOw.js";
+import { N as o } from "./Navigation-CTjK6tLU.js";
 export {
   o as default
 };

package/dist/esm/{package-CmYr0HUS.js → package-CZlW6BZn.js}

@@ -94,7 +94,7 @@ class a {
     }
   }
 }
-const o = "10.0.3", i = {
+const o = "10.0.6", i = {
   version: o
 };
 export {
@@ -102,4 +102,4 @@ export {
   a as S,
   i as p
 };
-//# sourceMappingURL=package-CmYr0HUS.js.map
+//# sourceMappingURL=package-CZlW6BZn.js.map

package/dist/esm/{package-CmYr0HUS.js.map → package-CZlW6BZn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"package-CmYr0HUS.js","sources":["../../lib/domain/constants/src/Constants.js","../../lib/domain/camera/src/SmartCamera.js"],"sourcesContent":["/**\r\n * The type of image submitted in the job request\r\n * @readonly\r\n * @enum {number}\r\n */\r\nexport const IMAGE_TYPE = {\r\n  /** ID_CARD_BACK_IMAGE_BASE64 Base64 encoded back of ID card image (.jpg or .png) */\r\n  ID_CARD_BACK_IMAGE_BASE64: 7,\r\n  /** ID_CARD_BACK_IMAGE_FILE Back of ID card image in .png or .jpg file format */\r\n  ID_CARD_BACK_IMAGE_FILE: 5,\r\n  /** ID_CARD_IMAGE_BASE64 Base64 encoded ID card image (.png or .jpg) */\r\n  ID_CARD_IMAGE_BASE64: 3,\r\n  /** ID_CARD_IMAGE_FILE ID card image in .png or .jpg file format */\r\n  ID_CARD_IMAGE_FILE: 1,\r\n  /** LIVENESS_IMAGE_BASE64 Base64 encoded liveness image (.jpg or .png) */\r\n  LIVENESS_IMAGE_BASE64: 6,\r\n  /** LIVENESS_IMAGE_FILE Liveness image in .png or .jpg file format */\r\n  LIVENESS_IMAGE_FILE: 4,\r\n  /** SELFIE_IMAGE_BASE64 Base64 encoded selfie image (.png or .jpg) */\r\n  SELFIE_IMAGE_BASE64: 2,\r\n  /** SELFIE_IMAGE_FILE Selfie image in .png or .jpg file format */\r\n  SELFIE_IMAGE_FILE: 0,\r\n};\r\n\r\nexport const DEFAULT_NO_OF_LIVENESS_FRAMES = 8;\r\nexport const PORTRAIT_ID_PREVIEW_WIDTH = 396;\r\nexport const PORTRAIT_ID_PREVIEW_HEIGHT = 527;\r\n","class SmartCamera {\r\n  static stream = null;\r\n\r\n  static async getMedia(constraints) {\r\n    SmartCamera.stream = await navigator.mediaDevices.getUserMedia(constraints);\r\n    return SmartCamera.stream;\r\n  }\r\n\r\n  static environmentOptions = {\r\n    facingMode: 'environment',\r\n    height: {\r\n      ideal: 1080,\r\n      max: 1440,\r\n      min: 720,\r\n    },\r\n    width: {\r\n      ideal: 1920,\r\n      max: 2560,\r\n      min: 1280,\r\n    },\r\n    // NOTE: Special case for multi-camera Samsung devices (learnt from Acuant)\r\n    // \"We found out that some triple camera Samsung devices (S10, S20, Note 20, etc) capture images blurry at edges.\r\n    // Zooming to 2X, matching the telephoto lens, doesn't solve it completely but mitigates it.\"\r\n    zoom: SmartCamera.isSamsungMultiCameraDevice() ? 2.0 : 1.0,\r\n  };\r\n\r\n  static stopMedia() {\r\n    if (SmartCamera.stream) {\r\n      SmartCamera.stream.getTracks().forEach((track) => track.stop());\r\n      SmartCamera.stream = null;\r\n    }\r\n  }\r\n\r\n  static async supportsAgentMode() {\r\n    try {\r\n      const devices = await navigator.mediaDevices.enumerateDevices();\r\n      const videoDevices = devices.filter(\r\n        (device) => device.kind === 'videoinput',\r\n      );\r\n\r\n      let hasBackCamera = false;\r\n\r\n      videoDevices.forEach((device) => {\r\n        // Check if the device label or device ID indicates a back camera\r\n        if (\r\n          device.label.toLowerCase().includes('back') ||\r\n          device.label.toLowerCase().includes('rear')\r\n        ) {\r\n          hasBackCamera = true;\r\n          return true;\r\n        }\r\n        return false;\r\n      });\r\n\r\n      return hasBackCamera;\r\n    } catch (error) {\r\n      console.warn('Error accessing media devices: ', error);\r\n      return false;\r\n    }\r\n  }\r\n\r\n  static isSamsungMultiCameraDevice() {\r\n    const matchedModelNumber = navigator.userAgent.match(/SM-[N|G]\\d{3}/);\r\n    if (!matchedModelNumber) {\r\n      return false;\r\n    }\r\n\r\n    const modelNumber = parseInt(matchedModelNumber[0].match(/\\d{3}/)[0], 10);\r\n    const smallerModelNumber = 970; // S10e\r\n    return !Number.isNaN(modelNumber) && modelNumber >= smallerModelNumber;\r\n  }\r\n\r\n  static handleCameraError(e) {\r\n    switch (e.name) {\r\n      case 'NotAllowedError':\r\n      case 'SecurityError':\r\n        return `\r\n              Looks like camera access was not granted, or was blocked by a browser\r\n              level setting / extension. Please follow the prompt from the URL bar,\r\n              or extensions, and enable access.\r\n              You may need to refresh to start all over again\r\n            `;\r\n      case 'AbortError':\r\n        return `\r\n              Oops! Something happened, and we lost access to your stream.\r\n              Please refresh to start all over again\r\n            `;\r\n      case 'NotReadableError':\r\n        return `\r\n              There seems to be a problem with your device's camera, or its connection.\r\n              Please check this, and when resolved, try again. Or try another device.\r\n            `;\r\n      case 'NotFoundError':\r\n        return `\r\n              We are unable to find a video stream.\r\n              You may need to refresh to start all over again\r\n            `;\r\n      case 'TypeError':\r\n        return `\r\n              This site is insecure, and as such cannot have access to your camera.\r\n              Try to navigate to a secure version of this page, or contact the owner.\r\n            `;\r\n      default:\r\n        return e.message;\r\n    }\r\n  }\r\n}\r\n\r\nexport default SmartCamera;\r\n"],"names":["IMAGE_TYPE","SmartCamera","constraints","track","videoDevices","device","hasBackCamera","error","matchedModelNumber","modelNumber"],"mappings":"AAKY,MAACA,IAAa;AAAA;AAAA,EAExB,2BAA2B;AAAA;AAAA,EAE3B,yBAAyB;AAAA;AAAA,EAEzB,sBAAsB;AAAA;AAAA,EAEtB,oBAAoB;AAAA;AAAA,EAEpB,uBAAuB;AAAA;AAAA,EAEvB,qBAAqB;AAAA;AAAA,EAErB,qBAAqB;AAAA;AAAA,EAErB,mBAAmB;AACrB;ACtBA,MAAMC,EAAY;AAAA,EAChB,OAAO,SAAS;AAAA,EAEhB,aAAa,SAASC,GAAa;AACjC,WAAAD,EAAY,SAAS,MAAM,UAAU,aAAa,aAAaC,CAAW,GACnED,EAAY;AAAA,EACpB;AAAA,EAED,OAAO,qBAAqB;AAAA,IAC1B,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,MACL,KAAK;AAAA,IACN;AAAA,IACD,OAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL,KAAK;AAAA,IACN;AAAA;AAAA;AAAA;AAAA,IAID,MAAMA,EAAY,2BAA4B,IAAG,IAAM;AAAA,EAC3D;AAAA,EAEE,OAAO,YAAY;AACjB,IAAIA,EAAY,WACdA,EAAY,OAAO,YAAY,QAAQ,CAACE,MAAUA,EAAM,KAAI,CAAE,GAC9DF,EAAY,SAAS;AAAA,EAExB;AAAA,EAED,aAAa,oBAAoB;AAC/B,QAAI;AAEF,YAAMG,KADU,MAAM,UAAU,aAAa,iBAAgB,GAChC;AAAA,QAC3B,CAACC,MAAWA,EAAO,SAAS;AAAA,MACpC;AAEM,UAAIC,IAAgB;AAEpB,aAAAF,EAAa,QAAQ,CAACC,MAGlBA,EAAO,MAAM,cAAc,SAAS,MAAM,KAC1CA,EAAO,MAAM,cAAc,SAAS,MAAM,KAE1CC,IAAgB,IACT,MAEF,EACR,GAEMA;AAAA,IACR,SAAQC,GAAO;AACd,qBAAQ,KAAK,mCAAmCA,CAAK,GAC9C;AAAA,IACR;AAAA,EACF;AAAA,EAED,OAAO,6BAA6B;AAClC,UAAMC,IAAqB,UAAU,UAAU,MAAM,eAAe;AACpE,QAAI,CAACA;AACH,aAAO;AAGT,UAAMC,IAAc,SAASD,EAAmB,CAAC,EAAE,MAAM,OAAO,EAAE,CAAC,GAAG,EAAE;AAExE,WAAO,CAAC,OAAO,MAAMC,CAAW,KAAKA,KADV;AAAA,EAE5B;AAAA,EAED,OAAO,kBAAkB,GAAG;AAC1B,YAAQ,EAAE,MAAI;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT;AACE,eAAO,EAAE;AAAA,IACZ;AAAA,EACF;AACH;;;;"}
+{"version":3,"file":"package-CZlW6BZn.js","sources":["../../lib/domain/constants/src/Constants.js","../../lib/domain/camera/src/SmartCamera.js"],"sourcesContent":["/**\r\n * The type of image submitted in the job request\r\n * @readonly\r\n * @enum {number}\r\n */\r\nexport const IMAGE_TYPE = {\r\n  /** ID_CARD_BACK_IMAGE_BASE64 Base64 encoded back of ID card image (.jpg or .png) */\r\n  ID_CARD_BACK_IMAGE_BASE64: 7,\r\n  /** ID_CARD_BACK_IMAGE_FILE Back of ID card image in .png or .jpg file format */\r\n  ID_CARD_BACK_IMAGE_FILE: 5,\r\n  /** ID_CARD_IMAGE_BASE64 Base64 encoded ID card image (.png or .jpg) */\r\n  ID_CARD_IMAGE_BASE64: 3,\r\n  /** ID_CARD_IMAGE_FILE ID card image in .png or .jpg file format */\r\n  ID_CARD_IMAGE_FILE: 1,\r\n  /** LIVENESS_IMAGE_BASE64 Base64 encoded liveness image (.jpg or .png) */\r\n  LIVENESS_IMAGE_BASE64: 6,\r\n  /** LIVENESS_IMAGE_FILE Liveness image in .png or .jpg file format */\r\n  LIVENESS_IMAGE_FILE: 4,\r\n  /** SELFIE_IMAGE_BASE64 Base64 encoded selfie image (.png or .jpg) */\r\n  SELFIE_IMAGE_BASE64: 2,\r\n  /** SELFIE_IMAGE_FILE Selfie image in .png or .jpg file format */\r\n  SELFIE_IMAGE_FILE: 0,\r\n};\r\n\r\nexport const DEFAULT_NO_OF_LIVENESS_FRAMES = 8;\r\nexport const PORTRAIT_ID_PREVIEW_WIDTH = 396;\r\nexport const PORTRAIT_ID_PREVIEW_HEIGHT = 527;\r\n","class SmartCamera {\r\n  static stream = null;\r\n\r\n  static async getMedia(constraints) {\r\n    SmartCamera.stream = await navigator.mediaDevices.getUserMedia(constraints);\r\n    return SmartCamera.stream;\r\n  }\r\n\r\n  static environmentOptions = {\r\n    facingMode: 'environment',\r\n    height: {\r\n      ideal: 1080,\r\n      max: 1440,\r\n      min: 720,\r\n    },\r\n    width: {\r\n      ideal: 1920,\r\n      max: 2560,\r\n      min: 1280,\r\n    },\r\n    // NOTE: Special case for multi-camera Samsung devices (learnt from Acuant)\r\n    // \"We found out that some triple camera Samsung devices (S10, S20, Note 20, etc) capture images blurry at edges.\r\n    // Zooming to 2X, matching the telephoto lens, doesn't solve it completely but mitigates it.\"\r\n    zoom: SmartCamera.isSamsungMultiCameraDevice() ? 2.0 : 1.0,\r\n  };\r\n\r\n  static stopMedia() {\r\n    if (SmartCamera.stream) {\r\n      SmartCamera.stream.getTracks().forEach((track) => track.stop());\r\n      SmartCamera.stream = null;\r\n    }\r\n  }\r\n\r\n  static async supportsAgentMode() {\r\n    try {\r\n      const devices = await navigator.mediaDevices.enumerateDevices();\r\n      const videoDevices = devices.filter(\r\n        (device) => device.kind === 'videoinput',\r\n      );\r\n\r\n      let hasBackCamera = false;\r\n\r\n      videoDevices.forEach((device) => {\r\n        // Check if the device label or device ID indicates a back camera\r\n        if (\r\n          device.label.toLowerCase().includes('back') ||\r\n          device.label.toLowerCase().includes('rear')\r\n        ) {\r\n          hasBackCamera = true;\r\n          return true;\r\n        }\r\n        return false;\r\n      });\r\n\r\n      return hasBackCamera;\r\n    } catch (error) {\r\n      console.warn('Error accessing media devices: ', error);\r\n      return false;\r\n    }\r\n  }\r\n\r\n  static isSamsungMultiCameraDevice() {\r\n    const matchedModelNumber = navigator.userAgent.match(/SM-[N|G]\\d{3}/);\r\n    if (!matchedModelNumber) {\r\n      return false;\r\n    }\r\n\r\n    const modelNumber = parseInt(matchedModelNumber[0].match(/\\d{3}/)[0], 10);\r\n    const smallerModelNumber = 970; // S10e\r\n    return !Number.isNaN(modelNumber) && modelNumber >= smallerModelNumber;\r\n  }\r\n\r\n  static handleCameraError(e) {\r\n    switch (e.name) {\r\n      case 'NotAllowedError':\r\n      case 'SecurityError':\r\n        return `\r\n              Looks like camera access was not granted, or was blocked by a browser\r\n              level setting / extension. Please follow the prompt from the URL bar,\r\n              or extensions, and enable access.\r\n              You may need to refresh to start all over again\r\n            `;\r\n      case 'AbortError':\r\n        return `\r\n              Oops! Something happened, and we lost access to your stream.\r\n              Please refresh to start all over again\r\n            `;\r\n      case 'NotReadableError':\r\n        return `\r\n              There seems to be a problem with your device's camera, or its connection.\r\n              Please check this, and when resolved, try again. Or try another device.\r\n            `;\r\n      case 'NotFoundError':\r\n        return `\r\n              We are unable to find a video stream.\r\n              You may need to refresh to start all over again\r\n            `;\r\n      case 'TypeError':\r\n        return `\r\n              This site is insecure, and as such cannot have access to your camera.\r\n              Try to navigate to a secure version of this page, or contact the owner.\r\n            `;\r\n      default:\r\n        return e.message;\r\n    }\r\n  }\r\n}\r\n\r\nexport default SmartCamera;\r\n"],"names":["IMAGE_TYPE","SmartCamera","constraints","track","videoDevices","device","hasBackCamera","error","matchedModelNumber","modelNumber"],"mappings":"AAKY,MAACA,IAAa;AAAA;AAAA,EAExB,2BAA2B;AAAA;AAAA,EAE3B,yBAAyB;AAAA;AAAA,EAEzB,sBAAsB;AAAA;AAAA,EAEtB,oBAAoB;AAAA;AAAA,EAEpB,uBAAuB;AAAA;AAAA,EAEvB,qBAAqB;AAAA;AAAA,EAErB,qBAAqB;AAAA;AAAA,EAErB,mBAAmB;AACrB;ACtBA,MAAMC,EAAY;AAAA,EAChB,OAAO,SAAS;AAAA,EAEhB,aAAa,SAASC,GAAa;AACjC,WAAAD,EAAY,SAAS,MAAM,UAAU,aAAa,aAAaC,CAAW,GACnED,EAAY;AAAA,EACpB;AAAA,EAED,OAAO,qBAAqB;AAAA,IAC1B,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,MACL,KAAK;AAAA,IACN;AAAA,IACD,OAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL,KAAK;AAAA,IACN;AAAA;AAAA;AAAA;AAAA,IAID,MAAMA,EAAY,2BAA4B,IAAG,IAAM;AAAA,EAC3D;AAAA,EAEE,OAAO,YAAY;AACjB,IAAIA,EAAY,WACdA,EAAY,OAAO,YAAY,QAAQ,CAACE,MAAUA,EAAM,KAAI,CAAE,GAC9DF,EAAY,SAAS;AAAA,EAExB;AAAA,EAED,aAAa,oBAAoB;AAC/B,QAAI;AAEF,YAAMG,KADU,MAAM,UAAU,aAAa,iBAAgB,GAChC;AAAA,QAC3B,CAACC,MAAWA,EAAO,SAAS;AAAA,MACpC;AAEM,UAAIC,IAAgB;AAEpB,aAAAF,EAAa,QAAQ,CAACC,MAGlBA,EAAO,MAAM,cAAc,SAAS,MAAM,KAC1CA,EAAO,MAAM,cAAc,SAAS,MAAM,KAE1CC,IAAgB,IACT,MAEF,EACR,GAEMA;AAAA,IACR,SAAQC,GAAO;AACd,qBAAQ,KAAK,mCAAmCA,CAAK,GAC9C;AAAA,IACR;AAAA,EACF;AAAA,EAED,OAAO,6BAA6B;AAClC,UAAMC,IAAqB,UAAU,UAAU,MAAM,eAAe;AACpE,QAAI,CAACA;AACH,aAAO;AAGT,UAAMC,IAAc,SAASD,EAAmB,CAAC,EAAE,MAAM,OAAO,EAAE,CAAC,GAAG,EAAE;AAExE,WAAO,CAAC,OAAO,MAAMC,CAAW,KAAKA,KADV;AAAA,EAE5B;AAAA,EAED,OAAO,kBAAkB,GAAG;AAC1B,YAAQ,EAAE,MAAI;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA,MAIT;AACE,eAAO,EAAE;AAAA,IACZ;AAAA,EACF;AACH;;;;"}

package/dist/esm/selfie.js

@@ -1,4 +1,4 @@
-import { S as r } from "./SelfieCaptureScreens-BF1keQ0h.js";
+import { S as r } from "./SelfieCaptureScreens-UUzZzl1A.js";
 export {
   r as default
 };

package/dist/esm/smart-camera-web.js

@@ -1,9 +1,9 @@
-import { s as a } from "./styles-D2i3GFLK.js";
-import { S as i, p as n } from "./package-CmYr0HUS.js";
-import "./DocumentCaptureScreens-CkWKSrqy.js";
-import "./SelfieCaptureScreens-BF1keQ0h.js";
+import { s as a } from "./styles-BOEZtbuc.js";
+import { S as i, p as n } from "./package-CZlW6BZn.js";
+import "./DocumentCaptureScreens-BjATTDqu.js";
+import "./SelfieCaptureScreens-UUzZzl1A.js";
 import "./PoweredBySmileId-CxbaihMu.js";
-import "./Navigation-juBE4qOw.js";
+import "./Navigation-CTjK6tLU.js";
 function o() {
   return `
     ${a(this.themeColor)}
@@ -122,8 +122,14 @@ window.customElements && !window.customElements.get("camera-permission") && wind
 const c = n.version;
 function d() {
   return `
+  <style>
+    :host {
+      display: block;
+      height: 100%;
+    }
+  </style>
   ${a(this.themeColor)}
-  <div>
+  <div style="height: 100%;">
     <camera-permission ${this.applyComponentThemeColor} ${this.title} ${this.showNavigation} ${this.hideInstructions ? "" : "hidden"} ${this.hideAttribution}></camera-permission>
     <selfie-capture-screens ${this.applyComponentThemeColor} ${this.title} ${this.showNavigation} ${this.disableImageTests} ${this.hideAttribution} ${this.hideInstructions} hidden
       ${this.hideBackToHost} ${this.allowAgentMode} ${this.allowAgentModeTests}

package/dist/esm/smart-camera-web.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-camera-web.js","sources":["../../lib/components/camera-permission/CameraPermission.js","../../lib/components/smart-camera-web/src/SmartCameraWeb.js"],"sourcesContent":["import SmartCamera from '../../domain/camera/src/SmartCamera';\r\nimport styles from '../../styles/src/styles';\r\nimport '../attribution/PoweredBySmileId';\r\nimport '../navigation/src';\r\n\r\nfunction templateString() {\r\n  return `\r\n    ${styles(this.themeColor)}\r\n    <style>\r\n        .camera-permission-screen {\r\n          display: flex;\r\n          flex-direction: column;\r\n          max-block-size: 100%;\r\n          max-inline-size: 40ch;\r\n        }\r\n        .camera-permission {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 1.5rem;\r\n          align-items: center;\r\n          margin-top: auto;\r\n          margin-bottom: auto;\r\n        }\r\n        .camera-permission svg {\r\n            flex-shrink: 0;\r\n            margin-inline-end: 2rem;\r\n        }\r\n        .camera-permission p {\r\n            margin-block: 0;\r\n            text-align: center;\r\n        }\r\n    </style>\r\n    <div class='camera-permission-screen flow center'>\r\n        <smileid-navigation theme-color='${this.themeColor}' ${this.showNavigation ? 'show-navigation' : ''} ${this.hideBack ? 'hide-back' : ''}></smileid-navigation>\r\n        <div class='flow center'>\r\n          <p class='color-red | center' id='error'>\r\n          </p>\r\n        </div>\r\n        <div class='section | flow camera-permission-wrapper'>\r\n           <div class='center camera-permission'>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"43\" height=\"33\" viewBox=\"0 0 43 33\" fill=\"none\">\r\n                <g clip-path=\"url(#clip0_658_1399)\">\r\n                <path d=\"M6.36288 7.14178H36.6374C38.1923 7.14178 39.6835 7.7593 40.783 8.85849C41.8824 9.95768 42.5001 11.4485 42.5001 13.003V29.8478C42.5001 30.6838 42.1679 31.4856 41.5766 32.0767C40.9853 32.6679 40.1833 33 39.347 33H6.36288C4.80798 33 3.31676 32.3825 2.21728 31.2833C1.1178 30.1841 0.500122 28.6933 0.500122 27.1388L0.500122 13.003C0.500122 11.4485 1.1178 9.95768 2.21728 8.85849C3.31676 7.7593 4.80798 7.14178 6.36288 7.14178Z\" fill=\"#B2B2B2\"/>\r\n                <path d=\"M10.454 23.1789C10.7438 21.9337 9.96906 20.6893 8.7235 20.3995C7.47794 20.1098 6.23325 20.8843 5.9434 22.1296C5.65355 23.3748 6.4283 24.6191 7.67386 24.9089C8.91942 25.1987 10.1641 24.4241 10.454 23.1789Z\" fill=\"#DBDBC4\"/>\r\n                <path d=\"M10.0768 22.9365C10.2425 21.9024 9.53826 20.9298 8.50389 20.7642C7.46952 20.5985 6.49668 21.3025 6.331 22.3366C6.16532 23.3707 6.86954 24.3433 7.90391 24.509C8.93828 24.6746 9.91112 23.9706 10.0768 22.9365Z\" fill=\"#FF5805\"/>\r\n                <path d=\"M10.9694 16.2784H5.20514C4.83782 16.2784 4.54004 16.576 4.54004 16.9433V18.5194C4.54004 18.8866 4.83782 19.1843 5.20514 19.1843H10.9694C11.3367 19.1843 11.6345 18.8866 11.6345 18.5194V16.9433C11.6345 16.576 11.3367 16.2784 10.9694 16.2784Z\" fill=\"#2D2B2A\"/>\r\n                <path d=\"M37.9183 22.6813C37.9183 19.8492 37.9183 17.0418 37.9429 14.2097C37.9429 11.8948 37.9183 9.57985 37.9676 7.28955C37.5348 7.16853 37.0868 7.11047 36.6374 7.11716H36.0708C36.0954 9.87537 36.1201 12.6089 36.1201 15.3672C36.1201 20.9082 36.1201 26.4739 36.1447 32.0149V32.9754H37.8937C37.8937 29.5522 37.8937 26.1291 37.9183 22.6813Z\" fill=\"#DBDBC4\"/>\r\n                <path d=\"M0.500136 12.9291C0.496683 12.9634 0.500492 12.9981 0.511315 13.0309C0.522139 13.0637 0.539736 13.0938 0.562964 13.1194C0.586192 13.1449 0.614532 13.1653 0.646146 13.1792C0.67776 13.1931 0.71194 13.2002 0.746471 13.2H10.4767C12.8169 13.2 12.1271 11.2545 15.1324 11.2545H41.9582C41.9989 11.2523 42.0385 11.2411 42.0742 11.2215C42.1099 11.2019 42.1408 11.1745 42.1644 11.1414C42.1881 11.1083 42.204 11.0702 42.2109 11.0301C42.2179 10.99 42.2157 10.9488 42.2045 10.9097C41.8333 9.80556 41.125 8.84568 40.1793 8.16529C39.2335 7.48491 38.0981 7.11831 36.933 7.11716H6.31363C5.55019 7.11716 4.79423 7.26749 4.0889 7.55957C3.38358 7.85164 2.7427 8.27975 2.20287 8.81944C1.66304 9.35913 1.23482 9.99983 0.942663 10.705C0.650508 11.4101 0.500136 12.1659 0.500136 12.9291Z\" fill=\"#5E646E\"/>\r\n                <path d=\"M29.7154 1.3791H23.4585C21.4632 1.3791 19.7388 2.48731 19.394 4.01418L18.113 9.45671L18.1623 9.50597H35.0116C35.0362 9.50597 35.0608 9.48134 35.0362 9.45671L33.7799 4.01418C33.4104 2.48731 31.7107 1.3791 29.7154 1.3791Z\" fill=\"#5E646E\"/>\r\n                <path d=\"M30.8977 4.06343V3.71865C30.8977 3.32677 30.742 2.95093 30.4649 2.67382C30.1877 2.39672 29.8117 2.24104 29.4197 2.24104H23.6555C23.2678 2.2475 22.8982 2.40603 22.6263 2.68244C22.3544 2.95885 22.2021 3.331 22.2021 3.71865V4.06343H30.8977Z\" fill=\"#2D2B2A\"/>\r\n                <path d=\"M14.0731 4.72836H6.70771C6.4084 4.72836 6.16577 4.97093 6.16577 5.27015V6.63695C6.16577 6.93617 6.4084 7.17874 6.70771 7.17874H14.0731C14.3724 7.17874 14.615 6.93617 14.615 6.63695V5.27015C14.615 4.97093 14.3724 4.72836 14.0731 4.72836Z\" fill=\"#2D2B2A\"/>\r\n                <path d=\"M8.99862 8.76717H7.12648C6.73194 8.76717 6.41211 9.08692 6.41211 9.48135V11.0181C6.41211 11.4125 6.73194 11.7322 7.12648 11.7322H8.99862C9.39315 11.7322 9.71299 11.4125 9.71299 11.0181V9.48135C9.71299 9.08692 9.39315 8.76717 8.99862 8.76717Z\" fill=\"#FCFCFC\"/>\r\n                <path d=\"M8.77703 10.2448C8.77709 10.1521 8.75846 10.0604 8.72227 9.97507C8.68608 9.88977 8.63306 9.81263 8.56638 9.74827C8.4997 9.6839 8.42073 9.63363 8.33418 9.60047C8.24763 9.5673 8.15529 9.55191 8.06266 9.55522C7.97208 9.55522 7.88239 9.57305 7.79871 9.60771C7.71503 9.64236 7.63899 9.69315 7.57494 9.75718C7.5109 9.82121 7.46009 9.89723 7.42543 9.98089C7.39076 10.0646 7.37292 10.1542 7.37292 10.2448C7.37281 10.43 7.44469 10.608 7.57338 10.7413C7.70206 10.8745 7.8775 10.9526 8.06266 10.9589C8.25212 10.9589 8.43382 10.8837 8.56779 10.7498C8.70176 10.6158 8.77703 10.4342 8.77703 10.2448Z\" fill=\"#5E646E\"/>\r\n                <path d=\"M26.9318 30.0202C33.7069 30.0202 39.1992 24.5293 39.1992 17.756C39.1992 10.9827 33.7069 5.49179 26.9318 5.49179C20.1566 5.49179 14.6643 10.9827 14.6643 17.756C14.6643 24.5293 20.1566 30.0202 26.9318 30.0202Z\" fill=\"#FCFCFC\"/>\r\n                <path d=\"M26.9319 28.3455C32.7819 28.3455 37.5242 23.6044 37.5242 17.756C37.5242 11.9075 32.7819 7.16641 26.9319 7.16641C21.0818 7.16641 16.3395 11.9075 16.3395 17.756C16.3395 23.6044 21.0818 28.3455 26.9319 28.3455Z\" fill=\"#0A462F\"/>\r\n                <path d=\"M26.9318 24.0358C30.401 24.0358 33.2133 21.2242 33.2133 17.756C33.2133 14.2877 30.401 11.4761 26.9318 11.4761C23.4626 11.4761 20.6503 14.2877 20.6503 17.756C20.6503 21.2242 23.4626 24.0358 26.9318 24.0358Z\" fill=\"#2D2B2A\"/>\r\n                <path opacity=\"0.49\" d=\"M28.4098 19.1104C30.1376 19.1104 31.5383 17.7102 31.5383 15.9828C31.5383 14.2555 30.1376 12.8552 28.4098 12.8552C26.682 12.8552 25.2814 14.2555 25.2814 15.9828C25.2814 17.7102 26.682 19.1104 28.4098 19.1104Z\" fill=\"url(#paint0_linear_658_1399)\"/>\r\n                <g style=\"mix-blend-mode:screen\" opacity=\"0.24\">\r\n                    <path d=\"M30.9717 14.6776C30.9717 14.9977 30.8445 15.3046 30.6182 15.5309C30.3918 15.7572 30.0848 15.8843 29.7647 15.8843C29.4445 15.8843 29.1375 15.7572 28.9112 15.5309C28.6848 15.3046 28.5576 14.9977 28.5576 14.6776C28.5576 14.5203 28.589 14.3645 28.6499 14.2195C28.7109 14.0744 28.8002 13.943 28.9126 13.8329C29.025 13.7228 29.1583 13.6363 29.3046 13.5783C29.4509 13.5204 29.6073 13.4922 29.7647 13.4955C29.922 13.4922 30.0784 13.5204 30.2247 13.5783C30.371 13.6363 30.5043 13.7228 30.6167 13.8329C30.7291 13.943 30.8184 14.0744 30.8794 14.2195C30.9403 14.3645 30.9717 14.5203 30.9717 14.6776Z\" fill=\"#00FFFF\"/>\r\n                </g>\r\n                </g>\r\n                <defs>\r\n                <linearGradient id=\"paint0_linear_658_1399\" x1=\"25.2617\" y1=\"15.9804\" x2=\"31.5383\" y2=\"15.9804\" gradientUnits=\"userSpaceOnUse\">\r\n                    <stop stop-color=\"#7F47DD\" stop-opacity=\"0.1\"/>\r\n                    <stop offset=\"0.99\" stop-color=\"#00FFFF\"/>\r\n                </linearGradient>\r\n                <clipPath id=\"clip0_658_1399\">\r\n                    <rect width=\"42\" height=\"33\" fill=\"white\" transform=\"translate(0.500122)\"/>\r\n                </clipPath>\r\n                </defs>\r\n            </svg>\r\n            <p class='text-2xl font-bold'>We need access to your camera so that we can capture your details.</p>\r\n            <div class='flow action-buttons'>\r\n                <button data-variant='solid full-width' class='button' type='button' id='request-camera-access'>\r\n                  Request Camera Access\r\n                </button>\r\n                ${this.hideAttribution ? '' : '<powered-by-smile-id></powered-by-smile-id>'}\r\n            </div>\r\n          </div>\r\n        </div>\r\n    </div>\r\n    `;\r\n}\r\n\r\nclass CameraPermission extends HTMLElement {\r\n  connectedCallback() {\r\n    this.templateString = templateString.bind(this);\r\n    this.render = () => this.templateString();\r\n    this.attachShadow({ mode: 'open' });\r\n    this.shadowRoot.innerHTML = this.render();\r\n    this.setUpEventListeners();\r\n  }\r\n\r\n  setUpEventListeners() {\r\n    const errorMessage = this.shadowRoot.querySelector('#error');\r\n    const permissionButton = this.shadowRoot.getElementById(\r\n      'request-camera-access',\r\n    );\r\n    errorMessage.textContent = '';\r\n    permissionButton.addEventListener('click', async () => {\r\n      permissionButton.setAttribute('disabled', true);\r\n      try {\r\n        await SmartCamera.getMedia({\r\n          audio: false,\r\n          video: true,\r\n        });\r\n        this.dispatchEvent(new CustomEvent('camera-permission.granted'));\r\n      } catch (error) {\r\n        this.dispatchEvent(\r\n          new CustomEvent('camera-permission.denied', { detail: error }),\r\n        );\r\n        errorMessage.textContent = SmartCamera.handleCameraError(error);\r\n      }\r\n      permissionButton.removeAttribute('disabled');\r\n    });\r\n  }\r\n\r\n  get showNavigation() {\r\n    return this.hasAttribute('show-navigation');\r\n  }\r\n\r\n  get hideAttribution() {\r\n    return this.hasAttribute('hide-attribution');\r\n  }\r\n\r\n  get hideBack() {\r\n    return this.hasAttribute('hide-back');\r\n  }\r\n\r\n  get themeColor() {\r\n    return this.getAttribute('theme-color') || '#001096';\r\n  }\r\n}\r\n\r\nif (window.customElements && !window.customElements.get('camera-permission')) {\r\n  window.customElements.define('camera-permission', CameraPermission);\r\n}\r\n\r\nexport default CameraPermission;\r\n","import styles from '../../../styles/src/styles';\r\nimport SmartCamera from '../../../domain/camera/src/SmartCamera';\r\n\r\nimport '../../document/src';\r\nimport '../../selfie/src';\r\nimport '../../camera-permission/CameraPermission';\r\nimport packageJson from '../../../../package.json';\r\n\r\nconst COMPONENTS_VERSION = packageJson.version;\r\n\r\nfunction scwTemplateString() {\r\n  return `\r\n  ${styles(this.themeColor)}\r\n  <div>\r\n    <camera-permission ${this.applyComponentThemeColor} ${this.title} ${this.showNavigation} ${this.hideInstructions ? '' : 'hidden'} ${this.hideAttribution}></camera-permission>\r\n    <selfie-capture-screens ${this.applyComponentThemeColor} ${this.title} ${this.showNavigation} ${this.disableImageTests} ${this.hideAttribution} ${this.hideInstructions} hidden\r\n      ${this.hideBackToHost} ${this.allowAgentMode} ${this.allowAgentModeTests}\r\n    ></selfie-capture-screens>\r\n    <document-capture-screens ${this.applyComponentThemeColor} document-type=${this.documentType} ${this.title} ${this.documentCaptureModes} ${this.showNavigation}  ${this.hideAttribution}\r\n     ${this.hideBackOfId} ${this.applyComponentThemeColor} hidden></document-capture-screens>\r\n  </div>\r\n`;\r\n}\r\nclass SmartCameraWeb extends HTMLElement {\r\n  constructor() {\r\n    super();\r\n    this.scwTemplateString = scwTemplateString.bind(this);\r\n    this.render = () => this.scwTemplateString();\r\n    this.attachShadow({ mode: 'open' });\r\n    this.activeScreen = null;\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.shadowRoot.innerHTML = this.render();\r\n\r\n    this._data = {\r\n      images: [],\r\n      meta: {\r\n        libraryVersion: COMPONENTS_VERSION,\r\n      },\r\n    };\r\n\r\n    if (\r\n      'mediaDevices' in navigator &&\r\n      'getUserMedia' in navigator.mediaDevices\r\n    ) {\r\n      this.setUpEventListeners();\r\n    } else {\r\n      this.shadowRoot.innerHTML =\r\n        '<h1 class=\"error-message\">Your browser does not support this integration</h1>';\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    SmartCamera.stopMedia();\r\n    if (this.activeScreen) {\r\n      this.activeScreen.removeAttribute('hidden');\r\n    }\r\n    this.activeScreen = null;\r\n    this.shadowRoot.innerHTML = '';\r\n  }\r\n\r\n  static get observedAttributes() {\r\n    return [\r\n      'allow-agent-mode',\r\n      'disable-image-tests',\r\n      'document-capture-modes',\r\n      'document-type',\r\n      'hide-attribution',\r\n      'hide-back-of-id',\r\n      'hide-back-to-host',\r\n      'show-navigation',\r\n      'theme-color',\r\n    ];\r\n  }\r\n\r\n  attributeChangedCallback(name) {\r\n    switch (name) {\r\n      case 'allow-agent-mode':\r\n      case 'disable-image-tests':\r\n      case 'document-capture-modes':\r\n      case 'document-type':\r\n      case 'hide-attribution':\r\n      case 'hide-back-of-id':\r\n      case 'hide-back-to-host':\r\n      case 'show-navigation':\r\n      case 'theme-color':\r\n        this.disconnectedCallback();\r\n        this.shadowRoot.innerHTML = this.render();\r\n        this.setUpEventListeners();\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  setUpEventListeners() {\r\n    this.cameraPermission = this.shadowRoot.querySelector('camera-permission');\r\n    this.SelfieCaptureScreens = this.shadowRoot.querySelector(\r\n      'selfie-capture-screens',\r\n    );\r\n    this.documentCapture = this.shadowRoot.querySelector(\r\n      'document-capture-screens',\r\n    );\r\n\r\n    if (this.hideInstructions) {\r\n      this.setActiveScreen(this.cameraPermission);\r\n    } else {\r\n      this.setActiveScreen(this.SelfieCaptureScreens);\r\n    }\r\n    this.cameraPermission.addEventListener('camera-permission.granted', () => {\r\n      this.setActiveScreen(this.SelfieCaptureScreens);\r\n      this.SelfieCaptureScreens.removeAttribute('data-camera-error');\r\n      this.SelfieCaptureScreens.setAttribute('data-camera-ready', true);\r\n    });\r\n\r\n    this.SelfieCaptureScreens.addEventListener(\r\n      'selfie-capture-screens.publish',\r\n      (event) => {\r\n        this._data.images = event.detail.images;\r\n        if (!this.captureId) {\r\n          this._publishSelectedImages();\r\n        } else {\r\n          this.setActiveScreen(this.documentCapture);\r\n        }\r\n      },\r\n    );\r\n\r\n    this.SelfieCaptureScreens.addEventListener(\r\n      'selfie-capture-screens.cancelled',\r\n      () => {\r\n        if (this.hideInstructions) {\r\n          this.setActiveScreen(this.cameraPermission);\r\n        } else {\r\n          this.handleBackEvents();\r\n        }\r\n      },\r\n    );\r\n    this.SelfieCaptureScreens.addEventListener(\r\n      'selfie-capture-screens.back',\r\n      () => {\r\n        if (!this.hideInstructions) {\r\n          this.setActiveScreen(this.cameraPermission);\r\n        }\r\n      },\r\n    );\r\n\r\n    this.documentCapture.addEventListener(\r\n      'document-capture-screens.publish',\r\n      (event) => {\r\n        this._data.images = [...this._data.images, ...event.detail.images];\r\n        this._publishSelectedImages();\r\n      },\r\n    );\r\n\r\n    this.documentCapture.addEventListener(\r\n      'document-capture-screens.cancelled',\r\n      () => {\r\n        this.SelfieCaptureScreens.setAttribute(\r\n          'initial-screen',\r\n          'selfie-capture',\r\n        );\r\n        this.setActiveScreen(this.SelfieCaptureScreens);\r\n        this.SelfieCaptureScreens.removeAttribute('data-camera-error');\r\n        this.SelfieCaptureScreens.setAttribute('data-camera-ready', true);\r\n      },\r\n    );\r\n\r\n    [\r\n      this.cameraPermission,\r\n      this.SelfieCaptureScreens,\r\n      this.documentCapture,\r\n    ].forEach((screen) => {\r\n      screen.addEventListener(`${screen.nodeName.toLowerCase()}.close`, () =>\r\n        this.handleCloseEvent(),\r\n      );\r\n    });\r\n    this.documentCapture.addEventListener(\r\n      'document-capture-screens.back',\r\n      () => {\r\n        this.setActiveScreen(this.SelfieCaptureScreens);\r\n        this.reset();\r\n      },\r\n    );\r\n  }\r\n\r\n  reset() {\r\n    this.disconnectedCallback();\r\n    this.connectedCallback();\r\n  }\r\n\r\n  handleBackEvents() {\r\n    this.dispatchEvent(new CustomEvent('smart-camera-web.cancelled'));\r\n  }\r\n\r\n  _publishSelectedImages() {\r\n    this.dispatchEvent(\r\n      new CustomEvent('smart-camera-web.publish', { detail: this._data }),\r\n    );\r\n  }\r\n\r\n  get captureId() {\r\n    return this.hasAttribute('capture-id');\r\n  }\r\n\r\n  get documentType() {\r\n    return this.getAttribute('document-type');\r\n  }\r\n\r\n  get isPortraitCaptureView() {\r\n    return this.getAttribute('document-type') === 'GREEN_BOOK';\r\n  }\r\n\r\n  get hideInstructions() {\r\n    return this.hasAttribute('hide-instructions') ? 'hide-instructions' : '';\r\n  }\r\n\r\n  get hideBackOfId() {\r\n    return this.hasAttribute('hide-back-of-id') ? 'hide-back-of-id' : '';\r\n  }\r\n\r\n  get showNavigation() {\r\n    return this.hasAttribute('show-navigation') ? 'show-navigation' : '';\r\n  }\r\n\r\n  get hideBackToHost() {\r\n    return this.hasAttribute('hide-back-to-host') ||\r\n      this.hasAttribute('hide-back')\r\n      ? 'hide-back'\r\n      : '';\r\n  }\r\n\r\n  get allowAgentMode() {\r\n    return this.hasAttribute('allow-agent-mode')\r\n      ? `allow-agent-mode=${this.getAttribute('allow-agent-mode')}`\r\n      : '';\r\n  }\r\n\r\n  get allowAgentModeTests() {\r\n    return this.hasAttribute('show-agent-mode-for-tests')\r\n      ? 'show-agent-mode-for-tests'\r\n      : '';\r\n  }\r\n\r\n  get title() {\r\n    return this.hasAttribute('title')\r\n      ? `title=${this.getAttribute('title')}`\r\n      : '';\r\n  }\r\n\r\n  get documentCaptureModes() {\r\n    return this.hasAttribute('document-capture-modes')\r\n      ? `document-capture-modes='${this.getAttribute('document-capture-modes')}'`\r\n      : '';\r\n  }\r\n\r\n  get disableImageTests() {\r\n    return this.hasAttribute('disable-image-tests')\r\n      ? 'disable-image-tests'\r\n      : '';\r\n  }\r\n\r\n  get hideAttribution() {\r\n    return this.hasAttribute('hide-attribution') ? 'hide-attribution' : '';\r\n  }\r\n\r\n  get hasThemeColor() {\r\n    return (\r\n      this.hasAttribute('theme-color') &&\r\n      ![null, undefined, 'null', 'undefined'].includes(\r\n        this.getAttribute('theme-color'),\r\n      )\r\n    );\r\n  }\r\n\r\n  get themeColor() {\r\n    return this.hasThemeColor ? this.getAttribute('theme-color') : '#001096';\r\n  }\r\n\r\n  get applyComponentThemeColor() {\r\n    return this.hasThemeColor ? `theme-color='${this.themeColor}'` : '';\r\n  }\r\n\r\n  setActiveScreen(screen) {\r\n    this.activeScreen?.setAttribute('hidden', '');\r\n    screen.removeAttribute('hidden');\r\n    this.activeScreen = screen;\r\n  }\r\n\r\n  handleCloseEvent() {\r\n    this.dispatchEvent(new CustomEvent('smart-camera-web.close'));\r\n  }\r\n}\r\n\r\nif ('customElements' in window && !customElements.get('smart-camera-web')) {\r\n  customElements.define('smart-camera-web', SmartCameraWeb);\r\n}\r\n\r\nexport default SmartCameraWeb;\r\n"],"names":["templateString","styles","CameraPermission","errorMessage","permissionButton","SmartCamera","error","COMPONENTS_VERSION","packageJson","scwTemplateString","SmartCameraWeb","name","event","screen"],"mappings":"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"}
+{"version":3,"file":"smart-camera-web.js","sources":["../../lib/components/camera-permission/CameraPermission.js","../../lib/components/smart-camera-web/src/SmartCameraWeb.js"],"sourcesContent":["import SmartCamera from '../../domain/camera/src/SmartCamera';\r\nimport styles from '../../styles/src/styles';\r\nimport '../attribution/PoweredBySmileId';\r\nimport '../navigation/src';\r\n\r\nfunction templateString() {\r\n  return `\r\n    ${styles(this.themeColor)}\r\n    <style>\r\n        .camera-permission-screen {\r\n          display: flex;\r\n          flex-direction: column;\r\n          max-block-size: 100%;\r\n          max-inline-size: 40ch;\r\n        }\r\n        .camera-permission {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 1.5rem;\r\n          align-items: center;\r\n          margin-top: auto;\r\n          margin-bottom: auto;\r\n        }\r\n        .camera-permission svg {\r\n            flex-shrink: 0;\r\n            margin-inline-end: 2rem;\r\n        }\r\n        .camera-permission p {\r\n            margin-block: 0;\r\n            text-align: center;\r\n        }\r\n    </style>\r\n    <div class='camera-permission-screen flow center'>\r\n        <smileid-navigation theme-color='${this.themeColor}' ${this.showNavigation ? 'show-navigation' : ''} ${this.hideBack ? 'hide-back' : ''}></smileid-navigation>\r\n        <div class='flow center'>\r\n          <p class='color-red | center' id='error'>\r\n          </p>\r\n        </div>\r\n        <div class='section | flow camera-permission-wrapper'>\r\n           <div class='center camera-permission'>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"43\" height=\"33\" viewBox=\"0 0 43 33\" fill=\"none\">\r\n                <g clip-path=\"url(#clip0_658_1399)\">\r\n                <path d=\"M6.36288 7.14178H36.6374C38.1923 7.14178 39.6835 7.7593 40.783 8.85849C41.8824 9.95768 42.5001 11.4485 42.5001 13.003V29.8478C42.5001 30.6838 42.1679 31.4856 41.5766 32.0767C40.9853 32.6679 40.1833 33 39.347 33H6.36288C4.80798 33 3.31676 32.3825 2.21728 31.2833C1.1178 30.1841 0.500122 28.6933 0.500122 27.1388L0.500122 13.003C0.500122 11.4485 1.1178 9.95768 2.21728 8.85849C3.31676 7.7593 4.80798 7.14178 6.36288 7.14178Z\" fill=\"#B2B2B2\"/>\r\n                <path d=\"M10.454 23.1789C10.7438 21.9337 9.96906 20.6893 8.7235 20.3995C7.47794 20.1098 6.23325 20.8843 5.9434 22.1296C5.65355 23.3748 6.4283 24.6191 7.67386 24.9089C8.91942 25.1987 10.1641 24.4241 10.454 23.1789Z\" fill=\"#DBDBC4\"/>\r\n                <path d=\"M10.0768 22.9365C10.2425 21.9024 9.53826 20.9298 8.50389 20.7642C7.46952 20.5985 6.49668 21.3025 6.331 22.3366C6.16532 23.3707 6.86954 24.3433 7.90391 24.509C8.93828 24.6746 9.91112 23.9706 10.0768 22.9365Z\" fill=\"#FF5805\"/>\r\n                <path d=\"M10.9694 16.2784H5.20514C4.83782 16.2784 4.54004 16.576 4.54004 16.9433V18.5194C4.54004 18.8866 4.83782 19.1843 5.20514 19.1843H10.9694C11.3367 19.1843 11.6345 18.8866 11.6345 18.5194V16.9433C11.6345 16.576 11.3367 16.2784 10.9694 16.2784Z\" fill=\"#2D2B2A\"/>\r\n                <path d=\"M37.9183 22.6813C37.9183 19.8492 37.9183 17.0418 37.9429 14.2097C37.9429 11.8948 37.9183 9.57985 37.9676 7.28955C37.5348 7.16853 37.0868 7.11047 36.6374 7.11716H36.0708C36.0954 9.87537 36.1201 12.6089 36.1201 15.3672C36.1201 20.9082 36.1201 26.4739 36.1447 32.0149V32.9754H37.8937C37.8937 29.5522 37.8937 26.1291 37.9183 22.6813Z\" fill=\"#DBDBC4\"/>\r\n                <path d=\"M0.500136 12.9291C0.496683 12.9634 0.500492 12.9981 0.511315 13.0309C0.522139 13.0637 0.539736 13.0938 0.562964 13.1194C0.586192 13.1449 0.614532 13.1653 0.646146 13.1792C0.67776 13.1931 0.71194 13.2002 0.746471 13.2H10.4767C12.8169 13.2 12.1271 11.2545 15.1324 11.2545H41.9582C41.9989 11.2523 42.0385 11.2411 42.0742 11.2215C42.1099 11.2019 42.1408 11.1745 42.1644 11.1414C42.1881 11.1083 42.204 11.0702 42.2109 11.0301C42.2179 10.99 42.2157 10.9488 42.2045 10.9097C41.8333 9.80556 41.125 8.84568 40.1793 8.16529C39.2335 7.48491 38.0981 7.11831 36.933 7.11716H6.31363C5.55019 7.11716 4.79423 7.26749 4.0889 7.55957C3.38358 7.85164 2.7427 8.27975 2.20287 8.81944C1.66304 9.35913 1.23482 9.99983 0.942663 10.705C0.650508 11.4101 0.500136 12.1659 0.500136 12.9291Z\" fill=\"#5E646E\"/>\r\n                <path d=\"M29.7154 1.3791H23.4585C21.4632 1.3791 19.7388 2.48731 19.394 4.01418L18.113 9.45671L18.1623 9.50597H35.0116C35.0362 9.50597 35.0608 9.48134 35.0362 9.45671L33.7799 4.01418C33.4104 2.48731 31.7107 1.3791 29.7154 1.3791Z\" fill=\"#5E646E\"/>\r\n                <path d=\"M30.8977 4.06343V3.71865C30.8977 3.32677 30.742 2.95093 30.4649 2.67382C30.1877 2.39672 29.8117 2.24104 29.4197 2.24104H23.6555C23.2678 2.2475 22.8982 2.40603 22.6263 2.68244C22.3544 2.95885 22.2021 3.331 22.2021 3.71865V4.06343H30.8977Z\" fill=\"#2D2B2A\"/>\r\n                <path d=\"M14.0731 4.72836H6.70771C6.4084 4.72836 6.16577 4.97093 6.16577 5.27015V6.63695C6.16577 6.93617 6.4084 7.17874 6.70771 7.17874H14.0731C14.3724 7.17874 14.615 6.93617 14.615 6.63695V5.27015C14.615 4.97093 14.3724 4.72836 14.0731 4.72836Z\" fill=\"#2D2B2A\"/>\r\n                <path d=\"M8.99862 8.76717H7.12648C6.73194 8.76717 6.41211 9.08692 6.41211 9.48135V11.0181C6.41211 11.4125 6.73194 11.7322 7.12648 11.7322H8.99862C9.39315 11.7322 9.71299 11.4125 9.71299 11.0181V9.48135C9.71299 9.08692 9.39315 8.76717 8.99862 8.76717Z\" fill=\"#FCFCFC\"/>\r\n                <path d=\"M8.77703 10.2448C8.77709 10.1521 8.75846 10.0604 8.72227 9.97507C8.68608 9.88977 8.63306 9.81263 8.56638 9.74827C8.4997 9.6839 8.42073 9.63363 8.33418 9.60047C8.24763 9.5673 8.15529 9.55191 8.06266 9.55522C7.97208 9.55522 7.88239 9.57305 7.79871 9.60771C7.71503 9.64236 7.63899 9.69315 7.57494 9.75718C7.5109 9.82121 7.46009 9.89723 7.42543 9.98089C7.39076 10.0646 7.37292 10.1542 7.37292 10.2448C7.37281 10.43 7.44469 10.608 7.57338 10.7413C7.70206 10.8745 7.8775 10.9526 8.06266 10.9589C8.25212 10.9589 8.43382 10.8837 8.56779 10.7498C8.70176 10.6158 8.77703 10.4342 8.77703 10.2448Z\" fill=\"#5E646E\"/>\r\n                <path d=\"M26.9318 30.0202C33.7069 30.0202 39.1992 24.5293 39.1992 17.756C39.1992 10.9827 33.7069 5.49179 26.9318 5.49179C20.1566 5.49179 14.6643 10.9827 14.6643 17.756C14.6643 24.5293 20.1566 30.0202 26.9318 30.0202Z\" fill=\"#FCFCFC\"/>\r\n                <path d=\"M26.9319 28.3455C32.7819 28.3455 37.5242 23.6044 37.5242 17.756C37.5242 11.9075 32.7819 7.16641 26.9319 7.16641C21.0818 7.16641 16.3395 11.9075 16.3395 17.756C16.3395 23.6044 21.0818 28.3455 26.9319 28.3455Z\" fill=\"#0A462F\"/>\r\n                <path d=\"M26.9318 24.0358C30.401 24.0358 33.2133 21.2242 33.2133 17.756C33.2133 14.2877 30.401 11.4761 26.9318 11.4761C23.4626 11.4761 20.6503 14.2877 20.6503 17.756C20.6503 21.2242 23.4626 24.0358 26.9318 24.0358Z\" fill=\"#2D2B2A\"/>\r\n                <path opacity=\"0.49\" d=\"M28.4098 19.1104C30.1376 19.1104 31.5383 17.7102 31.5383 15.9828C31.5383 14.2555 30.1376 12.8552 28.4098 12.8552C26.682 12.8552 25.2814 14.2555 25.2814 15.9828C25.2814 17.7102 26.682 19.1104 28.4098 19.1104Z\" fill=\"url(#paint0_linear_658_1399)\"/>\r\n                <g style=\"mix-blend-mode:screen\" opacity=\"0.24\">\r\n                    <path d=\"M30.9717 14.6776C30.9717 14.9977 30.8445 15.3046 30.6182 15.5309C30.3918 15.7572 30.0848 15.8843 29.7647 15.8843C29.4445 15.8843 29.1375 15.7572 28.9112 15.5309C28.6848 15.3046 28.5576 14.9977 28.5576 14.6776C28.5576 14.5203 28.589 14.3645 28.6499 14.2195C28.7109 14.0744 28.8002 13.943 28.9126 13.8329C29.025 13.7228 29.1583 13.6363 29.3046 13.5783C29.4509 13.5204 29.6073 13.4922 29.7647 13.4955C29.922 13.4922 30.0784 13.5204 30.2247 13.5783C30.371 13.6363 30.5043 13.7228 30.6167 13.8329C30.7291 13.943 30.8184 14.0744 30.8794 14.2195C30.9403 14.3645 30.9717 14.5203 30.9717 14.6776Z\" fill=\"#00FFFF\"/>\r\n                </g>\r\n                </g>\r\n                <defs>\r\n                <linearGradient id=\"paint0_linear_658_1399\" x1=\"25.2617\" y1=\"15.9804\" x2=\"31.5383\" y2=\"15.9804\" gradientUnits=\"userSpaceOnUse\">\r\n                    <stop stop-color=\"#7F47DD\" stop-opacity=\"0.1\"/>\r\n                    <stop offset=\"0.99\" stop-color=\"#00FFFF\"/>\r\n                </linearGradient>\r\n                <clipPath id=\"clip0_658_1399\">\r\n                    <rect width=\"42\" height=\"33\" fill=\"white\" transform=\"translate(0.500122)\"/>\r\n                </clipPath>\r\n                </defs>\r\n            </svg>\r\n            <p class='text-2xl font-bold'>We need access to your camera so that we can capture your details.</p>\r\n            <div class='flow action-buttons'>\r\n                <button data-variant='solid full-width' class='button' type='button' id='request-camera-access'>\r\n                  Request Camera Access\r\n                </button>\r\n                ${this.hideAttribution ? '' : '<powered-by-smile-id></powered-by-smile-id>'}\r\n            </div>\r\n          </div>\r\n        </div>\r\n    </div>\r\n    `;\r\n}\r\n\r\nclass CameraPermission extends HTMLElement {\r\n  connectedCallback() {\r\n    this.templateString = templateString.bind(this);\r\n    this.render = () => this.templateString();\r\n    this.attachShadow({ mode: 'open' });\r\n    this.shadowRoot.innerHTML = this.render();\r\n    this.setUpEventListeners();\r\n  }\r\n\r\n  setUpEventListeners() {\r\n    const errorMessage = this.shadowRoot.querySelector('#error');\r\n    const permissionButton = this.shadowRoot.getElementById(\r\n      'request-camera-access',\r\n    );\r\n    errorMessage.textContent = '';\r\n    permissionButton.addEventListener('click', async () => {\r\n      permissionButton.setAttribute('disabled', true);\r\n      try {\r\n        await SmartCamera.getMedia({\r\n          audio: false,\r\n          video: true,\r\n        });\r\n        this.dispatchEvent(new CustomEvent('camera-permission.granted'));\r\n      } catch (error) {\r\n        this.dispatchEvent(\r\n          new CustomEvent('camera-permission.denied', { detail: error }),\r\n        );\r\n        errorMessage.textContent = SmartCamera.handleCameraError(error);\r\n      }\r\n      permissionButton.removeAttribute('disabled');\r\n    });\r\n  }\r\n\r\n  get showNavigation() {\r\n    return this.hasAttribute('show-navigation');\r\n  }\r\n\r\n  get hideAttribution() {\r\n    return this.hasAttribute('hide-attribution');\r\n  }\r\n\r\n  get hideBack() {\r\n    return this.hasAttribute('hide-back');\r\n  }\r\n\r\n  get themeColor() {\r\n    return this.getAttribute('theme-color') || '#001096';\r\n  }\r\n}\r\n\r\nif (window.customElements && !window.customElements.get('camera-permission')) {\r\n  window.customElements.define('camera-permission', CameraPermission);\r\n}\r\n\r\nexport default CameraPermission;\r\n","import styles from '../../../styles/src/styles';\r\nimport SmartCamera from '../../../domain/camera/src/SmartCamera';\r\n\r\nimport '../../document/src';\r\nimport '../../selfie/src';\r\nimport '../../camera-permission/CameraPermission';\r\nimport packageJson from '../../../../package.json';\r\n\r\nconst COMPONENTS_VERSION = packageJson.version;\r\n\r\nfunction scwTemplateString() {\r\n  return `\r\n  <style>\r\n    :host {\r\n      display: block;\r\n      height: 100%;\r\n    }\r\n  </style>\r\n  ${styles(this.themeColor)}\r\n  <div style=\"height: 100%;\">\r\n    <camera-permission ${this.applyComponentThemeColor} ${this.title} ${this.showNavigation} ${this.hideInstructions ? '' : 'hidden'} ${this.hideAttribution}></camera-permission>\r\n    <selfie-capture-screens ${this.applyComponentThemeColor} ${this.title} ${this.showNavigation} ${this.disableImageTests} ${this.hideAttribution} ${this.hideInstructions} hidden\r\n      ${this.hideBackToHost} ${this.allowAgentMode} ${this.allowAgentModeTests}\r\n    ></selfie-capture-screens>\r\n    <document-capture-screens ${this.applyComponentThemeColor} document-type=${this.documentType} ${this.title} ${this.documentCaptureModes} ${this.showNavigation}  ${this.hideAttribution}\r\n     ${this.hideBackOfId} ${this.applyComponentThemeColor} hidden></document-capture-screens>\r\n  </div>\r\n`;\r\n}\r\nclass SmartCameraWeb extends HTMLElement {\r\n  constructor() {\r\n    super();\r\n    this.scwTemplateString = scwTemplateString.bind(this);\r\n    this.render = () => this.scwTemplateString();\r\n    this.attachShadow({ mode: 'open' });\r\n    this.activeScreen = null;\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.shadowRoot.innerHTML = this.render();\r\n\r\n    this._data = {\r\n      images: [],\r\n      meta: {\r\n        libraryVersion: COMPONENTS_VERSION,\r\n      },\r\n    };\r\n\r\n    if (\r\n      'mediaDevices' in navigator &&\r\n      'getUserMedia' in navigator.mediaDevices\r\n    ) {\r\n      this.setUpEventListeners();\r\n    } else {\r\n      this.shadowRoot.innerHTML =\r\n        '<h1 class=\"error-message\">Your browser does not support this integration</h1>';\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    SmartCamera.stopMedia();\r\n    if (this.activeScreen) {\r\n      this.activeScreen.removeAttribute('hidden');\r\n    }\r\n    this.activeScreen = null;\r\n    this.shadowRoot.innerHTML = '';\r\n  }\r\n\r\n  static get observedAttributes() {\r\n    return [\r\n      'allow-agent-mode',\r\n      'disable-image-tests',\r\n      'document-capture-modes',\r\n      'document-type',\r\n      'hide-attribution',\r\n      'hide-back-of-id',\r\n      'hide-back-to-host',\r\n      'show-navigation',\r\n      'theme-color',\r\n    ];\r\n  }\r\n\r\n  attributeChangedCallback(name) {\r\n    switch (name) {\r\n      case 'allow-agent-mode':\r\n      case 'disable-image-tests':\r\n      case 'document-capture-modes':\r\n      case 'document-type':\r\n      case 'hide-attribution':\r\n      case 'hide-back-of-id':\r\n      case 'hide-back-to-host':\r\n      case 'show-navigation':\r\n      case 'theme-color':\r\n        this.disconnectedCallback();\r\n        this.shadowRoot.innerHTML = this.render();\r\n        this.setUpEventListeners();\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  setUpEventListeners() {\r\n    this.cameraPermission = this.shadowRoot.querySelector('camera-permission');\r\n    this.SelfieCaptureScreens = this.shadowRoot.querySelector(\r\n      'selfie-capture-screens',\r\n    );\r\n    this.documentCapture = this.shadowRoot.querySelector(\r\n      'document-capture-screens',\r\n    );\r\n\r\n    if (this.hideInstructions) {\r\n      this.setActiveScreen(this.cameraPermission);\r\n    } else {\r\n      this.setActiveScreen(this.SelfieCaptureScreens);\r\n    }\r\n    this.cameraPermission.addEventListener('camera-permission.granted', () => {\r\n      this.setActiveScreen(this.SelfieCaptureScreens);\r\n      this.SelfieCaptureScreens.removeAttribute('data-camera-error');\r\n      this.SelfieCaptureScreens.setAttribute('data-camera-ready', true);\r\n    });\r\n\r\n    this.SelfieCaptureScreens.addEventListener(\r\n      'selfie-capture-screens.publish',\r\n      (event) => {\r\n        this._data.images = event.detail.images;\r\n        if (!this.captureId) {\r\n          this._publishSelectedImages();\r\n        } else {\r\n          this.setActiveScreen(this.documentCapture);\r\n        }\r\n      },\r\n    );\r\n\r\n    this.SelfieCaptureScreens.addEventListener(\r\n      'selfie-capture-screens.cancelled',\r\n      () => {\r\n        if (this.hideInstructions) {\r\n          this.setActiveScreen(this.cameraPermission);\r\n        } else {\r\n          this.handleBackEvents();\r\n        }\r\n      },\r\n    );\r\n    this.SelfieCaptureScreens.addEventListener(\r\n      'selfie-capture-screens.back',\r\n      () => {\r\n        if (!this.hideInstructions) {\r\n          this.setActiveScreen(this.cameraPermission);\r\n        }\r\n      },\r\n    );\r\n\r\n    this.documentCapture.addEventListener(\r\n      'document-capture-screens.publish',\r\n      (event) => {\r\n        this._data.images = [...this._data.images, ...event.detail.images];\r\n        this._publishSelectedImages();\r\n      },\r\n    );\r\n\r\n    this.documentCapture.addEventListener(\r\n      'document-capture-screens.cancelled',\r\n      () => {\r\n        this.SelfieCaptureScreens.setAttribute(\r\n          'initial-screen',\r\n          'selfie-capture',\r\n        );\r\n        this.setActiveScreen(this.SelfieCaptureScreens);\r\n        this.SelfieCaptureScreens.removeAttribute('data-camera-error');\r\n        this.SelfieCaptureScreens.setAttribute('data-camera-ready', true);\r\n      },\r\n    );\r\n\r\n    [\r\n      this.cameraPermission,\r\n      this.SelfieCaptureScreens,\r\n      this.documentCapture,\r\n    ].forEach((screen) => {\r\n      screen.addEventListener(`${screen.nodeName.toLowerCase()}.close`, () =>\r\n        this.handleCloseEvent(),\r\n      );\r\n    });\r\n    this.documentCapture.addEventListener(\r\n      'document-capture-screens.back',\r\n      () => {\r\n        this.setActiveScreen(this.SelfieCaptureScreens);\r\n        this.reset();\r\n      },\r\n    );\r\n  }\r\n\r\n  reset() {\r\n    this.disconnectedCallback();\r\n    this.connectedCallback();\r\n  }\r\n\r\n  handleBackEvents() {\r\n    this.dispatchEvent(new CustomEvent('smart-camera-web.cancelled'));\r\n  }\r\n\r\n  _publishSelectedImages() {\r\n    this.dispatchEvent(\r\n      new CustomEvent('smart-camera-web.publish', { detail: this._data }),\r\n    );\r\n  }\r\n\r\n  get captureId() {\r\n    return this.hasAttribute('capture-id');\r\n  }\r\n\r\n  get documentType() {\r\n    return this.getAttribute('document-type');\r\n  }\r\n\r\n  get isPortraitCaptureView() {\r\n    return this.getAttribute('document-type') === 'GREEN_BOOK';\r\n  }\r\n\r\n  get hideInstructions() {\r\n    return this.hasAttribute('hide-instructions') ? 'hide-instructions' : '';\r\n  }\r\n\r\n  get hideBackOfId() {\r\n    return this.hasAttribute('hide-back-of-id') ? 'hide-back-of-id' : '';\r\n  }\r\n\r\n  get showNavigation() {\r\n    return this.hasAttribute('show-navigation') ? 'show-navigation' : '';\r\n  }\r\n\r\n  get hideBackToHost() {\r\n    return this.hasAttribute('hide-back-to-host') ||\r\n      this.hasAttribute('hide-back')\r\n      ? 'hide-back'\r\n      : '';\r\n  }\r\n\r\n  get allowAgentMode() {\r\n    return this.hasAttribute('allow-agent-mode')\r\n      ? `allow-agent-mode=${this.getAttribute('allow-agent-mode')}`\r\n      : '';\r\n  }\r\n\r\n  get allowAgentModeTests() {\r\n    return this.hasAttribute('show-agent-mode-for-tests')\r\n      ? 'show-agent-mode-for-tests'\r\n      : '';\r\n  }\r\n\r\n  get title() {\r\n    return this.hasAttribute('title')\r\n      ? `title=${this.getAttribute('title')}`\r\n      : '';\r\n  }\r\n\r\n  get documentCaptureModes() {\r\n    return this.hasAttribute('document-capture-modes')\r\n      ? `document-capture-modes='${this.getAttribute('document-capture-modes')}'`\r\n      : '';\r\n  }\r\n\r\n  get disableImageTests() {\r\n    return this.hasAttribute('disable-image-tests')\r\n      ? 'disable-image-tests'\r\n      : '';\r\n  }\r\n\r\n  get hideAttribution() {\r\n    return this.hasAttribute('hide-attribution') ? 'hide-attribution' : '';\r\n  }\r\n\r\n  get hasThemeColor() {\r\n    return (\r\n      this.hasAttribute('theme-color') &&\r\n      ![null, undefined, 'null', 'undefined'].includes(\r\n        this.getAttribute('theme-color'),\r\n      )\r\n    );\r\n  }\r\n\r\n  get themeColor() {\r\n    return this.hasThemeColor ? this.getAttribute('theme-color') : '#001096';\r\n  }\r\n\r\n  get applyComponentThemeColor() {\r\n    return this.hasThemeColor ? `theme-color='${this.themeColor}'` : '';\r\n  }\r\n\r\n  setActiveScreen(screen) {\r\n    this.activeScreen?.setAttribute('hidden', '');\r\n    screen.removeAttribute('hidden');\r\n    this.activeScreen = screen;\r\n  }\r\n\r\n  handleCloseEvent() {\r\n    this.dispatchEvent(new CustomEvent('smart-camera-web.close'));\r\n  }\r\n}\r\n\r\nif ('customElements' in window && !customElements.get('smart-camera-web')) {\r\n  customElements.define('smart-camera-web', SmartCameraWeb);\r\n}\r\n\r\nexport default SmartCameraWeb;\r\n"],"names":["templateString","styles","CameraPermission","errorMessage","permissionButton","SmartCamera","error","COMPONENTS_VERSION","packageJson","scwTemplateString","SmartCameraWeb","name","event","screen"],"mappings":";;;;;;AAKA,SAASA,IAAiB;AACxB,SAAO;AAAA,MACHC,EAAO,KAAK,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CA0Bc,KAAK,UAAU,KAAK,KAAK,iBAAiB,oBAAoB,EAAE,IAAI,KAAK,WAAW,cAAc,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBA2C7H,KAAK,kBAAkB,KAAK,6CAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3F;AAEA,MAAMC,UAAyB,YAAY;AAAA,EACzC,oBAAoB;AAClB,SAAK,iBAAiBF,EAAe,KAAK,IAAI,GAC9C,KAAK,SAAS,MAAM,KAAK,eAAc,GACvC,KAAK,aAAa,EAAE,MAAM,OAAQ,CAAA,GAClC,KAAK,WAAW,YAAY,KAAK,OAAM,GACvC,KAAK,oBAAmB;AAAA,EACzB;AAAA,EAED,sBAAsB;AACpB,UAAMG,IAAe,KAAK,WAAW,cAAc,QAAQ,GACrDC,IAAmB,KAAK,WAAW;AAAA,MACvC;AAAA,IACN;AACI,IAAAD,EAAa,cAAc,IAC3BC,EAAiB,iBAAiB,SAAS,YAAY;AACrD,MAAAA,EAAiB,aAAa,YAAY,EAAI;AAC9C,UAAI;AACF,cAAMC,EAAY,SAAS;AAAA,UACzB,OAAO;AAAA,UACP,OAAO;AAAA,QACjB,CAAS,GACD,KAAK,cAAc,IAAI,YAAY,2BAA2B,CAAC;AAAA,MAChE,SAAQC,GAAO;AACd,aAAK;AAAA,UACH,IAAI,YAAY,4BAA4B,EAAE,QAAQA,EAAK,CAAE;AAAA,QACvE,GACQH,EAAa,cAAcE,EAAY,kBAAkBC,CAAK;AAAA,MAC/D;AACD,MAAAF,EAAiB,gBAAgB,UAAU;AAAA,IACjD,CAAK;AAAA,EACF;AAAA,EAED,IAAI,iBAAiB;AACnB,WAAO,KAAK,aAAa,iBAAiB;AAAA,EAC3C;AAAA,EAED,IAAI,kBAAkB;AACpB,WAAO,KAAK,aAAa,kBAAkB;AAAA,EAC5C;AAAA,EAED,IAAI,WAAW;AACb,WAAO,KAAK,aAAa,WAAW;AAAA,EACrC;AAAA,EAED,IAAI,aAAa;AACf,WAAO,KAAK,aAAa,aAAa,KAAK;AAAA,EAC5C;AACH;AAEI,OAAO,kBAAkB,CAAC,OAAO,eAAe,IAAI,mBAAmB,KACzE,OAAO,eAAe,OAAO,qBAAqBF,CAAgB;AC/HpE,MAAMK,IAAqBC,EAAY;AAEvC,SAASC,IAAoB;AACpB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOLR,EAAO,KAAK,UAAU,CAAC;AAAA;AAAA,yBAEF,KAAK,wBAAwB,IAAI,KAAK,KAAK,IAAI,KAAK,cAAc,IAAI,KAAK,mBAAmB,KAAK,QAAQ,IAAI,KAAK,eAAe;AAAA,8BAC9H,KAAK,wBAAwB,IAAI,KAAK,KAAK,IAAI,KAAK,cAAc,IAAI,KAAK,iBAAiB,IAAI,KAAK,eAAe,IAAI,KAAK,gBAAgB;AAAA,QACnK,KAAK,cAAc,IAAI,KAAK,cAAc,IAAI,KAAK,mBAAmB;AAAA;AAAA,gCAE9C,KAAK,wBAAwB,kBAAkB,KAAK,YAAY,IAAI,KAAK,KAAK,IAAI,KAAK,oBAAoB,IAAI,KAAK,cAAc,KAAK,KAAK,eAAe;AAAA,OACpL,KAAK,YAAY,IAAI,KAAK,wBAAwB;AAAA;AAAA;AAGzD;AACA,MAAMS,UAAuB,YAAY;AAAA,EACvC,cAAc;AACN,UAAA,GACD,KAAA,oBAAoBD,EAAkB,KAAK,IAAI,GAC/C,KAAA,SAAS,MAAM,KAAK,kBAAkB,GAC3C,KAAK,aAAa,EAAE,MAAM,OAAA,CAAQ,GAClC,KAAK,eAAe;AAAA,EAAA;AAAA,EAGtB,oBAAoB;AACb,SAAA,WAAW,YAAY,KAAK,OAAO,GAExC,KAAK,QAAQ;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,MAAM;AAAA,QACJ,gBAAgBF;AAAA,MAAA;AAAA,IAEpB,GAGE,kBAAkB,aAClB,kBAAkB,UAAU,eAE5B,KAAK,oBAAoB,IAEzB,KAAK,WAAW,YACd;AAAA,EACJ;AAAA,EAGF,uBAAuB;AACrB,IAAAF,EAAY,UAAU,GAClB,KAAK,gBACF,KAAA,aAAa,gBAAgB,QAAQ,GAE5C,KAAK,eAAe,MACpB,KAAK,WAAW,YAAY;AAAA,EAAA;AAAA,EAG9B,WAAW,qBAAqB;AACvB,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAAA,EAGF,yBAAyBM,GAAM;AAC7B,YAAQA,GAAM;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,aAAK,qBAAqB,GACrB,KAAA,WAAW,YAAY,KAAK,OAAO,GACxC,KAAK,oBAAoB;AACzB;AAAA,IAEA;AAAA,EACJ;AAAA,EAGF,sBAAsB;AACpB,SAAK,mBAAmB,KAAK,WAAW,cAAc,mBAAmB,GACpE,KAAA,uBAAuB,KAAK,WAAW;AAAA,MAC1C;AAAA,IACF,GACK,KAAA,kBAAkB,KAAK,WAAW;AAAA,MACrC;AAAA,IACF,GAEI,KAAK,mBACF,KAAA,gBAAgB,KAAK,gBAAgB,IAErC,KAAA,gBAAgB,KAAK,oBAAoB,GAE3C,KAAA,iBAAiB,iBAAiB,6BAA6B,MAAM;AACnE,WAAA,gBAAgB,KAAK,oBAAoB,GACzC,KAAA,qBAAqB,gBAAgB,mBAAmB,GACxD,KAAA,qBAAqB,aAAa,qBAAqB,EAAI;AAAA,IAAA,CACjE,GAED,KAAK,qBAAqB;AAAA,MACxB;AAAA,MACA,CAACC,MAAU;AACJ,aAAA,MAAM,SAASA,EAAM,OAAO,QAC5B,KAAK,YAGH,KAAA,gBAAgB,KAAK,eAAe,IAFzC,KAAK,uBAAuB;AAAA,MAG9B;AAAA,IAEJ,GAEA,KAAK,qBAAqB;AAAA,MACxB;AAAA,MACA,MAAM;AACJ,QAAI,KAAK,mBACF,KAAA,gBAAgB,KAAK,gBAAgB,IAE1C,KAAK,iBAAiB;AAAA,MACxB;AAAA,IAEJ,GACA,KAAK,qBAAqB;AAAA,MACxB;AAAA,MACA,MAAM;AACA,QAAC,KAAK,oBACH,KAAA,gBAAgB,KAAK,gBAAgB;AAAA,MAC5C;AAAA,IAEJ,GAEA,KAAK,gBAAgB;AAAA,MACnB;AAAA,MACA,CAACA,MAAU;AACJ,aAAA,MAAM,SAAS,CAAC,GAAG,KAAK,MAAM,QAAQ,GAAGA,EAAM,OAAO,MAAM,GACjE,KAAK,uBAAuB;AAAA,MAAA;AAAA,IAEhC,GAEA,KAAK,gBAAgB;AAAA,MACnB;AAAA,MACA,MAAM;AACJ,aAAK,qBAAqB;AAAA,UACxB;AAAA,UACA;AAAA,QACF,GACK,KAAA,gBAAgB,KAAK,oBAAoB,GACzC,KAAA,qBAAqB,gBAAgB,mBAAmB,GACxD,KAAA,qBAAqB,aAAa,qBAAqB,EAAI;AAAA,MAAA;AAAA,IAEpE,GAEA;AAAA,MACE,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,EACL,QAAQ,CAACC,MAAW;AACb,MAAAA,EAAA;AAAA,QAAiB,GAAGA,EAAO,SAAS,YAAA,CAAa;AAAA,QAAU,MAChE,KAAK,iBAAiB;AAAA,MACxB;AAAA,IAAA,CACD,GACD,KAAK,gBAAgB;AAAA,MACnB;AAAA,MACA,MAAM;AACC,aAAA,gBAAgB,KAAK,oBAAoB,GAC9C,KAAK,MAAM;AAAA,MAAA;AAAA,IAEf;AAAA,EAAA;AAAA,EAGF,QAAQ;AACN,SAAK,qBAAqB,GAC1B,KAAK,kBAAkB;AAAA,EAAA;AAAA,EAGzB,mBAAmB;AACjB,SAAK,cAAc,IAAI,YAAY,4BAA4B,CAAC;AAAA,EAAA;AAAA,EAGlE,yBAAyB;AAClB,SAAA;AAAA,MACH,IAAI,YAAY,4BAA4B,EAAE,QAAQ,KAAK,MAAO,CAAA;AAAA,IACpE;AAAA,EAAA;AAAA,EAGF,IAAI,YAAY;AACP,WAAA,KAAK,aAAa,YAAY;AAAA,EAAA;AAAA,EAGvC,IAAI,eAAe;AACV,WAAA,KAAK,aAAa,eAAe;AAAA,EAAA;AAAA,EAG1C,IAAI,wBAAwB;AACnB,WAAA,KAAK,aAAa,eAAe,MAAM;AAAA,EAAA;AAAA,EAGhD,IAAI,mBAAmB;AACrB,WAAO,KAAK,aAAa,mBAAmB,IAAI,sBAAsB;AAAA,EAAA;AAAA,EAGxE,IAAI,eAAe;AACjB,WAAO,KAAK,aAAa,iBAAiB,IAAI,oBAAoB;AAAA,EAAA;AAAA,EAGpE,IAAI,iBAAiB;AACnB,WAAO,KAAK,aAAa,iBAAiB,IAAI,oBAAoB;AAAA,EAAA;AAAA,EAGpE,IAAI,iBAAiB;AACZ,WAAA,KAAK,aAAa,mBAAmB,KAC1C,KAAK,aAAa,WAAW,IAC3B,cACA;AAAA,EAAA;AAAA,EAGN,IAAI,iBAAiB;AACZ,WAAA,KAAK,aAAa,kBAAkB,IACvC,oBAAoB,KAAK,aAAa,kBAAkB,CAAC,KACzD;AAAA,EAAA;AAAA,EAGN,IAAI,sBAAsB;AACxB,WAAO,KAAK,aAAa,2BAA2B,IAChD,8BACA;AAAA,EAAA;AAAA,EAGN,IAAI,QAAQ;AACH,WAAA,KAAK,aAAa,OAAO,IAC5B,SAAS,KAAK,aAAa,OAAO,CAAC,KACnC;AAAA,EAAA;AAAA,EAGN,IAAI,uBAAuB;AAClB,WAAA,KAAK,aAAa,wBAAwB,IAC7C,2BAA2B,KAAK,aAAa,wBAAwB,CAAC,MACtE;AAAA,EAAA;AAAA,EAGN,IAAI,oBAAoB;AACtB,WAAO,KAAK,aAAa,qBAAqB,IAC1C,wBACA;AAAA,EAAA;AAAA,EAGN,IAAI,kBAAkB;AACpB,WAAO,KAAK,aAAa,kBAAkB,IAAI,qBAAqB;AAAA,EAAA;AAAA,EAGtE,IAAI,gBAAgB;AAEhB,WAAA,KAAK,aAAa,aAAa,KAC/B,CAAC,CAAC,MAAM,QAAW,QAAQ,WAAW,EAAE;AAAA,MACtC,KAAK,aAAa,aAAa;AAAA,IACjC;AAAA,EAAA;AAAA,EAIJ,IAAI,aAAa;AACf,WAAO,KAAK,gBAAgB,KAAK,aAAa,aAAa,IAAI;AAAA,EAAA;AAAA,EAGjE,IAAI,2BAA2B;AAC7B,WAAO,KAAK,gBAAgB,gBAAgB,KAAK,UAAU,MAAM;AAAA,EAAA;AAAA,EAGnE,gBAAgBA,GAAQ;AACjB,SAAA,cAAc,aAAa,UAAU,EAAE,GAC5CA,EAAO,gBAAgB,QAAQ,GAC/B,KAAK,eAAeA;AAAA,EAAA;AAAA,EAGtB,mBAAmB;AACjB,SAAK,cAAc,IAAI,YAAY,wBAAwB,CAAC;AAAA,EAAA;AAEhE;AAEI,oBAAoB,UAAU,CAAC,eAAe,IAAI,kBAAkB,KACvD,eAAA,OAAO,oBAAoBH,CAAc;"}

package/dist/esm/{styles-D2i3GFLK.js → styles-BOEZtbuc.js}

@@ -305,6 +305,9 @@ ${t}
 
   #document-capture-instructions-screen,
   #back-of-document-capture-instructions-screen {
+    box-sizing: border-box;
+    height: 100%;
+    padding: 1rem;
     display: flex;
     flex-direction: column;
     max-block-size: 100%;
@@ -332,22 +335,33 @@ ${t}
     padding-bottom: 2rem;
   }
 
+  smart-camera-web, selfie-capture-screens, selfie-capture-instructions, document-capture-screens, document-capture-instructions {
+    height: 100%;
+    display: block;
+  }
+
   .instructions-wrapper {
     display: inline-flex;
     flex-direction: column;
-    gap: 1.5rem;
-    margin-block-start: 2rem;
-    margin-block-end: 2rem;
+    gap: 1rem;
+  }
+  
+  @media (min-width: 40rem) {
+    .instructions-wrapper {
+      gap: 1.75rem;
+    }
   }
+
   .instructions {
     display: flex;
     align-items: center;
     text-align: initial;
+    gap: 0.5rem;
   }
 
   .instructions svg {
     flex-shrink: 0;
-    margin-inline-end: 2rem;
+    margin-inline-end: 0.25rem;
   }
 
   .instructions p {
@@ -402,4 +416,4 @@ ${t}
 export {
   o as s
 };
-//# sourceMappingURL=styles-D2i3GFLK.js.map
+//# sourceMappingURL=styles-BOEZtbuc.js.map

package/dist/esm/{styles-D2i3GFLK.js.map → styles-BOEZtbuc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"styles-D2i3GFLK.js","sources":["../../lib/styles/src/typography.js","../../lib/styles/src/styles.js"],"sourcesContent":["const typography = `\r\n  .text-xs {\r\n    font-size: 0.75rem;\r\n    line-height: 1rem;\r\n  }\r\n  .text-sm {\r\n    font-size: 0.875rem;\r\n    line-height: 1.125rem;\r\n  }\r\n  .text-base {\r\n    font-size: 1rem;\r\n    line-height: 1rem;\r\n  }\r\n  .text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n  }\r\n  .text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n  }\r\n  .text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n  }\r\n  .text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n  .text-4xl {\r\n    font-size: 2rem;\r\n    line-height: 2.5rem;\r\n  }\r\n  .text-5xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem;\r\n  }\r\n  .font-bold {\r\n    font-weight: 700;\r\n  }\r\n  .font-semibold {\r\n    font-weight: 600;\r\n  }\r\n  .font-medium {\r\n    font-weight: 500;\r\n  }\r\n  .font-normal {\r\n    font-weight: 400;\r\n  }\r\n`;\r\n\r\nexport default typography;\r\n","import typography from './typography';\r\n\r\nconst styles = (\r\n  themeColor,\r\n) => `<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\r\n<link\r\n  href=\"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\"\r\n  rel=\"stylesheet\"\r\n  as=\"style\"\r\n/>\r\n<style>\r\n${typography}\r\n:host {\r\n    --theme-color: ${themeColor || '#001096'};\r\n    --color-active: #001096;\r\n    --color-default: #2d2b2a;\r\n    --color-disabled: #848282;\r\n    --web-digital-blue: #001096;\r\n  }\r\n\r\n  * {\r\n    font-family: \"DM Sans\", sans-serif;\r\n  }\r\n\r\n  [hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  [disabled] {\r\n    cursor: not-allowed !important;\r\n    filter: grayscale(75%);\r\n  }\r\n\r\n  .visually-hidden {\r\n    border: 0;\r\n    clip: rect(1px 1px 1px 1px);\r\n    clip: rect(1px, 1px, 1px, 1px);\r\n    height: auto;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  img {\r\n    height: auto;\r\n    max-width: 100%;\r\n  }\r\n\r\n  video {\r\n    background-color: black;\r\n  }\r\n\r\n  a {\r\n    color: currentColor;\r\n    text-decoration: none;\r\n  }\r\n\r\n  svg {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .color-gray {\r\n    color: #797979;\r\n  }\r\n\r\n  .color-red {\r\n    color: red;\r\n  }\r\n\r\n  .color-richblue {\r\n    color: #4e6577;\r\n  }\r\n\r\n  .color-richblue-shade {\r\n    color: #0e1b42;\r\n  }\r\n\r\n  .color-digital-blue {\r\n    color: var(--web-digital-blue) !important;\r\n  }\r\n\r\n  .color-deep-blue {\r\n    color: #001096;\r\n  }\r\n\r\n  .title-color {\r\n    color: ${themeColor || '#001096'};\r\n  }\r\n  \r\n  .theme-color {\r\n    color: ${themeColor || '#001096'};\r\n  }\r\n\r\n  .center {\r\n    text-align: center;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .font-size-small {\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n  .font-size-large {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  .text-transform-uppercase {\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  [id*=-\"screen\"] {\r\n    min-block-size: 100%;\r\n  }\r\n\r\n  [data-variant~=\"full-width\"] {\r\n    inline-size: 100%;\r\n  }\r\n\r\n  .flow > * + * {\r\n    margin-top: var(--flow-space, 1rem);\r\n  }\r\n\r\n  .button {\r\n    --button-color: ${themeColor || 'var(--active-color)'};\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    border-radius: 2.5rem;\r\n    border: 0;\r\n    background-color: transparent;\r\n    color: #fff;\r\n    cursor: pointer;\r\n    display: block;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    padding: 0.75rem 1.5rem;\r\n    text-align: center;\r\n  }\r\n\r\n  .button:hover,\r\n  .button:focus,\r\n  .button:active {\r\n    --button-color: var(--color-default);\r\n  }\r\n\r\n  .button:disabled {\r\n    --button-color: var(--color-disabled);\r\n  }\r\n\r\n  .button[data-variant~=\"solid\"] {\r\n    background-color: var(--button-color);\r\n    border: 2px solid var(--button-color);\r\n  }\r\n\r\n  .button[data-variant~=\"outline\"] {\r\n    color: var(--button-color);\r\n    border: 2px solid var(--button-color);\r\n  }\r\n\r\n  .button[data-variant~=\"ghost\"] {\r\n    padding: 0px;\r\n    color: var(--button-color);\r\n    background-color: transparent;\r\n  }\r\n\r\n  .icon-btn {\r\n    appearance: none;\r\n    background: none;\r\n    border: none;\r\n    color: hsl(0deg 0% 94%);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px 8px;\r\n  }\r\n  .justify-right {\r\n    justify-content: end !important;\r\n  }\r\n  .nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .back-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .back-button-text {\r\n    font-size: 11px;\r\n    line-height: 11px;\r\n    color: rgb(21, 31, 114);\r\n  }\r\n\r\n\r\n  .selfie-capture-review-image {\r\n    overflow: hidden;\r\n    aspect-ratio: 1/1;\r\n  }\r\n\r\n  #review-image {\r\n    scale: 1.75;\r\n  }\r\n\r\n  @media (max-aspect-ratio: 1/1) {\r\n    #review-image {\r\n      transform: scaleX(-1) translateY(-10%);\r\n    }\r\n  }\r\n\r\n  .tips,\r\n  .powered-by {\r\n    align-items: center;\r\n    border-radius: 0.25rem;\r\n    color: #4e6577;\r\n    display: flex;\r\n    justify-content: center;\r\n    letter-spacing: 0.075em;\r\n  }\r\n\r\n  .powered-by {\r\n    box-shadow: 0px 2.57415px 2.57415px rgba(0, 0, 0, 0.06);\r\n    display: inline-flex;\r\n    font-size: 0.5rem;\r\n  }\r\n\r\n  .tips {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    max-width: 17rem;\r\n  }\r\n\r\n  .tips > * + *,\r\n  .powered-by > * + * {\r\n    display: inline-block;\r\n    margin-left: 0.5em;\r\n  }\r\n\r\n  .powered-by .company {\r\n    color: #18406d;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15rem;\r\n  }\r\n\r\n  .logo-mark {\r\n    background-color: #004071;\r\n    display: inline-block;\r\n    padding: 0.25em 0.5em;\r\n  }\r\n\r\n  .logo-mark svg {\r\n    height: auto;\r\n    justify-self: center;\r\n    width: 0.75em;\r\n  }\r\n\r\n  #document-capture-instructions-screen,\r\n  #back-of-document-capture-instructions-screen {\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-block-size: 100%;\r\n    max-inline-size: 40ch;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  #document-capture-instructions-screen header p {\r\n    margin-block: 0 !important;\r\n  }\r\n\r\n  .description {\r\n    color: var(--neutral-off-black, #2D2B2A);\r\n    text-align: center;\r\n\r\n    /* p */\r\n    font-family: DM Sans;\r\n    font-size: 0.875rem;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 18px;\r\n  }\r\n\r\n  .padding-bottom-2 {\r\n    padding-bottom: 2rem;\r\n  }\r\n\r\n  .instructions-wrapper {\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n    margin-block-start: 2rem;\r\n    margin-block-end: 2rem;\r\n  }\r\n  .instructions {\r\n    display: flex;\r\n    align-items: center;\r\n    text-align: initial;\r\n  }\r\n\r\n  .instructions svg {\r\n    flex-shrink: 0;\r\n    margin-inline-end: 2rem;\r\n  }\r\n\r\n  .instructions p {\r\n    margin-block: 0;\r\n  }\r\n\r\n  .instruction {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n\r\n  .instruction-body {\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n  .instruction-header {\r\n    color: ${themeColor};\r\n  }\r\n\r\n  .flex-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n        transform: translate3d(-50%, -50%, 0) rotate(0deg);\r\n    }\r\n    100% {\r\n        transform: translate3d(-50%, -50%, 0) rotate(360deg);\r\n    }\r\n}\r\n\r\n.spinner {\r\n    animation: 1.5s linear infinite spin;\r\n    animation-play-state: inherit;\r\n    border: solid 5px #cfd0d1;\r\n    border-bottom-color: var(--color-active);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n    display: block;\r\n    height: 25px;\r\n    width: 25px;\r\n    will-change: transform;\r\n    position: relative;\r\n    top: .675rem;\r\n    left: 1.25rem;\r\n    }\r\n\r\n</style>`;\r\n\r\nexport default styles;\r\n"],"names":["typography","styles","themeColor"],"mappings":"AAAA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEbC,IAAS,CACbC,MACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOHF,CAAU;AAAA;AAAA,qBAESE,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aA4E/BA,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA,aAIvBA,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAkCdA,KAAc,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAmM5CA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles-BOEZtbuc.js","sources":["../../lib/styles/src/typography.js","../../lib/styles/src/styles.js"],"sourcesContent":["const typography = `\r\n  .text-xs {\r\n    font-size: 0.75rem;\r\n    line-height: 1rem;\r\n  }\r\n  .text-sm {\r\n    font-size: 0.875rem;\r\n    line-height: 1.125rem;\r\n  }\r\n  .text-base {\r\n    font-size: 1rem;\r\n    line-height: 1rem;\r\n  }\r\n  .text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n  }\r\n  .text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n  }\r\n  .text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n  }\r\n  .text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n  .text-4xl {\r\n    font-size: 2rem;\r\n    line-height: 2.5rem;\r\n  }\r\n  .text-5xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem;\r\n  }\r\n  .font-bold {\r\n    font-weight: 700;\r\n  }\r\n  .font-semibold {\r\n    font-weight: 600;\r\n  }\r\n  .font-medium {\r\n    font-weight: 500;\r\n  }\r\n  .font-normal {\r\n    font-weight: 400;\r\n  }\r\n`;\r\n\r\nexport default typography;\r\n","import typography from './typography';\r\n\r\nconst styles = (\r\n  themeColor,\r\n) => `<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\r\n<link\r\n  href=\"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\"\r\n  rel=\"stylesheet\"\r\n  as=\"style\"\r\n/>\r\n<style>\r\n${typography}\r\n:host {\r\n    --theme-color: ${themeColor || '#001096'};\r\n    --color-active: #001096;\r\n    --color-default: #2d2b2a;\r\n    --color-disabled: #848282;\r\n    --web-digital-blue: #001096;\r\n  }\r\n\r\n  * {\r\n    font-family: \"DM Sans\", sans-serif;\r\n  }\r\n\r\n  [hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  [disabled] {\r\n    cursor: not-allowed !important;\r\n    filter: grayscale(75%);\r\n  }\r\n\r\n  .visually-hidden {\r\n    border: 0;\r\n    clip: rect(1px 1px 1px 1px);\r\n    clip: rect(1px, 1px, 1px, 1px);\r\n    height: auto;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  img {\r\n    height: auto;\r\n    max-width: 100%;\r\n  }\r\n\r\n  video {\r\n    background-color: black;\r\n  }\r\n\r\n  a {\r\n    color: currentColor;\r\n    text-decoration: none;\r\n  }\r\n\r\n  svg {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .color-gray {\r\n    color: #797979;\r\n  }\r\n\r\n  .color-red {\r\n    color: red;\r\n  }\r\n\r\n  .color-richblue {\r\n    color: #4e6577;\r\n  }\r\n\r\n  .color-richblue-shade {\r\n    color: #0e1b42;\r\n  }\r\n\r\n  .color-digital-blue {\r\n    color: var(--web-digital-blue) !important;\r\n  }\r\n\r\n  .color-deep-blue {\r\n    color: #001096;\r\n  }\r\n\r\n  .title-color {\r\n    color: ${themeColor || '#001096'};\r\n  }\r\n  \r\n  .theme-color {\r\n    color: ${themeColor || '#001096'};\r\n  }\r\n\r\n  .center {\r\n    text-align: center;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .font-size-small {\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n  .font-size-large {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  .text-transform-uppercase {\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  [id*=-\"screen\"] {\r\n    min-block-size: 100%;\r\n  }\r\n\r\n  [data-variant~=\"full-width\"] {\r\n    inline-size: 100%;\r\n  }\r\n\r\n  .flow > * + * {\r\n    margin-top: var(--flow-space, 1rem);\r\n  }\r\n\r\n  .button {\r\n    --button-color: ${themeColor || 'var(--active-color)'};\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    border-radius: 2.5rem;\r\n    border: 0;\r\n    background-color: transparent;\r\n    color: #fff;\r\n    cursor: pointer;\r\n    display: block;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    padding: 0.75rem 1.5rem;\r\n    text-align: center;\r\n  }\r\n\r\n  .button:hover,\r\n  .button:focus,\r\n  .button:active {\r\n    --button-color: var(--color-default);\r\n  }\r\n\r\n  .button:disabled {\r\n    --button-color: var(--color-disabled);\r\n  }\r\n\r\n  .button[data-variant~=\"solid\"] {\r\n    background-color: var(--button-color);\r\n    border: 2px solid var(--button-color);\r\n  }\r\n\r\n  .button[data-variant~=\"outline\"] {\r\n    color: var(--button-color);\r\n    border: 2px solid var(--button-color);\r\n  }\r\n\r\n  .button[data-variant~=\"ghost\"] {\r\n    padding: 0px;\r\n    color: var(--button-color);\r\n    background-color: transparent;\r\n  }\r\n\r\n  .icon-btn {\r\n    appearance: none;\r\n    background: none;\r\n    border: none;\r\n    color: hsl(0deg 0% 94%);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px 8px;\r\n  }\r\n  .justify-right {\r\n    justify-content: end !important;\r\n  }\r\n  .nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .back-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .back-button-text {\r\n    font-size: 11px;\r\n    line-height: 11px;\r\n    color: rgb(21, 31, 114);\r\n  }\r\n\r\n\r\n  .selfie-capture-review-image {\r\n    overflow: hidden;\r\n    aspect-ratio: 1/1;\r\n  }\r\n\r\n  #review-image {\r\n    scale: 1.75;\r\n  }\r\n\r\n  @media (max-aspect-ratio: 1/1) {\r\n    #review-image {\r\n      transform: scaleX(-1) translateY(-10%);\r\n    }\r\n  }\r\n\r\n  .tips,\r\n  .powered-by {\r\n    align-items: center;\r\n    border-radius: 0.25rem;\r\n    color: #4e6577;\r\n    display: flex;\r\n    justify-content: center;\r\n    letter-spacing: 0.075em;\r\n  }\r\n\r\n  .powered-by {\r\n    box-shadow: 0px 2.57415px 2.57415px rgba(0, 0, 0, 0.06);\r\n    display: inline-flex;\r\n    font-size: 0.5rem;\r\n  }\r\n\r\n  .tips {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    max-width: 17rem;\r\n  }\r\n\r\n  .tips > * + *,\r\n  .powered-by > * + * {\r\n    display: inline-block;\r\n    margin-left: 0.5em;\r\n  }\r\n\r\n  .powered-by .company {\r\n    color: #18406d;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15rem;\r\n  }\r\n\r\n  .logo-mark {\r\n    background-color: #004071;\r\n    display: inline-block;\r\n    padding: 0.25em 0.5em;\r\n  }\r\n\r\n  .logo-mark svg {\r\n    height: auto;\r\n    justify-self: center;\r\n    width: 0.75em;\r\n  }\r\n\r\n  #document-capture-instructions-screen,\r\n  #back-of-document-capture-instructions-screen {\r\n    box-sizing: border-box;\r\n    height: 100%;\r\n    padding: 1rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-block-size: 100%;\r\n    max-inline-size: 40ch;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  #document-capture-instructions-screen header p {\r\n    margin-block: 0 !important;\r\n  }\r\n\r\n  .description {\r\n    color: var(--neutral-off-black, #2D2B2A);\r\n    text-align: center;\r\n\r\n    /* p */\r\n    font-family: DM Sans;\r\n    font-size: 0.875rem;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 18px;\r\n  }\r\n\r\n  .padding-bottom-2 {\r\n    padding-bottom: 2rem;\r\n  }\r\n\r\n  smart-camera-web, selfie-capture-screens, selfie-capture-instructions, document-capture-screens, document-capture-instructions {\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n  .instructions-wrapper {\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n  }\r\n  \r\n  @media (min-width: 40rem) {\r\n    .instructions-wrapper {\r\n      gap: 1.75rem;\r\n    }\r\n  }\r\n\r\n  .instructions {\r\n    display: flex;\r\n    align-items: center;\r\n    text-align: initial;\r\n    gap: 0.5rem;\r\n  }\r\n\r\n  .instructions svg {\r\n    flex-shrink: 0;\r\n    margin-inline-end: 0.25rem;\r\n  }\r\n\r\n  .instructions p {\r\n    margin-block: 0;\r\n  }\r\n\r\n  .instruction {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n\r\n  .instruction-body {\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n  .instruction-header {\r\n    color: ${themeColor};\r\n  }\r\n\r\n  .flex-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n        transform: translate3d(-50%, -50%, 0) rotate(0deg);\r\n    }\r\n    100% {\r\n        transform: translate3d(-50%, -50%, 0) rotate(360deg);\r\n    }\r\n}\r\n\r\n.spinner {\r\n    animation: 1.5s linear infinite spin;\r\n    animation-play-state: inherit;\r\n    border: solid 5px #cfd0d1;\r\n    border-bottom-color: var(--color-active);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n    display: block;\r\n    height: 25px;\r\n    width: 25px;\r\n    will-change: transform;\r\n    position: relative;\r\n    top: .675rem;\r\n    left: 1.25rem;\r\n    }\r\n\r\n</style>`;\r\n\r\nexport default styles;\r\n"],"names":["typography","styles","themeColor"],"mappings":"AAAA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEbC,IAAS,CACbC,MACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOHF,CAAU;AAAA;AAAA,qBAESE,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aA4E/BA,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA,aAIvBA,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAkCdA,KAAc,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiN5CA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}