idmission-web-sdk 1.0.76 → 1.0.78

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 (16) hide show
  1. package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts +1 -1
  2. package/dist/components/submission/SubmissionProvider.d.ts +40 -2
  3. package/dist/components/video_id/IdVideoCapture.d.ts +3 -1
  4. package/dist/contexts/SubmissionContext.d.ts +0 -34
  5. package/dist/sdk2.cjs.development.js +157 -108
  6. package/dist/sdk2.cjs.development.js.map +1 -1
  7. package/dist/sdk2.cjs.production.js +1 -1
  8. package/dist/sdk2.cjs.production.js.map +1 -1
  9. package/dist/sdk2.esm.js +158 -109
  10. package/dist/sdk2.esm.js.map +1 -1
  11. package/dist/sdk2.umd.development.js +157 -108
  12. package/dist/sdk2.umd.development.js.map +1 -1
  13. package/dist/sdk2.umd.production.js +1 -1
  14. package/dist/sdk2.umd.production.js.map +1 -1
  15. package/dist/version.d.ts +1 -1
  16. package/package.json +1 -1
package/dist/sdk2.umd.development.js CHANGED
@@ -128,7 +128,7 @@
128
128
  return cooked;
129
129
  }
130
130
 
131
- var webSdkVersion = '1.0.76';
131
+ var webSdkVersion = '1.0.78';
132
132
 
133
133
  function getPlatform() {
134
134
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -170,72 +170,6 @@
170
170
  prod: 'https://api.idmission.com',
171
171
  demo: 'https://apidemo.idmission.com'
172
172
  };
173
- var SubmissionContext = /*#__PURE__*/React.createContext({
174
- submit: function submit() {
175
- return __awaiter(void 0, void 0, void 0, function () {
176
- return __generator(this, function (_a) {
177
- return [2 /*return*/, null];
178
- });
179
- });
180
- },
181
- submissionStatus: SubmissionStatus.READY,
182
- submissionRequest: null,
183
- submissionResponse: null,
184
- submissionError: null,
185
- submissionEnvironment: 'prod',
186
- idFrontImage: null,
187
- idBackImage: null,
188
- passportImage: null,
189
- selfieImage: null,
190
- signatureData: null,
191
- signatureVideoUrl: null,
192
- idCaptureVideoUrl: null,
193
- additionalDocuments: null,
194
- setIdFrontImage: function setIdFrontImage() {
195
- return null;
196
- },
197
- setIdBackImage: function setIdBackImage() {
198
- return null;
199
- },
200
- setPassportImage: function setPassportImage() {
201
- return null;
202
- },
203
- setSelfieImage: function setSelfieImage() {
204
- return null;
205
- },
206
- setSignatureData: function setSignatureData() {
207
- return null;
208
- },
209
- setSignatureVideoUrl: function setSignatureVideoUrl() {
210
- return null;
211
- },
212
- setIdCaptureVideoUrl: function setIdCaptureVideoUrl() {
213
- return null;
214
- },
215
- setAdditionalDocuments: function setAdditionalDocuments() {
216
- return null;
217
- },
218
- logIdFrontCaptureAttempt: function logIdFrontCaptureAttempt() {
219
- return null;
220
- },
221
- logIdBackCaptureAttempt: function logIdBackCaptureAttempt() {
222
- return null;
223
- },
224
- logSelfieCaptureAttempt: function logSelfieCaptureAttempt() {
225
- return null;
226
- },
227
- livenessCheckRequest: null,
228
- checkLiveness: function checkLiveness() {
229
- return __awaiter(void 0, void 0, void 0, function () {
230
- return __generator(this, function (_a) {
231
- throw new Error('checkLiveness is not implemented');
232
- });
233
- });
234
- },
235
- retryLocationAccess: function retryLocationAccess() {
236
- return null;
237
- }
238
- });
239
173
  function parseJwt(token) {
240
174
  var base64Url = token.split('.')[1];
241
175
  var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
@@ -997,6 +931,80 @@
997
931
  }, "support@idmission.com"), ".")));
998
932
  };
999
933
 
934
+ var SubmissionContext = /*#__PURE__*/React.createContext({
935
+ submit: function submit() {
936
+ return __awaiter(void 0, void 0, void 0, function () {
937
+ return __generator(this, function (_a) {
938
+ return [2 /*return*/, null];
939
+ });
940
+ });
941
+ },
942
+ submissionStatus: SubmissionStatus.READY,
943
+ submissionRequest: null,
944
+ submissionResponse: null,
945
+ submissionError: null,
946
+ submissionEnvironment: 'prod',
947
+ idFrontImage: null,
948
+ idBackImage: null,
949
+ passportImage: null,
950
+ selfieImage: null,
951
+ signatureData: null,
952
+ signatureVideoUrl: null,
953
+ idCaptureVideoUrl: null,
954
+ idCaptureVideoIdFrontImage: null,
955
+ idCaptureVideoIdBackImage: null,
956
+ additionalDocuments: null,
957
+ setIdFrontImage: function setIdFrontImage() {
958
+ return null;
959
+ },
960
+ setIdBackImage: function setIdBackImage() {
961
+ return null;
962
+ },
963
+ setPassportImage: function setPassportImage() {
964
+ return null;
965
+ },
966
+ setSelfieImage: function setSelfieImage() {
967
+ return null;
968
+ },
969
+ setSignatureData: function setSignatureData() {
970
+ return null;
971
+ },
972
+ setSignatureVideoUrl: function setSignatureVideoUrl() {
973
+ return null;
974
+ },
975
+ setIdCaptureVideoUrl: function setIdCaptureVideoUrl() {
976
+ return null;
977
+ },
978
+ setIdCaptureVideoIdFrontImage: function setIdCaptureVideoIdFrontImage() {
979
+ return null;
980
+ },
981
+ setIdCaptureVideoIdBackImage: function setIdCaptureVideoIdBackImage() {
982
+ return null;
983
+ },
984
+ setAdditionalDocuments: function setAdditionalDocuments() {
985
+ return null;
986
+ },
987
+ logIdFrontCaptureAttempt: function logIdFrontCaptureAttempt() {
988
+ return null;
989
+ },
990
+ logIdBackCaptureAttempt: function logIdBackCaptureAttempt() {
991
+ return null;
992
+ },
993
+ logSelfieCaptureAttempt: function logSelfieCaptureAttempt() {
994
+ return null;
995
+ },
996
+ livenessCheckRequest: null,
997
+ checkLiveness: function checkLiveness() {
998
+ return __awaiter(void 0, void 0, void 0, function () {
999
+ return __generator(this, function (_a) {
1000
+ throw new Error('checkLiveness is not implemented');
1001
+ });
1002
+ });
1003
+ },
1004
+ retryLocationAccess: function retryLocationAccess() {
1005
+ return null;
1006
+ }
1007
+ });
1000
1008
  var SubmissionProvider = function SubmissionProvider(_a) {
1001
1009
  var action = _a.action,
1002
1010
  children = _a.children,
@@ -1086,26 +1094,32 @@
1086
1094
  idCaptureVideoUrl = _6[0],
1087
1095
  setIdCaptureVideoUrl = _6[1];
1088
1096
  var _7 = React.useState(null),
1089
- additionalDocuments = _7[0],
1090
- setAdditionalDocuments = _7[1];
1097
+ idCaptureVideoIdFrontImage = _7[0],
1098
+ setIdCaptureVideoIdFrontImage = _7[1];
1091
1099
  var _8 = React.useState(null),
1092
- geolocationResult = _8[0],
1093
- setGeolocationResult = _8[1];
1094
- var _9 = React.useState(0),
1095
- geolocationAttempts = _9[0],
1096
- setGeolocationAttempts = _9[1];
1097
- var _10 = React.useState(false),
1098
- geolocationBlocked = _10[0],
1099
- setGeolocationBlocked = _10[1];
1100
- var _11 = React.useState([]),
1101
- idFrontCaptureAttempts = _11[0],
1102
- setIdFrontCaptureAttempts = _11[1];
1103
- var _12 = React.useState([]),
1104
- idBackCaptureAttempts = _12[0],
1105
- setIdBackCaptureAttempts = _12[1];
1100
+ idCaptureVideoIdBackImage = _8[0],
1101
+ setIdCaptureVideoIdBackImage = _8[1];
1102
+ var _9 = React.useState(null),
1103
+ additionalDocuments = _9[0],
1104
+ setAdditionalDocuments = _9[1];
1105
+ var _10 = React.useState(null),
1106
+ geolocationResult = _10[0],
1107
+ setGeolocationResult = _10[1];
1108
+ var _11 = React.useState(0),
1109
+ geolocationAttempts = _11[0],
1110
+ setGeolocationAttempts = _11[1];
1111
+ var _12 = React.useState(false),
1112
+ geolocationBlocked = _12[0],
1113
+ setGeolocationBlocked = _12[1];
1106
1114
  var _13 = React.useState([]),
1107
- selfieCaptureAttempts = _13[0],
1108
- setSelfieCaptureAttempts = _13[1];
1115
+ idFrontCaptureAttempts = _13[0],
1116
+ setIdFrontCaptureAttempts = _13[1];
1117
+ var _14 = React.useState([]),
1118
+ idBackCaptureAttempts = _14[0],
1119
+ setIdBackCaptureAttempts = _14[1];
1120
+ var _15 = React.useState([]),
1121
+ selfieCaptureAttempts = _15[0],
1122
+ setSelfieCaptureAttempts = _15[1];
1109
1123
  var logIdFrontCaptureAttempt = React.useCallback(function (attempt) {
1110
1124
  setIdFrontCaptureAttempts(function (attempts) {
1111
1125
  return __spreadArray(__spreadArray([], attempts, true), [attempt], false);
@@ -1451,12 +1465,12 @@
1451
1465
  setSubmissionStatus(SubmissionStatus.READY);
1452
1466
  retrySubmission();
1453
1467
  }, [retrySubmission]);
1454
- var _14 = React.useState('NOT_PARSED'),
1455
- tokenState = _14[0],
1456
- setTokenState = _14[1];
1457
- var _15 = React.useState(null),
1458
- tokenError = _15[0],
1459
- setTokenError = _15[1];
1468
+ var _16 = React.useState('NOT_PARSED'),
1469
+ tokenState = _16[0],
1470
+ setTokenState = _16[1];
1471
+ var _17 = React.useState(null),
1472
+ tokenError = _17[0],
1473
+ setTokenError = _17[1];
1460
1474
  React.useEffect(function () {
1461
1475
  (function () {
1462
1476
  return __awaiter(void 0, void 0, void 0, function () {
@@ -1539,6 +1553,8 @@
1539
1553
  signatureData: signatureData,
1540
1554
  signatureVideoUrl: signatureVideoUrl,
1541
1555
  idCaptureVideoUrl: idCaptureVideoUrl,
1556
+ idCaptureVideoIdFrontImage: idCaptureVideoIdFrontImage,
1557
+ idCaptureVideoIdBackImage: idCaptureVideoIdBackImage,
1542
1558
  additionalDocuments: additionalDocuments,
1543
1559
  setIdFrontImage: setIdFrontImage,
1544
1560
  setIdBackImage: setIdBackImage,
@@ -1547,6 +1563,8 @@
1547
1563
  setSignatureData: setSignatureData,
1548
1564
  setSignatureVideoUrl: setSignatureVideoUrl,
1549
1565
  setIdCaptureVideoUrl: setIdCaptureVideoUrl,
1566
+ setIdCaptureVideoIdFrontImage: setIdCaptureVideoIdFrontImage,
1567
+ setIdCaptureVideoIdBackImage: setIdCaptureVideoIdBackImage,
1550
1568
  setAdditionalDocuments: setAdditionalDocuments,
1551
1569
  logIdFrontCaptureAttempt: logIdFrontCaptureAttempt,
1552
1570
  logIdBackCaptureAttempt: logIdBackCaptureAttempt,
@@ -13839,7 +13857,7 @@
13839
13857
  accept: "image/*",
13840
13858
  onChange: onFileSelected,
13841
13859
  hidden: true
13842
- }), /*#__PURE__*/React__default['default'].createElement(StyledButtonsRow$6, {
13860
+ }), /*#__PURE__*/React__default['default'].createElement(StyledButtonsRow$7, {
13843
13861
  className: classNames.buttonsRow
13844
13862
  }, images.length < 2 && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
13845
13863
  variant: images.length > 0 ? 'secondary' : 'positive',
@@ -13865,7 +13883,7 @@
13865
13883
  var Description$2 = styled__default['default'].p(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
13866
13884
  var Instruction = styled__default['default'].p(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
13867
13885
  var ImageCol = styled__default['default'].div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
13868
- var StyledButtonsRow$6 = styled__default['default'](ButtonsRow)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
13886
+ var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
13869
13887
  var templateObject_1$f, templateObject_2$9, templateObject_3$7, templateObject_4$3, templateObject_5$1, templateObject_6;
13870
13888
 
13871
13889
  var CaptureState;
@@ -14600,7 +14618,7 @@
14600
14618
  accept: "image/*",
14601
14619
  onChange: onFileSelected,
14602
14620
  hidden: true
14603
- }), /*#__PURE__*/React__default['default'].createElement(StyledButtonsRow$5, {
14621
+ }), /*#__PURE__*/React__default['default'].createElement(StyledButtonsRow$6, {
14604
14622
  className: classNames.buttonsRow
14605
14623
  }, !image && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
14606
14624
  variant: "positive",
@@ -14627,7 +14645,7 @@
14627
14645
  var Heading$6 = styled__default['default'].h3(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
14628
14646
  var Description$1 = styled__default['default'].p(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
14629
14647
  var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
14630
- var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
14648
+ var StyledButtonsRow$6 = styled__default['default'](ButtonsRow)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
14631
14649
  var templateObject_1$d, templateObject_2$7, templateObject_3$6, templateObject_4$2, templateObject_5;
14632
14650
 
14633
14651
  var initialState$3 = {
@@ -15168,17 +15186,17 @@
15168
15186
  className: classNames.container
15169
15187
  }, /*#__PURE__*/React__default['default'].createElement(OverlayInner, {
15170
15188
  className: classNames.inner
15171
- }, /*#__PURE__*/React__default['default'].createElement("div", {
15172
- className: classNames.headingContainer
15173
15189
  }, /*#__PURE__*/React__default['default'].createElement("h3", {
15174
15190
  className: classNames.heading
15175
- }, verbiage.headingText), /*#__PURE__*/React__default['default'].createElement(StyledGuidanceMessage, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__default['default'].createElement("br", null), verbiage.avoidExcessiveBacklightingText)), /*#__PURE__*/React__default['default'].createElement(OverlayImageContainer, {
15191
+ }, verbiage.headingText), /*#__PURE__*/React__default['default'].createElement(StyledGuidanceMessage, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__default['default'].createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__default['default'].createElement(OverlayImageContainer, {
15176
15192
  className: classNames.imageContainer
15177
- }, /*#__PURE__*/React__default['default'].createElement(StyledImage, {
15193
+ }, /*#__PURE__*/React__default['default'].createElement("img", {
15178
15194
  className: classNames.image,
15179
15195
  alt: verbiage.headingText,
15180
15196
  src: assets.instructionImageUrl
15181
- })), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
15197
+ })), /*#__PURE__*/React__default['default'].createElement(StyledButtonsRow$5, {
15198
+ className: classNames.buttonsRow
15199
+ }, /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
15182
15200
  variant: "positive",
15183
15201
  disabled: !cameraReady || !modelsReady,
15184
15202
  finished: cameraReady && modelsReady,
@@ -15188,14 +15206,14 @@
15188
15206
  setDismissed(true);
15189
15207
  onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
15190
15208
  }
15191
- }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : verbiage.modelsWarmingUpText), /*#__PURE__*/React__default['default'].createElement("div", {
15209
+ }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : verbiage.modelsWarmingUpText)), /*#__PURE__*/React__default['default'].createElement("div", {
15192
15210
  style: {
15193
15211
  display: 'none'
15194
15212
  }
15195
15213
  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null))));
15196
15214
  };
15197
- var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n max-width: 280px;\n margin: 18px auto 12px;\n line-height: 1.5;\n padding: 12px 24px;\n"], ["\n max-width: 280px;\n margin: 18px auto 12px;\n line-height: 1.5;\n padding: 12px 24px;\n"])));
15198
- var StyledImage = styled__default['default'].img(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n position: relative;\n top: 5%;\n"], ["\n position: relative;\n top: 5%;\n"])));
15215
+ var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
15216
+ var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
15199
15217
  var templateObject_1$c, templateObject_2$6;
15200
15218
 
15201
15219
  var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
@@ -17135,6 +17153,8 @@
17135
17153
  var IdVideoCapture = function IdVideoCapture(_a) {
17136
17154
  var _b, _c, _d, _e, _f, _g;
17137
17155
  var onComplete = _a.onComplete,
17156
+ onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
17157
+ onIdBackImageCaptured = _a.onIdBackImageCaptured,
17138
17158
  onFaceNotDetected = _a.onFaceNotDetected,
17139
17159
  _h = _a.idCardFrontDetectionThreshold,
17140
17160
  idCardFrontDetectionThreshold = _h === void 0 ? 0.48 : _h,
@@ -17239,6 +17259,14 @@
17239
17259
  }
17240
17260
  });
17241
17261
  }, [idCardFrontDetectionThreshold, onIdPredictionMade]);
17262
+ var captureCanvas = React.useRef(null);
17263
+ var captureFrame = React.useCallback(function () {
17264
+ if (!captureCanvas.current || !videoRef.current) return;
17265
+ drawToCanvas(captureCanvas.current, videoRef.current);
17266
+ var imageUrl = captureCanvas.current.toDataURL('image/jpeg', 0.98);
17267
+ clearCanvas(captureCanvas.current);
17268
+ return imageUrl;
17269
+ }, [videoRef]);
17242
17270
  var onIdBackCaptureComplete = React.useCallback(function () {
17243
17271
  if (readTextPrompt) {
17244
17272
  setRequestedAction('READ_TEXT');
@@ -17249,10 +17277,17 @@
17249
17277
  React.useEffect(function () {
17250
17278
  (function () {
17251
17279
  return __awaiter(void 0, void 0, void 0, function () {
17280
+ var frame;
17252
17281
  return __generator(this, function (_a) {
17253
17282
  switch (_a.label) {
17254
17283
  case 0:
17255
17284
  if (!(goodFramesThresholdMet && requestedAction == 'SHOW_ID_FRONT')) return [3 /*break*/, 4];
17285
+ if (onIdFrontImageCaptured) {
17286
+ console.log('capturing front frame!');
17287
+ frame = captureFrame();
17288
+ console.log(frame);
17289
+ frame && onIdFrontImageCaptured(frame);
17290
+ }
17256
17291
  if (!skipShowIdCardBack) return [3 /*break*/, 3];
17257
17292
  if (!(skipShowIdCardBack === true)) return [3 /*break*/, 1];
17258
17293
  return [2 /*return*/, onIdBackCaptureComplete()];
@@ -17267,6 +17302,14 @@
17267
17302
  setRequestedAction('FLIP_ID');
17268
17303
  setTimeout(function () {
17269
17304
  setRequestedAction('SHOW_ID_BACK');
17305
+ setTimeout(function () {
17306
+ if (onIdBackImageCaptured) {
17307
+ console.log('capturing rear frame!');
17308
+ var frame = captureFrame();
17309
+ console.log(frame);
17310
+ frame && onIdBackImageCaptured(frame);
17311
+ }
17312
+ }, showIdCardBackDurationMs - 1000);
17270
17313
  }, 3500);
17271
17314
  _a.label = 4;
17272
17315
  case 4:
@@ -17275,7 +17318,7 @@
17275
17318
  });
17276
17319
  });
17277
17320
  })();
17278
- }, [goodFramesThresholdMet, onIdBackCaptureComplete, requestedAction, skipShowIdCardBack]);
17321
+ }, [captureFrame, goodFramesThresholdMet, onIdBackCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, showIdCardBackDurationMs, skipShowIdCardBack]);
17279
17322
  useTimeout(showIdCardBackDurationMs, onIdBackCaptureComplete, requestedAction !== 'SHOW_ID_BACK', false, requestedAction === 'SHOW_ID_BACK');
17280
17323
  var onReadTextTimeout = React.useCallback(function () {
17281
17324
  stopRecording();
@@ -17316,7 +17359,9 @@
17316
17359
  return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
17317
17360
  ref: ref,
17318
17361
  className: "flex"
17319
- }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default['default'].createElement("div", {
17362
+ }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
17363
+ ref: captureCanvas
17364
+ }), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default['default'].createElement("div", {
17320
17365
  style: {
17321
17366
  position: 'absolute',
17322
17367
  width: '100%',
@@ -17358,9 +17403,9 @@
17358
17403
  }
17359
17404
  }, timeRemaining), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
17360
17405
  variant: "positive",
17361
- finished: true,
17362
17406
  onClick: stopRecording,
17363
- colors: colors.readTextDoneBtn
17407
+ colors: colors.readTextDoneBtn,
17408
+ finished: true
17364
17409
  }, verbiage.readTextDoneBtnText)))) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureGuides, {
17365
17410
  assets: assets.guides,
17366
17411
  verbiage: rawVerbiage.guides,
@@ -17465,7 +17510,9 @@
17465
17510
  var _q = React.useContext(SubmissionContext),
17466
17511
  submissionStatus = _q.submissionStatus,
17467
17512
  idCaptureVideoUrl = _q.idCaptureVideoUrl,
17468
- setIdCaptureVideoUrl = _q.setIdCaptureVideoUrl;
17513
+ setIdCaptureVideoUrl = _q.setIdCaptureVideoUrl,
17514
+ setIdCaptureVideoIdFrontImage = _q.setIdCaptureVideoIdFrontImage,
17515
+ setIdCaptureVideoIdBackImage = _q.setIdCaptureVideoIdBackImage;
17469
17516
  var _r = React.useState('CAPTURING_ID'),
17470
17517
  captureState = _r[0],
17471
17518
  setCaptureState = _r[1];
@@ -17567,6 +17614,8 @@
17567
17614
  return /*#__PURE__*/React__default['default'].createElement(IdVideoCapture, {
17568
17615
  key: "id-video-capture-".concat(attempt),
17569
17616
  onComplete: onVideoCaptureComplete,
17617
+ onIdFrontImageCaptured: setIdCaptureVideoIdFrontImage,
17618
+ onIdBackImageCaptured: setIdCaptureVideoIdBackImage,
17570
17619
  onFaceNotDetected: onVideoCaptureFaceNotDetected,
17571
17620
  idCardFrontDetectionThreshold: idCardFrontDetectionThreshold,
17572
17621
  idCardFrontFocusThreshold: idCardFrontFocusThreshold,