idmission-web-sdk 2.3.34 → 2.3.36

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 +75 -71
  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 +75 -71
  12. package/dist/sdk2.esm.js.map +1 -1
  13. package/dist/sdk2.umd.development.js +75 -71
  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 +3 -3
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.36';
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, {
@@ -8065,6 +8062,7 @@ function IdCardBorderSvg(_a) {
8065
8062
  totalLength = _f[0],
8066
8063
  setTotalLength = _f[1];
8067
8064
  var resolvedProgress = progress * totalLength;
8065
+ var scaledBorderRadius = borderRadius * (typeof props.height === 'number' ? props.height / 500 : 1);
8068
8066
  var rectRef = function rectRef(r) {
8069
8067
  try {
8070
8068
  if (isProgressBar && r) setTotalLength(r.getTotalLength());
@@ -8083,16 +8081,16 @@ function IdCardBorderSvg(_a) {
8083
8081
  y: "0",
8084
8082
  width: props.width || '100%',
8085
8083
  height: props.height || '100%',
8086
- rx: borderRadius,
8087
- ry: borderRadius
8084
+ rx: scaledBorderRadius,
8085
+ ry: scaledBorderRadius
8088
8086
  }))), /*#__PURE__*/React__namespace.default.createElement(IdCardBorderRect, {
8089
8087
  ref: rectRef,
8090
8088
  x: "0",
8091
8089
  y: "0",
8092
8090
  width: props.width || '100%',
8093
8091
  height: props.height || '100%',
8094
- rx: borderRadius,
8095
- ry: borderRadius,
8092
+ rx: scaledBorderRadius,
8093
+ ry: scaledBorderRadius,
8096
8094
  clipPath: "url(#round-corner)",
8097
8095
  stroke: borderColor,
8098
8096
  strokeWidth: borderWidth,
@@ -8102,16 +8100,17 @@ function IdCardBorderSvg(_a) {
8102
8100
  className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
8103
8101
  }));
8104
8102
  }
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) {
8103
+ 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);
8104
+ 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"])));
8105
+ 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"])));
8106
+ 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
8107
  var _a;
8109
8108
  return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
8110
8109
  }, function (props) {
8111
8110
  var _a;
8112
8111
  return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
8113
8112
  });
8114
- var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
8113
+ var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a, templateObject_6$7;
8115
8114
 
8116
8115
  var defaultIdCaptureGuideImages = {
8117
8116
  portrait: {
@@ -8294,6 +8293,53 @@ var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(temp
8294
8293
  });
8295
8294
  var templateObject_1$z;
8296
8295
 
8296
+ var GuideOrientationContext = /*#__PURE__*/React.createContext({
8297
+ orientation: 'landscape',
8298
+ wrapperWidth: 1,
8299
+ wrapperHeight: 1,
8300
+ wrapperAspectRatio: 0,
8301
+ imageAspectRatio: 0,
8302
+ wrapperRef: null,
8303
+ setImageAspectRatio: function setImageAspectRatio() {
8304
+ return null;
8305
+ }
8306
+ });
8307
+ function GuideOrientationContextProvider(_a) {
8308
+ var children = _a.children;
8309
+ var _b = React.useState(1),
8310
+ imageAspectRatio = _b[0],
8311
+ setImageAspectRatio = _b[1];
8312
+ var _c = useResizeObserver(),
8313
+ wrapperRef = _c.ref,
8314
+ _d = _c.width,
8315
+ wrapperWidth = _d === void 0 ? 1 : _d,
8316
+ _e = _c.height,
8317
+ wrapperHeight = _e === void 0 ? 1 : _e;
8318
+ var wrapperAspectRatio = React.useMemo(function () {
8319
+ return wrapperWidth / wrapperHeight;
8320
+ }, [wrapperHeight, wrapperWidth]);
8321
+ var orientation = 'landscape'; //width > height ? 'landscape' : 'portrait'
8322
+ var value = React.useMemo(function () {
8323
+ return {
8324
+ orientation: orientation,
8325
+ wrapperWidth: wrapperWidth,
8326
+ wrapperHeight: wrapperHeight,
8327
+ wrapperAspectRatio: wrapperAspectRatio,
8328
+ imageAspectRatio: imageAspectRatio,
8329
+ setImageAspectRatio: setImageAspectRatio,
8330
+ wrapperRef: wrapperRef
8331
+ };
8332
+ }, [imageAspectRatio, wrapperAspectRatio, wrapperHeight, wrapperRef, wrapperWidth]);
8333
+ return /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContext.Provider, {
8334
+ value: value
8335
+ }, children);
8336
+ }
8337
+ function useGuideOrientationContext() {
8338
+ var ctx = React.useContext(GuideOrientationContext);
8339
+ if (!ctx) throw new Error('useGuideOrientationContext cannot be used without GuideOrientationContextProvider');
8340
+ return ctx;
8341
+ }
8342
+
8297
8343
  var FlipIdPrompt = function FlipIdPrompt(_a) {
8298
8344
  var _b = _a.images,
8299
8345
  images = _b === void 0 ? defaultIdCaptureGuideImages : _b,
@@ -8311,6 +8357,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8311
8357
  portraitGuidesOnMobile = _g === void 0 ? true : _g,
8312
8358
  _h = _a.classNames,
8313
8359
  classNames = _h === void 0 ? {} : _h;
8360
+ var imageAspectRatio = useGuideOrientationContext().imageAspectRatio;
8314
8361
  var orientation = getOrientation(portraitGuidesOnMobile);
8315
8362
  var _j = React.useState(1),
8316
8363
  transitionTime = _j[0],
@@ -8347,6 +8394,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8347
8394
  borderRadius: borderRadius,
8348
8395
  "$transforms": frontTransforms.join(' '),
8349
8396
  "$transitionTime": transitionTime,
8397
+ aspectRatio: imageAspectRatio,
8350
8398
  "$isVisible": true
8351
8399
  }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
8352
8400
  alt: "",
@@ -8362,6 +8410,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8362
8410
  borderRadius: borderRadius,
8363
8411
  "$transforms": backTransforms.join(' '),
8364
8412
  "$transitionTime": transitionTime,
8413
+ aspectRatio: imageAspectRatio,
8365
8414
  "$isVisible": true
8366
8415
  }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
8367
8416
  alt: "",
@@ -8372,53 +8421,6 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
8372
8421
  })));
8373
8422
  };
8374
8423
 
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
8424
  var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
8423
8425
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
8424
8426
  var _s = _a.classNames,
@@ -8470,8 +8472,10 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
8470
8472
  var currentImage = images[orientation][requestedAction === 'FLIP_ID' ? 'SHOW_ID_FRONT' : requestedAction];
8471
8473
  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
8474
  var centerRegionMinWidth = imageAspectRatio >= wrapperAspectRatio ? wrapperWidth - paddingAndBorderPx : undefined;
8473
- function onImageLoaded() {
8475
+ React.useEffect(function () {
8474
8476
  setImageAspectRatio(currentImage.width / currentImage.height);
8477
+ }, [currentImage.height, currentImage.width, setImageAspectRatio]);
8478
+ function onImageLoaded() {
8475
8479
  dispatchIdCaptureAction({
8476
8480
  type: 'guideImageLoaded',
8477
8481
  payload: {
@@ -8537,8 +8541,8 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
8537
8541
  portraitGuidesOnMobile: portraitGuidesOnMobile,
8538
8542
  isMirrored: isMirrored,
8539
8543
  classNames: classNames.flipIdPrompt,
8540
- width: currentImage.width,
8541
- height: currentImage.height
8544
+ width: innerWidth,
8545
+ height: innerHeight
8542
8546
  }))))), /*#__PURE__*/React__namespace.default.createElement(Spacer, {
8543
8547
  "$maskColor": maskColor,
8544
8548
  "$minWidth": padding,