idmission-web-sdk 2.3.34 → 2.3.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/components/id_capture/FlipIdPrompt.d.ts.map +1 -1
  2. package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts.map +1 -1
  3. package/dist/components/id_capture/IdCaptureGuidesCommon.d.ts +3 -1
  4. package/dist/components/id_capture/IdCaptureGuidesCommon.d.ts.map +1 -1
  5. package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts +1 -0
  6. package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts.map +1 -1
  7. package/dist/sdk2.cjs.development.js +70 -67
  8. package/dist/sdk2.cjs.development.js.map +1 -1
  9. package/dist/sdk2.cjs.production.js +1 -1
  10. package/dist/sdk2.cjs.production.js.map +1 -1
  11. package/dist/sdk2.esm.js +70 -67
  12. package/dist/sdk2.esm.js.map +1 -1
  13. package/dist/sdk2.umd.development.js +70 -67
  14. package/dist/sdk2.umd.development.js.map +1 -1
  15. package/dist/sdk2.umd.production.js +1 -1
  16. package/dist/sdk2.umd.production.js.map +1 -1
  17. package/dist/version.d.ts +1 -1
  18. package/package.json +1 -1
package/dist/components/id_capture/FlipIdPrompt.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FlipIdPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/FlipIdPrompt.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAG5D,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAExB,MAAM,MAAM,sBAAsB,GAAG;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,wBAAwB,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,QAAQ,CAAC,EAAE,oBAAoB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,YAAY,uHAUtB,iBAAiB,KAAG,YAyEtB,CAAA"}
1
+ {"version":3,"file":"FlipIdPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/FlipIdPrompt.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAG5D,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAGxB,MAAM,MAAM,sBAAsB,GAAG;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,wBAAwB,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,QAAQ,CAAC,EAAE,oBAAoB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,YAAY,uHAUtB,iBAAiB,KAAG,YA4EtB,CAAA"}
package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IdCaptureGuideOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureGuideOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,EAGL,iBAAiB,EAClB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAgB,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAErE,OAAO,EAGL,oBAAoB,EAErB,MAAM,iBAAiB,CAAA;AAGxB,MAAM,MAAM,+BAA+B,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,sBAAsB,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,CAAC,EAAE,+BAA+B,CAAA;IAC5C,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACnC,eAAe,CAAC,EAAE,oBAAoB,CAAA;IACtC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,SAAS,GACT,cAAc,GACd,eAAe,CAAA;AAEnB,eAAO,MAAM,qBAAqB,2TAmB/B,0BAA0B,KAAG,YAsJ/B,CAAA;AAkBD,eAAO,MAAM,eAAe,yMAK3B,CAAA;AAED,eAAO,MAAM,cAAc,yMAW1B,CAAA;AAED,eAAO,MAAM,WAAW;gBACV,MAAM;iBACL,MAAM;iBACN,MAAM;YAiBpB,CAAA;AAED,eAAO,MAAM,MAAM;gBArBL,MAAM;iBACL,MAAM;iBACN,MAAM;;;mBAsBpB,CAAA;AAED,eAAO,MAAM,iBAAiB;gBAChB,MAAM;kBACJ,OAAO;YAUtB,CAAA;AAED,eAAO,MAAM,iBAAiB;kBACd,MAAM;mBACL,MAAM;eACV,MAAM;YAalB,CAAA;AAED,eAAO,MAAM,SAAS,2MAIrB,CAAA;AAED,eAAO,MAAM,gBAAgB;mBAA+B,OAAO;YASlE,CAAA"}
1
+ {"version":3,"file":"IdCaptureGuideOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureGuideOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAa,MAAM,OAAO,CAAA;AAItD,OAAO,EAGL,iBAAiB,EAClB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAgB,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAErE,OAAO,EAGL,oBAAoB,EAErB,MAAM,iBAAiB,CAAA;AAGxB,MAAM,MAAM,+BAA+B,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,sBAAsB,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,CAAC,EAAE,+BAA+B,CAAA;IAC5C,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACnC,eAAe,CAAC,EAAE,oBAAoB,CAAA;IACtC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,SAAS,GACT,cAAc,GACd,eAAe,CAAA;AAEnB,eAAO,MAAM,qBAAqB,2TAmB/B,0BAA0B,KAAG,YAyJ/B,CAAA;AAkBD,eAAO,MAAM,eAAe,yMAK3B,CAAA;AAED,eAAO,MAAM,cAAc,yMAW1B,CAAA;AAED,eAAO,MAAM,WAAW;gBACV,MAAM;iBACL,MAAM;iBACN,MAAM;YAiBpB,CAAA;AAED,eAAO,MAAM,MAAM;gBArBL,MAAM;iBACL,MAAM;iBACN,MAAM;;;mBAsBpB,CAAA;AAED,eAAO,MAAM,iBAAiB;gBAChB,MAAM;kBACJ,OAAO;YAUtB,CAAA;AAED,eAAO,MAAM,iBAAiB;kBACd,MAAM;mBACL,MAAM;eACV,MAAM;YAalB,CAAA;AAED,eAAO,MAAM,SAAS,2MAIrB,CAAA;AAED,eAAO,MAAM,gBAAgB;mBAA+B,OAAO;YASlE,CAAA"}
package/dist/components/id_capture/IdCaptureGuidesCommon.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { CSSProperties } from 'react';
2
2
  export declare const IdCardGuideImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.HTMLAttributes<HTMLDivElement> & {
3
3
  status?: IdCardGuideStatus;
4
4
  borderWidth?: number | string;
@@ -6,6 +6,7 @@ export declare const IdCardGuideImageContainer: import("styled-components/dist/t
6
6
  borderColor?: string;
7
7
  aspectRatio?: number;
8
8
  progress?: number;
9
+ style?: CSSProperties;
9
10
  }, {
10
11
  $isVisible?: boolean;
11
12
  aspectRatio?: number | string;
@@ -22,6 +23,7 @@ declare function IdCardBorder({ children, status, borderWidth, borderRadius, bor
22
23
  borderColor?: string;
23
24
  aspectRatio?: number;
24
25
  progress?: number;
26
+ style?: CSSProperties;
25
27
  }): React.JSX.Element;
26
28
  export {};
27
29
  //# sourceMappingURL=IdCaptureGuidesCommon.d.ts.map
package/dist/components/id_capture/IdCaptureGuidesCommon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IdCaptureGuidesCommon.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureGuidesCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAM5D,eAAO,MAAM,yBAAyB;aA+B3B,iBAAiB;kBACZ,MAAM,GAAG,MAAM;mBACd,MAAM;kBACP,MAAM;kBACN,MAAM;eACT,MAAM;;iBAnCJ,OAAO;kBACN,MAAM,GAAG,MAAM;6EAK9B,CAAA;AAED,eAAO,MAAM,gBAAgB;kBACb,OAAO;mBACN,OAAO;YAMvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAA;AAElE,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,MAAgB,EAChB,WAAgB,EAChB,YAAiB,EACjB,WAAqB,EACrB,WAAe,EACf,QAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,qBA6FA"}
1
+ {"version":3,"file":"IdCaptureGuidesCommon.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureGuidesCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAiC,MAAM,OAAO,CAAA;AAM3E,eAAO,MAAM,yBAAyB;aA+B3B,iBAAiB;kBACZ,MAAM,GAAG,MAAM;mBACd,MAAM;kBACP,MAAM;kBACN,MAAM;eACT,MAAM;YACT,aAAa;;iBApCR,OAAO;kBACN,MAAM,GAAG,MAAM;6EAK9B,CAAA;AAED,eAAO,MAAM,gBAAgB;kBACb,OAAO;mBACN,OAAO;YAMvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAA;AAElE,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,MAAgB,EAChB,WAAgB,EAChB,YAAiB,EACjB,WAAqB,EACrB,WAAe,EACf,QAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,qBAoFA"}
package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts CHANGED
@@ -22,6 +22,7 @@ export declare const FlipImageContainer: import("styled-components/dist/types").
22
22
  borderColor?: string;
23
23
  aspectRatio?: number;
24
24
  progress?: number;
25
+ style?: CSSProperties;
25
26
  }, "aspectRatio" | "$isVisible"> & {
26
27
  $isVisible?: boolean;
27
28
  aspectRatio?: number | string;
package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IdVideoCaptureFlipIdPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/video_id/IdVideoCaptureFlipIdPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAA;AAM/E,OAAO,EAEL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAGxB,MAAM,MAAM,oCAAoC,GAAG;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,UAAU,CAAC,EAAE,oCAAoC,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,aAAa,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,0BAA0B,8FAOpC,+BAA+B,KAAG,YAwEpC,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;iBAChB,MAAM;qBACF,MAAM;YAWxB,CAAA"}
1
+ {"version":3,"file":"IdVideoCaptureFlipIdPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/video_id/IdVideoCaptureFlipIdPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAA;AAM/E,OAAO,EAEL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAGxB,MAAM,MAAM,oCAAoC,GAAG;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,UAAU,CAAC,EAAE,oCAAoC,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,aAAa,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,0BAA0B,8FAOpC,+BAA+B,KAAG,YAwEpC,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;iBAChB,MAAM;qBACF,MAAM;YAWxB,CAAA"}
package/dist/sdk2.cjs.development.js CHANGED
@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
235
235
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
236
236
  };
237
237
 
238
- var webSdkVersion = '2.3.34';
238
+ var webSdkVersion = '2.3.35';
239
239
 
240
240
  function getPlatform() {
241
241
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -506,7 +506,7 @@ var OverlayInner$2 = styled__default.default.div(templateObject_2$D || (template
506
506
  var OverlayImageContainer = styled__default.default.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
507
507
  var OverlayImageRow = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
508
508
  var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
509
- var ButtonsColumn = styled__default.default.div(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
509
+ var ButtonsColumn = styled__default.default.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
510
510
  var WideButton = styled__default.default(LoaderButton)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
511
511
  var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
512
512
  var _a, _b;
@@ -545,7 +545,7 @@ var LoadingOverlayLoadingListItem = styled__default.default.li(templateObject_19
545
545
  var LoadingOverlayProgressContainer = styled__default.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
546
546
  var LoadingOverlayCustomLoadingGraphic = styled__default.default.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
547
547
  var LoadingOverlayContinueButtonContainer = styled__default.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
548
- var templateObject_1$M, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$9, templateObject_7$6, templateObject_8$4, templateObject_9$3, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
548
+ var templateObject_1$M, templateObject_2$D, templateObject_3$r, templateObject_4$l, templateObject_5$e, templateObject_6$a, templateObject_7$6, templateObject_8$4, templateObject_9$3, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
549
549
 
550
550
  var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
551
551
  var accessBlockedImageUrl = _a.accessBlockedImageUrl;
@@ -7613,7 +7613,7 @@ var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObj
7613
7613
  var _a, _b, _c, _d, _e, _f;
7614
7614
  return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
7615
7615
  });
7616
- var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
7616
+ var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
7617
7617
  var _a, _b, _c, _d;
7618
7618
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
7619
7619
  }, function (props) {
@@ -7643,7 +7643,7 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$3
7643
7643
  var _a, _b, _c, _d;
7644
7644
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnDisabledBorder) !== null && _d !== void 0 ? _d : 'none';
7645
7645
  });
7646
- var templateObject_1$E, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$8, templateObject_7$5, templateObject_8$3;
7646
+ var templateObject_1$E, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$5, templateObject_8$3;
7647
7647
 
7648
7648
  var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
7649
7649
  var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
@@ -7894,8 +7894,8 @@ var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObj
7894
7894
  var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
7895
7895
  var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
7896
7896
  var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
7897
- var DebugPre = styled__default.default.pre(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
7898
- var templateObject_1$B, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$7;
7897
+ var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
7898
+ var templateObject_1$B, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$8;
7899
7899
 
7900
7900
  function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
7901
7901
  var _this = this;
@@ -7994,15 +7994,12 @@ function IdCardBorder(_a) {
7994
7994
  var progressBarIndicatorColor = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.progressBarIndicatorColor) !== null && _o !== void 0 ? _o : '#287ec6';
7995
7995
  var progressBarWidth = (_r = (_q = (_p = theme.idCapture) === null || _p === void 0 ? void 0 : _p.guideBox) === null || _q === void 0 ? void 0 : _q.progressBarWidth) !== null && _r !== void 0 ? _r : borderWidth;
7996
7996
  return /*#__PURE__*/React__namespace.default.createElement(IdCardBorderContainer, _assign({}, props, {
7997
- style: {
7997
+ style: _assign(_assign({}, props.style), {
7998
7998
  aspectRatio: aspectRatio
7999
- }
8000
- }), /*#__PURE__*/React__namespace.default.createElement("div", {
7999
+ })
8000
+ }), /*#__PURE__*/React__namespace.default.createElement(IdCardBorderInner, {
8001
8001
  ref: ref,
8002
8002
  style: {
8003
- maxHeight: '100%',
8004
- maxWidth: '100%',
8005
- display: 'flex',
8006
8003
  aspectRatio: aspectRatio
8007
8004
  }
8008
8005
  }, children), status === 'ready' && !wavesDisabled && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(IdCardBorderSvg, {
@@ -8102,16 +8099,17 @@ function IdCardBorderSvg(_a) {
8102
8099
  className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
8103
8100
  }));
8104
8101
  }
8105
- var IdCardBorderContainer = styled__default.default.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n max-width: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n max-width: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
8106
- var SvgOverlay = styled__default.default.svg(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
8107
- var IdCardBorderRect = styled__default.default.rect(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
8102
+ var IdCardBorderContainer = styled__default.default.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"], ["\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n"])), wavesAnimation);
8103
+ var IdCardBorderInner = styled__default.default.div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n max-height: 100%;\n max-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
8104
+ var SvgOverlay = styled__default.default.svg(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n"])));
8105
+ var IdCardBorderRect = styled__default.default.rect(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"], ["\n &.idmSdkProgressBorder {\n animation: ", " ", "\n ", ";\n }\n\n &.idmSdkProgressPaused {\n animation-play-state: paused;\n }\n"])), progressBorderAnimation, function (props) {
8108
8106
  var _a;
8109
8107
  return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
8110
8108
  }, function (props) {
8111
8109
  var _a;
8112
8110
  return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
8113
8111
  });
8114
- var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
8112
+ var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a, templateObject_6$7;
8115
8113
 
8116
8114
  var defaultIdCaptureGuideImages = {
8117
8115
  portrait: {
@@ -8294,6 +8292,53 @@ var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(temp
8294
8292
  });
8295
8293
  var templateObject_1$z;
8296
8294
 
8295
+ var GuideOrientationContext = /*#__PURE__*/React.createContext({
8296
+ orientation: 'landscape',
8297
+ wrapperWidth: 1,
8298
+ wrapperHeight: 1,
8299
+ wrapperAspectRatio: 0,
8300
+ imageAspectRatio: 0,
8301
+ wrapperRef: null,
8302
+ setImageAspectRatio: function setImageAspectRatio() {
8303
+ return null;
8304
+ }
8305
+ });
8306
+ function GuideOrientationContextProvider(_a) {
8307
+ var children = _a.children;
8308
+ var _b = React.useState(1),
8309
+ imageAspectRatio = _b[0],
8310
+ setImageAspectRatio = _b[1];
8311
+ var _c = useResizeObserver(),
8312
+ wrapperRef = _c.ref,
8313
+ _d = _c.width,
8314
+ wrapperWidth = _d === void 0 ? 1 : _d,
8315
+ _e = _c.height,
8316
+ wrapperHeight = _e === void 0 ? 1 : _e;
8317
+ var wrapperAspectRatio = React.useMemo(function () {
8318
+ return wrapperWidth / wrapperHeight;
8319
+ }, [wrapperHeight, wrapperWidth]);
8320
+ var orientation = 'landscape'; //width > height ? 'landscape' : 'portrait'
8321
+ var value = React.useMemo(function () {
8322
+ return {
8323
+ orientation: orientation,
8324
+ wrapperWidth: wrapperWidth,
8325
+ wrapperHeight: wrapperHeight,
8326
+ wrapperAspectRatio: wrapperAspectRatio,
8327
+ imageAspectRatio: imageAspectRatio,
8328
+ setImageAspectRatio: setImageAspectRatio,
8329
+ wrapperRef: wrapperRef
8330
+ };
8331
+ }, [imageAspectRatio, wrapperAspectRatio, wrapperHeight, wrapperRef, wrapperWidth]);
8332
+ return /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContext.Provider, {
8333
+ value: value
8334
+ }, children);
8335
+ }
8336
+ function useGuideOrientationContext() {
8337
+ var ctx = React.useContext(GuideOrientationContext);
8338
+ if (!ctx) throw new Error('useGuideOrientationContext cannot be used without GuideOrientationContextProvider');
8339
+ return ctx;
8340
+ }
8341
+
8297
8342
  var FlipIdPrompt = function FlipIdPrompt(_a) {
8298
8343
  var _b = _a.images,
8299
8344
  images = _b === void 0 ? defaultIdCaptureGuideImages : _b,
@@ -8311,6 +8356,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8311
8356
  portraitGuidesOnMobile = _g === void 0 ? true : _g,
8312
8357
  _h = _a.classNames,
8313
8358
  classNames = _h === void 0 ? {} : _h;
8359
+ var imageAspectRatio = useGuideOrientationContext().imageAspectRatio;
8314
8360
  var orientation = getOrientation(portraitGuidesOnMobile);
8315
8361
  var _j = React.useState(1),
8316
8362
  transitionTime = _j[0],
@@ -8347,6 +8393,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8347
8393
  borderRadius: borderRadius,
8348
8394
  "$transforms": frontTransforms.join(' '),
8349
8395
  "$transitionTime": transitionTime,
8396
+ aspectRatio: imageAspectRatio,
8350
8397
  "$isVisible": true
8351
8398
  }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
8352
8399
  alt: "",
@@ -8362,6 +8409,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8362
8409
  borderRadius: borderRadius,
8363
8410
  "$transforms": backTransforms.join(' '),
8364
8411
  "$transitionTime": transitionTime,
8412
+ aspectRatio: imageAspectRatio,
8365
8413
  "$isVisible": true
8366
8414
  }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
8367
8415
  alt: "",
@@ -8372,53 +8420,6 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8372
8420
  })));
8373
8421
  };
8374
8422
 
8375
- var GuideOrientationContext = /*#__PURE__*/React.createContext({
8376
- orientation: 'landscape',
8377
- wrapperWidth: 1,
8378
- wrapperHeight: 1,
8379
- wrapperAspectRatio: 0,
8380
- imageAspectRatio: 0,
8381
- wrapperRef: null,
8382
- setImageAspectRatio: function setImageAspectRatio() {
8383
- return null;
8384
- }
8385
- });
8386
- function GuideOrientationContextProvider(_a) {
8387
- var children = _a.children;
8388
- var _b = React.useState(1),
8389
- imageAspectRatio = _b[0],
8390
- setImageAspectRatio = _b[1];
8391
- var _c = useResizeObserver(),
8392
- wrapperRef = _c.ref,
8393
- _d = _c.width,
8394
- wrapperWidth = _d === void 0 ? 1 : _d,
8395
- _e = _c.height,
8396
- wrapperHeight = _e === void 0 ? 1 : _e;
8397
- var wrapperAspectRatio = React.useMemo(function () {
8398
- return wrapperWidth / wrapperHeight;
8399
- }, [wrapperHeight, wrapperWidth]);
8400
- var orientation = 'landscape'; //width > height ? 'landscape' : 'portrait'
8401
- var value = React.useMemo(function () {
8402
- return {
8403
- orientation: orientation,
8404
- wrapperWidth: wrapperWidth,
8405
- wrapperHeight: wrapperHeight,
8406
- wrapperAspectRatio: wrapperAspectRatio,
8407
- imageAspectRatio: imageAspectRatio,
8408
- setImageAspectRatio: setImageAspectRatio,
8409
- wrapperRef: wrapperRef
8410
- };
8411
- }, [imageAspectRatio, wrapperAspectRatio, wrapperHeight, wrapperRef, wrapperWidth]);
8412
- return /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContext.Provider, {
8413
- value: value
8414
- }, children);
8415
- }
8416
- function useGuideOrientationContext() {
8417
- var ctx = React.useContext(GuideOrientationContext);
8418
- if (!ctx) throw new Error('useGuideOrientationContext cannot be used without GuideOrientationContextProvider');
8419
- return ctx;
8420
- }
8421
-
8422
8423
  var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
8423
8424
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
8424
8425
  var _s = _a.classNames,
@@ -8470,8 +8471,10 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
8470
8471
  var currentImage = images[orientation][requestedAction === 'FLIP_ID' ? 'SHOW_ID_FRONT' : requestedAction];
8471
8472
  var imagePadding = userSuppliedImagePadding !== null && userSuppliedImagePadding !== void 0 ? userSuppliedImagePadding : isMobile() ? (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.mobileImagePadding) !== null && _o !== void 0 ? _o : 0 : (_r = (_q = (_p = theme.idCapture) === null || _p === void 0 ? void 0 : _p.guideBox) === null || _q === void 0 ? void 0 : _q.imagePadding) !== null && _r !== void 0 ? _r : 50;
8472
8473
  var centerRegionMinWidth = imageAspectRatio >= wrapperAspectRatio ? wrapperWidth - paddingAndBorderPx : undefined;
8473
- function onImageLoaded() {
8474
+ React.useEffect(function () {
8474
8475
  setImageAspectRatio(currentImage.width / currentImage.height);
8476
+ }, [currentImage.height, currentImage.width, setImageAspectRatio]);
8477
+ function onImageLoaded() {
8475
8478
  dispatchIdCaptureAction({
8476
8479
  type: 'guideImageLoaded',
8477
8480
  payload: {
@@ -8537,8 +8540,8 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
8537
8540
  portraitGuidesOnMobile: portraitGuidesOnMobile,
8538
8541
  isMirrored: isMirrored,
8539
8542
  classNames: classNames.flipIdPrompt,
8540
- width: currentImage.width,
8541
- height: currentImage.height
8543
+ width: innerWidth,
8544
+ height: innerHeight
8542
8545
  }))))), /*#__PURE__*/React__namespace.default.createElement(Spacer, {
8543
8546
  "$maskColor": maskColor,
8544
8547
  "$minWidth": padding,