idmission-web-sdk 2.3.33 → 2.3.35

package/dist/components/GuideOrientationContextProvider.d.ts

@@ -1,16 +1,12 @@
-import React, { ReactElement, ReactNode, RefCallback, SyntheticEvent } from 'react';
+import React, { ReactElement, ReactNode, RefCallback } from 'react';
 export type GuideOrientationState = {
     orientation: 'portrait' | 'landscape';
     wrapperWidth: number;
     wrapperHeight: number;
     wrapperAspectRatio: number;
     imageAspectRatio: number;
+    setImageAspectRatio: (n: number) => void;
     wrapperRef: RefCallback<HTMLDivElement>;
-    setDimensions: (dimensions: {
-        width: number;
-        height: number;
-    }) => void;
-    onImageLoaded: (e: SyntheticEvent) => void;
 };
 export declare const GuideOrientationContext: React.Context<GuideOrientationState>;
 export default function GuideOrientationContextProvider({ children, }: {

package/dist/components/GuideOrientationContextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuideOrientationContextProvider.d.ts","sourceRoot":"","sources":["../../src/components/GuideOrientationContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,cAAc,EAKf,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,UAAU,GAAG,WAAW,CAAA;IACrC,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IACvC,aAAa,EAAE,CAAC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACtE,aAAa,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,uBAAuB,sCASlC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,YAAY,CA+Cf;AAED,wBAAgB,0BAA0B,IAAI,qBAAqB,CAOlE"}
+{"version":3,"file":"GuideOrientationContextProvider.d.ts","sourceRoot":"","sources":["../../src/components/GuideOrientationContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,EACT,WAAW,EAIZ,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,UAAU,GAAG,WAAW,CAAA;IACrC,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,uBAAuB,sCAQlC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,YAAY,CAsCf;AAED,wBAAgB,0BAA0B,IAAI,qBAAqB,CAOlE"}

package/dist/components/id_capture/FlipIdPrompt.d.ts.map

@@ -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;AAI5D,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,YA4EtB,CAAA"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"IdCaptureGuideOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/id_capture/IdCaptureGuideOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAMb,MAAM,OAAO,CAAA;AAId,OAAO,EAGL,iBAAiB,EAClB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAgB,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAErE,OAAO,EAGL,oBAAoB,EAErB,MAAM,iBAAiB,CAAA;AAExB,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,YAgN/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;YAYlB,CAAA;AAED,eAAO,MAAM,SAAS,2MAIrB,CAAA;AAED,eAAO,MAAM,gBAAgB;mBAA+B,OAAO;YAOlE,CAAA"}
+{"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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 export declare const IdCardGuideImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.HTMLAttributes<HTMLDivElement> & {
     status?: IdCardGuideStatus;
     borderWidth?: number | string;
@@ -6,6 +6,7 @@ export declare const IdCardGuideImageContainer: import("styled-components/dist/t
     borderColor?: string;
     aspectRatio?: number;
     progress?: number;
+    style?: CSSProperties;
 }, {
     $isVisible?: boolean;
     aspectRatio?: number | string;
@@ -22,6 +23,7 @@ declare function IdCardBorder({ children, status, borderWidth, borderRadius, bor
     borderColor?: string;
     aspectRatio?: number;
     progress?: number;
+    style?: CSSProperties;
 }): React.JSX.Element;
 export {};
 //# sourceMappingURL=IdCaptureGuidesCommon.d.ts.map

package/dist/components/id_capture/IdCaptureGuidesCommon.d.ts.map

@@ -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"}
+{"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

@@ -22,6 +22,7 @@ export declare const FlipImageContainer: import("styled-components/dist/types").
     borderColor?: string;
     aspectRatio?: number;
     progress?: number;
+    style?: CSSProperties;
 }, "aspectRatio" | "$isVisible"> & {
     $isVisible?: boolean;
     aspectRatio?: number | string;

package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts.map

@@ -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"}
+{"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

@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.33';
+var webSdkVersion = '2.3.35';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -506,7 +506,7 @@ var OverlayInner$2 = styled__default.default.div(templateObject_2$D || (template
 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"])));
 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"])));
 var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n  background: #f7f6fb;\n"], ["\n  background: #f7f6fb;\n"])));
-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"])));
+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"])));
 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"])));
 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) {
   var _a, _b;
@@ -545,7 +545,7 @@ var LoadingOverlayLoadingListItem = styled__default.default.li(templateObject_19
 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"])));
 var LoadingOverlayCustomLoadingGraphic = styled__default.default.img(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
 var LoadingOverlayContinueButtonContainer = styled__default.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-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;
+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;
 
 var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
   var accessBlockedImageUrl = _a.accessBlockedImageUrl;
@@ -7613,7 +7613,7 @@ var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObj
   var _a, _b, _c, _d, _e, _f;
   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, ";") : '';
 });
-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) {
+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) {
   var _a, _b, _c, _d;
   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)';
 }, function (props) {
@@ -7643,7 +7643,7 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$3
   var _a, _b, _c, _d;
   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';
 });
-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;
+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;
 
 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"])));
 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
 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"])));
 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"])));
 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"])));
-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"])));
-var templateObject_1$B, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$7;
+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"])));
+var templateObject_1$B, templateObject_2$u, templateObject_3$l, templateObject_4$f, templateObject_5$b, templateObject_6$8;
 
 function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
   var _this = this;
@@ -7993,12 +7993,13 @@ function IdCardBorder(_a) {
   var progressBarColor = (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.progressBarColor) !== null && _k !== void 0 ? _k : borderColor;
   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';
   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;
-  return /*#__PURE__*/React__namespace.default.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React__namespace.default.createElement("div", {
+  return /*#__PURE__*/React__namespace.default.createElement(IdCardBorderContainer, _assign({}, props, {
+    style: _assign(_assign({}, props.style), {
+      aspectRatio: aspectRatio
+    })
+  }), /*#__PURE__*/React__namespace.default.createElement(IdCardBorderInner, {
     ref: ref,
     style: {
-      maxHeight: '100%',
-      maxWidth: '100%',
-      display: 'flex',
       aspectRatio: aspectRatio
     }
   }, children), status === 'ready' && !wavesDisabled && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(IdCardBorderSvg, {
@@ -8098,16 +8099,17 @@ function IdCardBorderSvg(_a) {
     className: isProgressBar ? "idmSdkProgressBorder ".concat(progressPaused ? 'idmSdkProgressPaused' : '') : ''
   }));
 }
-var IdCardBorderContainer = styled__default.default.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  max-width: 100%;\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  & > .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);
-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"])));
-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) {
+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);
+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"])));
+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"])));
+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) {
   var _a;
   return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
 }, function (props) {
   var _a;
   return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
 });
-var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a;
+var templateObject_1$A, templateObject_2$t, templateObject_3$k, templateObject_4$e, templateObject_5$a, templateObject_6$7;
 
 var defaultIdCaptureGuideImages = {
   portrait: {
@@ -8297,19 +8299,12 @@ var GuideOrientationContext = /*#__PURE__*/React.createContext({
   wrapperAspectRatio: 0,
   imageAspectRatio: 0,
   wrapperRef: null,
-  setDimensions: function setDimensions() {
-    return null;
-  },
-  onImageLoaded: function onImageLoaded() {
+  setImageAspectRatio: function setImageAspectRatio() {
     return null;
   }
 });
 function GuideOrientationContextProvider(_a) {
   var children = _a.children;
-  var setDimensions = React.useState({
-    width: 1,
-    height: 1
-  })[1];
   var _b = React.useState(1),
     imageAspectRatio = _b[0],
     setImageAspectRatio = _b[1];
@@ -8322,10 +8317,6 @@ function GuideOrientationContextProvider(_a) {
   var wrapperAspectRatio = React.useMemo(function () {
     return wrapperWidth / wrapperHeight;
   }, [wrapperHeight, wrapperWidth]);
-  var onImageLoaded = React.useCallback(function (e) {
-    var img = e.target;
-    setImageAspectRatio(img.naturalWidth / img.naturalHeight);
-  }, []);
   var orientation = 'landscape'; //width > height ? 'landscape' : 'portrait'
   var value = React.useMemo(function () {
     return {
@@ -8334,11 +8325,10 @@ function GuideOrientationContextProvider(_a) {
       wrapperHeight: wrapperHeight,
       wrapperAspectRatio: wrapperAspectRatio,
       imageAspectRatio: imageAspectRatio,
-      setDimensions: setDimensions,
-      wrapperRef: wrapperRef,
-      onImageLoaded: onImageLoaded
+      setImageAspectRatio: setImageAspectRatio,
+      wrapperRef: wrapperRef
     };
-  }, [imageAspectRatio, onImageLoaded, setDimensions, wrapperAspectRatio, wrapperHeight, wrapperRef, wrapperWidth]);
+  }, [imageAspectRatio, wrapperAspectRatio, wrapperHeight, wrapperRef, wrapperWidth]);
   return /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContext.Provider, {
     value: value
   }, children);
@@ -8366,7 +8356,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
     portraitGuidesOnMobile = _g === void 0 ? true : _g,
     _h = _a.classNames,
     classNames = _h === void 0 ? {} : _h;
-  var onImageLoaded = useGuideOrientationContext().onImageLoaded;
+  var imageAspectRatio = useGuideOrientationContext().imageAspectRatio;
   var orientation = getOrientation(portraitGuidesOnMobile);
   var _j = React.useState(1),
     transitionTime = _j[0],
@@ -8403,12 +8393,12 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
     borderRadius: borderRadius,
     "$transforms": frontTransforms.join(' '),
     "$transitionTime": transitionTime,
+    aspectRatio: imageAspectRatio,
     "$isVisible": true
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
     alt: "",
     src: images[orientation].SHOW_ID_FRONT.url,
     className: classNames.frontImage,
-    onLoad: onImageLoaded,
     width: width,
     height: height
   })), /*#__PURE__*/React__namespace.default.createElement(FlipImageContainer, {
@@ -8419,6 +8409,7 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
     borderRadius: borderRadius,
     "$transforms": backTransforms.join(' '),
     "$transitionTime": transitionTime,
+    aspectRatio: imageAspectRatio,
     "$isVisible": true
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
     alt: "",
@@ -8430,66 +8421,49 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
 };
 
 var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-  var _u = _a.classNames,
-    classNames = _u === void 0 ? {} : _u,
-    _v = _a.images,
-    userSuppliedImages = _v === void 0 ? defaultIdCaptureGuideImages : _v,
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+  var _s = _a.classNames,
+    classNames = _s === void 0 ? {} : _s,
+    _t = _a.images,
+    userSuppliedImages = _t === void 0 ? defaultIdCaptureGuideImages : _t,
     userSuppliedPadding = _a.padding,
     userSuppliedImagePadding = _a.imagePadding,
-    _w = _a.imageVisible,
-    imageVisible = _w === void 0 ? true : _w,
+    _u = _a.imageVisible,
+    imageVisible = _u === void 0 ? true : _u,
     borderWidth = _a.borderWidth,
     borderColor = _a.borderColor,
-    _x = _a.idCardBorderWidth,
-    idCardBorderWidth = _x === void 0 ? '2.5%' : _x,
-    _y = _a.idCardBorderColor,
-    idCardBorderColor = _y === void 0 ? 'white' : _y,
+    _v = _a.idCardBorderWidth,
+    idCardBorderWidth = _v === void 0 ? '2.5%' : _v,
+    _w = _a.idCardBorderColor,
+    idCardBorderColor = _w === void 0 ? 'white' : _w,
     maskColor = _a.maskColor,
-    _z = _a.isMirrored,
-    isMirrored = _z === void 0 ? false : _z,
-    _0 = _a.isBackToFront,
-    isBackToFront = _0 === void 0 ? false : _0,
-    _1 = _a.portraitGuidesOnMobile,
-    portraitGuidesOnMobile = _1 === void 0 ? true : _1,
-    _2 = _a.instruction,
-    instruction = _2 === void 0 ? '' : _2,
-    _3 = _a.requestedAction,
-    requestedAction = _3 === void 0 ? 'SHOW_ID_FRONT' : _3,
-    _4 = _a.progress,
-    progress = _4 === void 0 ? 0 : _4,
-    _5 = _a.status,
-    status = _5 === void 0 ? 'ready' : _5,
+    _x = _a.isMirrored,
+    isMirrored = _x === void 0 ? false : _x,
+    _y = _a.isBackToFront,
+    isBackToFront = _y === void 0 ? false : _y,
+    _z = _a.portraitGuidesOnMobile,
+    portraitGuidesOnMobile = _z === void 0 ? true : _z,
+    _0 = _a.instruction,
+    instruction = _0 === void 0 ? '' : _0,
+    _1 = _a.requestedAction,
+    requestedAction = _1 === void 0 ? 'SHOW_ID_FRONT' : _1,
+    _2 = _a.progress,
+    progress = _2 === void 0 ? 0 : _2,
+    _3 = _a.status,
+    status = _3 === void 0 ? 'ready' : _3,
     onClick = _a.onClick;
-  var _6 = useGuideOrientationContext(),
-    wrapperRef = _6.wrapperRef,
-    wrapperWidth = _6.wrapperWidth,
-    wrapperHeight = _6.wrapperHeight,
-    imageAspectRatio = _6.imageAspectRatio,
-    wrapperAspectRatio = _6.wrapperAspectRatio,
-    guideOrientationOnImageLoaded = _6.onImageLoaded,
-    setDimensions = _6.setDimensions;
-  var containerRef = React.useRef(null);
-  var _7 = React.useState({
-      width: 0,
-      height: 0
-    }),
-    imageDimensions = _7[0],
-    setImageDimensions = _7[1];
-  var _8 = React.useState({
-      width: 0,
-      height: 0
-    }),
-    containerDimensions = _8[0],
-    setContainerDimensions = _8[1];
+  var _4 = useGuideOrientationContext(),
+    wrapperRef = _4.wrapperRef,
+    wrapperWidth = _4.wrapperWidth,
+    imageAspectRatio = _4.imageAspectRatio,
+    wrapperAspectRatio = _4.wrapperAspectRatio,
+    setImageAspectRatio = _4.setImageAspectRatio;
+  var _5 = useResizeObserver(),
+    innerRef = _5.ref,
+    innerWidth = _5.width,
+    innerHeight = _5.height;
   var theme = styled.useTheme();
   if (borderWidth === undefined) borderWidth = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
-  React.useEffect(function () {
-    setDimensions({
-      width: wrapperWidth,
-      height: wrapperHeight
-    });
-  }, [setDimensions, wrapperHeight, wrapperWidth]);
   var padding = userSuppliedPadding !== null && userSuppliedPadding !== void 0 ? userSuppliedPadding : isMobile() ? (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.mobilePadding) !== null && _g !== void 0 ? _g : 0 : (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.desktopPadding) !== null && _k !== void 0 ? _k : 50;
   var paddingAndBorderPx = padding * 2 + (borderWidth !== null && borderWidth !== void 0 ? borderWidth : 0) * 2;
   var images = useImagesWithBackToFront(userSuppliedImages, isBackToFront);
@@ -8497,28 +8471,18 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
   var currentImage = images[orientation][requestedAction === 'FLIP_ID' ? 'SHOW_ID_FRONT' : requestedAction];
   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;
   var centerRegionMinWidth = imageAspectRatio >= wrapperAspectRatio ? wrapperWidth - paddingAndBorderPx : undefined;
-  var onImageLoaded = React.useCallback(function (e) {
-    guideOrientationOnImageLoaded(e);
-    setImageDimensions({
-      width: (currentImage === null || currentImage === void 0 ? void 0 : currentImage.width) || imageDimensions.width,
-      height: (currentImage === null || currentImage === void 0 ? void 0 : currentImage.height) || imageDimensions.height
-    });
-  }, [guideOrientationOnImageLoaded, currentImage, imageDimensions.height, imageDimensions.width]);
   React.useEffect(function () {
-    if (containerRef.current && containerRef.current.clientWidth && containerRef.current.clientHeight) {
-      setContainerDimensions({
-        width: containerRef.current.clientWidth,
-        height: containerRef.current.clientHeight
-      });
-      dispatchIdCaptureAction({
-        type: 'guideImageLoaded',
-        payload: {
-          width: imageDimensions.width,
-          height: imageDimensions.height
-        }
-      });
-    }
-  }, [setDimensions, setContainerDimensions, imageDimensions.height, imageDimensions.width]);
+    setImageAspectRatio(currentImage.width / currentImage.height);
+  }, [currentImage.height, currentImage.width, setImageAspectRatio]);
+  function onImageLoaded() {
+    dispatchIdCaptureAction({
+      type: 'guideImageLoaded',
+      payload: {
+        width: currentImage.width,
+        height: currentImage.height
+      }
+    });
+  }
   return /*#__PURE__*/React__namespace.default.createElement(StyledPageContainer, {
     ref: wrapperRef,
     onClick: onClick,
@@ -8548,10 +8512,10 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     className: classNames.centerRegionBorder
   }, /*#__PURE__*/React__namespace.default.createElement(GuideCenterInner, {
     "$isLandscape": orientation === 'landscape',
-    ref: containerRef,
+    ref: innerRef,
     className: classNames.centerRegionInner,
     style: {
-      aspectRatio: imageDimensions.width && imageDimensions.height ? imageDimensions.width / imageDimensions.height : 1
+      aspectRatio: imageAspectRatio
     }
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImageContainer, {
     status: status,
@@ -8559,7 +8523,7 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     borderWidth: idCardBorderWidth,
     borderColor: idCardBorderColor,
     "$isVisible": requestedAction !== 'FLIP_ID',
-    aspectRatio: imageDimensions.width && imageDimensions.height ? imageDimensions.width / imageDimensions.height : 1
+    aspectRatio: imageAspectRatio
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
     alt: "",
     src: currentImage.url,
@@ -8567,8 +8531,8 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     className: classNames.image,
     "$isInvisible": !imageVisible,
     "$isMirrored": isMirrored,
-    width: containerDimensions.width ? containerDimensions.width : imageDimensions.width,
-    height: containerDimensions.height ? containerDimensions.height : imageDimensions.height
+    width: innerWidth || currentImage.width,
+    height: innerHeight || currentImage.height
   })), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React__namespace.default.createElement(FlipIdPrompt, {
     images: images,
     borderWidth: idCardBorderWidth,
@@ -8576,8 +8540,8 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     portraitGuidesOnMobile: portraitGuidesOnMobile,
     isMirrored: isMirrored,
     classNames: classNames.flipIdPrompt,
-    width: (_s = currentImage === null || currentImage === void 0 ? void 0 : currentImage.width) !== null && _s !== void 0 ? _s : imageDimensions.width,
-    height: (_t = currentImage === null || currentImage === void 0 ? void 0 : currentImage.width) !== null && _t !== void 0 ? _t : imageDimensions.height
+    width: innerWidth,
+    height: innerHeight
   }))))), /*#__PURE__*/React__namespace.default.createElement(Spacer, {
     "$maskColor": maskColor,
     "$minWidth": padding,
@@ -8617,14 +8581,14 @@ var GuideCenterRegion = styled__default.default.div(templateObject_6$6 || (templ
 }, function (props) {
   return props.$isMirrored ? 'transform: scaleX(-1);' : '';
 });
-var GuideCenterBorder = styled__default.default.div(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  box-sizing: border-box;\n  border: ", ";\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  max-height: 100%;\n  min-height: 0;\n  position: relative;\n  ", "\n"], ["\n  box-sizing: border-box;\n  border: ", ";\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  max-height: 100%;\n  min-height: 0;\n  position: relative;\n  ", "\n"])), function (props) {
+var GuideCenterBorder = styled__default.default.div(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  box-sizing: border-box;\n  border: ", ";\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  max-height: 100%;\n  min-height: 0;\n  max-width: 100%;\n  position: relative;\n  ", "\n"], ["\n  box-sizing: border-box;\n  border: ", ";\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  max-height: 100%;\n  min-height: 0;\n  max-width: 100%;\n  position: relative;\n  ", "\n"])), function (props) {
   var _a, _b;
   return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
 }, function (props) {
   return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
 });
 var GuideText = styled__default.default.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n"], ["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n"])));
-var GuideCenterInner = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  position: relative;\n  margin: auto;\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  display: flex;\n"], ["\n  position: relative;\n  margin: auto;\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  display: flex;\n"])), function (props) {
+var GuideCenterInner = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  position: relative;\n  margin: auto;\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: relative;\n  margin: auto;\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (props) {
   return props.$isLandscape ? 'height: 100%;' : 'width: 90%;';
 });
 var templateObject_1$y, templateObject_2$s, templateObject_3$j, templateObject_4$d, templateObject_5$9, templateObject_6$6, templateObject_7$4, templateObject_8$2, templateObject_9$2;