idmission-web-sdk 2.2.28 → 2.2.30

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.
@@ -211,7 +211,7 @@
211
211
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
212
212
  };
213
213
 
214
- var webSdkVersion = '2.2.28';
214
+ var webSdkVersion = '2.2.30';
215
215
 
216
216
  function getPlatform() {
217
217
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -10104,7 +10104,13 @@
10104
10104
  function _isNavigatorDefined() {
10105
10105
  return typeof navigator !== 'undefined' && navigator != null;
10106
10106
  }
10107
- function isMobile(nav) {
10107
+ var isMobileCache;
10108
+ function isMobile() {
10109
+ if (isMobileCache !== undefined) return isMobileCache;
10110
+ isMobileCache = evaluateIsMobile();
10111
+ return isMobileCache;
10112
+ }
10113
+ function evaluateIsMobile(nav) {
10108
10114
  if (nav || _isNavigatorDefined()) {
10109
10115
  if (!nav) {
10110
10116
  nav = navigator;
@@ -19081,21 +19087,24 @@
19081
19087
  var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
19082
19088
  var onDismissed = _a.onDismissed,
19083
19089
  onUserCancel = _a.onUserCancel,
19084
- _b = _a.assets,
19085
- assets = _b === void 0 ? {} : _b,
19086
- _c = _a.classNames,
19087
- classNames = _c === void 0 ? {} : _c,
19088
- _d = _a.colors,
19089
- colors = _d === void 0 ? {} : _d,
19090
- _e = _a.verbiage,
19091
- rawVerbiage = _e === void 0 ? {} : _e;
19092
- var _f = React.useContext(CameraStateContext),
19093
- cameraReady = _f.cameraReady,
19094
- cameraAccessDenied = _f.cameraAccessDenied,
19095
- microphoneAccessDenied = _f.microphoneAccessDenied;
19096
- var _g = React.useContext(SelfieGuidanceModelsContext),
19097
- modelsReady = _g.ready,
19098
- modelDownloadProgress = _g.modelDownloadProgress;
19090
+ _b = _a.waitForIdCaptureModels,
19091
+ waitForIdCaptureModels = _b === void 0 ? false : _b,
19092
+ _c = _a.assets,
19093
+ assets = _c === void 0 ? {} : _c,
19094
+ _d = _a.classNames,
19095
+ classNames = _d === void 0 ? {} : _d,
19096
+ _e = _a.colors,
19097
+ colors = _e === void 0 ? {} : _e,
19098
+ _f = _a.verbiage,
19099
+ rawVerbiage = _f === void 0 ? {} : _f;
19100
+ var _g = React.useContext(CameraStateContext),
19101
+ cameraReady = _g.cameraReady,
19102
+ cameraAccessDenied = _g.cameraAccessDenied,
19103
+ microphoneAccessDenied = _g.microphoneAccessDenied;
19104
+ var _h = React.useContext(SelfieGuidanceModelsContext),
19105
+ modelsReady = _h.ready,
19106
+ modelDownloadProgress = _h.modelDownloadProgress;
19107
+ var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
19099
19108
  assets.instructionImageUrl || (assets.instructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png"));
19100
19109
  var verbiage = useTranslations(rawVerbiage, {
19101
19110
  headingText: 'Use your device camera to capture your face',
@@ -19106,9 +19115,9 @@
19106
19115
  downloadingText: 'Downloading...',
19107
19116
  modelsWarmingUpText: 'Models warming up...'
19108
19117
  });
19109
- var _h = React.useState(false),
19110
- dismissed = _h[0],
19111
- setDismissed = _h[1];
19118
+ var _j = React.useState(false),
19119
+ dismissed = _j[0],
19120
+ setDismissed = _j[1];
19112
19121
  if (dismissed) return /*#__PURE__*/React.createElement(React.Fragment, null);
19113
19122
  if (cameraAccessDenied) {
19114
19123
  return /*#__PURE__*/React.createElement(CameraAccessDeniedOverlay, {
@@ -19126,6 +19135,7 @@
19126
19135
  verbiage: rawVerbiage.microphoneAccessDenied
19127
19136
  });
19128
19137
  }
19138
+ var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
19129
19139
  return /*#__PURE__*/React.createElement(OverlayContainer, {
19130
19140
  className: classNames.container
19131
19141
  }, /*#__PURE__*/React.createElement(OverlayInner$2, {
@@ -19145,15 +19155,15 @@
19145
19155
  className: classNames.buttonsRow
19146
19156
  }, /*#__PURE__*/React.createElement(LoaderButton, {
19147
19157
  variant: "positive",
19148
- disabled: !cameraReady || !modelsReady,
19149
- finished: cameraReady && modelsReady,
19158
+ disabled: !cameraReady || !allModelsReady,
19159
+ finished: cameraReady && allModelsReady,
19150
19160
  className: classNames.continueBtn,
19151
19161
  colors: colors.continueBtn,
19152
19162
  onClick: function onClick() {
19153
19163
  setDismissed(true);
19154
19164
  onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
19155
19165
  }
19156
- }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
19166
+ }, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
19157
19167
  };
19158
19168
  var StyledGuidanceMessage$1 = styled(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __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"])));
19159
19169
  var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
@@ -19163,22 +19173,25 @@
19163
19173
  var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
19164
19174
  var onDismissed = _a.onDismissed,
19165
19175
  onUserCancel = _a.onUserCancel,
19166
- _b = _a.assets,
19167
- assets = _b === void 0 ? {} : _b,
19168
- _c = _a.classNames,
19169
- classNames = _c === void 0 ? {} : _c,
19170
- _d = _a.colors,
19171
- colors = _d === void 0 ? {} : _d,
19172
- _e = _a.verbiage,
19173
- rawVerbiage = _e === void 0 ? {} : _e,
19174
- customOverlayContent = _a.customOverlayContent;
19175
- var _f = React.useContext(CameraStateContext),
19176
- cameraReady = _f.cameraReady,
19177
- cameraAccessDenied = _f.cameraAccessDenied,
19178
- microphoneAccessDenied = _f.microphoneAccessDenied;
19179
- var _g = React.useContext(SelfieGuidanceModelsContext),
19180
- modelsReady = _g.ready,
19181
- modelDownloadProgress = _g.modelDownloadProgress;
19176
+ customOverlayContent = _a.customOverlayContent,
19177
+ _b = _a.waitForIdCaptureModels,
19178
+ waitForIdCaptureModels = _b === void 0 ? false : _b,
19179
+ _c = _a.assets,
19180
+ assets = _c === void 0 ? {} : _c,
19181
+ _d = _a.classNames,
19182
+ classNames = _d === void 0 ? {} : _d,
19183
+ _e = _a.colors,
19184
+ colors = _e === void 0 ? {} : _e,
19185
+ _f = _a.verbiage,
19186
+ rawVerbiage = _f === void 0 ? {} : _f;
19187
+ var _g = React.useContext(CameraStateContext),
19188
+ cameraReady = _g.cameraReady,
19189
+ cameraAccessDenied = _g.cameraAccessDenied,
19190
+ microphoneAccessDenied = _g.microphoneAccessDenied;
19191
+ var _h = React.useContext(SelfieGuidanceModelsContext),
19192
+ modelsReady = _h.ready,
19193
+ modelDownloadProgress = _h.modelDownloadProgress;
19194
+ var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
19182
19195
  var verbiage = useTranslations(rawVerbiage, {
19183
19196
  headingText: 'Use your device camera to capture your face',
19184
19197
  removeEyeCoveringsText: 'Remove Sunglasses & Hat',
@@ -19190,9 +19203,9 @@
19190
19203
  modelsWarmingUpText: 'Loading guided capture experience...',
19191
19204
  modelsReadyText: 'Guided capture experience ready'
19192
19205
  });
19193
- var _h = React.useState(0),
19194
- headingTextIndex = _h[0],
19195
- setHeadingTextIndex = _h[1];
19206
+ var _j = React.useState(0),
19207
+ headingTextIndex = _j[0],
19208
+ setHeadingTextIndex = _j[1];
19196
19209
  var headingText = [verbiage.headingText, verbiage.removeEyeCoveringsText, verbiage.avoidExcessiveBacklightingText][headingTextIndex];
19197
19210
  React.useEffect(function () {
19198
19211
  setInterval(function () {
@@ -19201,9 +19214,9 @@
19201
19214
  });
19202
19215
  }, 3000);
19203
19216
  }, []);
19204
- var _j = React.useState(false),
19205
- dismissed = _j[0],
19206
- setDismissed = _j[1];
19217
+ var _k = React.useState(false),
19218
+ dismissed = _k[0],
19219
+ setDismissed = _k[1];
19207
19220
  if (dismissed) return /*#__PURE__*/React.createElement(React.Fragment, null);
19208
19221
  if (cameraAccessDenied) {
19209
19222
  return /*#__PURE__*/React.createElement(CameraAccessDeniedOverlay, {
@@ -19221,6 +19234,7 @@
19221
19234
  verbiage: rawVerbiage.microphoneAccessDenied
19222
19235
  });
19223
19236
  }
19237
+ var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
19224
19238
  return /*#__PURE__*/React.createElement(OverlayContainer, {
19225
19239
  className: classNames.container
19226
19240
  }, /*#__PURE__*/React.createElement(OverlayInner, {
@@ -19261,13 +19275,13 @@
19261
19275
  className: classNames.loadingListItemIndicator,
19262
19276
  state: cameraReady ? 'done' : 'running'
19263
19277
  }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(LoadingListItem, {
19264
- className: "".concat(classNames.loadingListItem, " ").concat(modelsReady ? 'done' : 'running')
19278
+ className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
19265
19279
  }, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
19266
19280
  className: classNames.loadingListItemIndicator,
19267
- state: modelsReady ? 'done' : 'running'
19268
- }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
19281
+ state: allModelsReady ? 'done' : 'running'
19282
+ }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
19269
19283
  className: classNames.continueBtnContainer
19270
- }, modelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton, {
19284
+ }, allModelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton, {
19271
19285
  finished: true,
19272
19286
  className: classNames.continueBtn,
19273
19287
  variant: "positive",
@@ -19368,42 +19382,44 @@
19368
19382
  releaseCameraAccessOnExit = _k === void 0 ? true : _k,
19369
19383
  _l = _a.silentFallback,
19370
19384
  silentFallback = _l === void 0 ? false : _l,
19385
+ _m = _a.waitForIdCaptureModels,
19386
+ waitForIdCaptureModels = _m === void 0 ? false : _m,
19371
19387
  guidesComponent = _a.guidesComponent,
19372
19388
  disableCapturePreview = _a.disableCapturePreview,
19373
- _m = _a.assets,
19374
- assets = _m === void 0 ? {} : _m,
19375
- _o = _a.classNames,
19376
- classNames = _o === void 0 ? {} : _o,
19377
- _p = _a.colors,
19378
- colors = _p === void 0 ? {} : _p,
19379
- _q = _a.verbiage,
19380
- verbiage = _q === void 0 ? {} : _q,
19381
- _r = _a.debugMode,
19382
- debugMode = _r === void 0 ? false : _r;
19383
- var _s = React.useContext(SubmissionContext),
19384
- submissionResponse = _s.submissionResponse,
19385
- livenessCheckRequest = _s.livenessCheckRequest,
19386
- setSelfieImage = _s.setSelfieImage,
19387
- logSelfieCaptureAttempt = _s.logSelfieCaptureAttempt;
19388
- var _t = React.useContext(CameraStateContext),
19389
- cameraAccessDenied = _t.cameraAccessDenied,
19390
- requestCameraAccess = _t.requestCameraAccess,
19391
- releaseCameraAccess = _t.releaseCameraAccess;
19392
- var _u = React.useState(''),
19393
- faceCropImageUrl = _u[0],
19394
- setFaceCropImageUrl = _u[1];
19395
- var _v = React.useState(0),
19396
- retryCount = _v[0],
19397
- setRetryCount = _v[1];
19398
- var _w = React.useState('LOADING'),
19399
- captureState = _w[0],
19400
- setCaptureState = _w[1];
19389
+ _o = _a.assets,
19390
+ assets = _o === void 0 ? {} : _o,
19391
+ _p = _a.classNames,
19392
+ classNames = _p === void 0 ? {} : _p,
19393
+ _q = _a.colors,
19394
+ colors = _q === void 0 ? {} : _q,
19395
+ _r = _a.verbiage,
19396
+ verbiage = _r === void 0 ? {} : _r,
19397
+ _s = _a.debugMode,
19398
+ debugMode = _s === void 0 ? false : _s;
19399
+ var _t = React.useContext(SubmissionContext),
19400
+ submissionResponse = _t.submissionResponse,
19401
+ livenessCheckRequest = _t.livenessCheckRequest,
19402
+ setSelfieImage = _t.setSelfieImage,
19403
+ logSelfieCaptureAttempt = _t.logSelfieCaptureAttempt;
19404
+ var _u = React.useContext(CameraStateContext),
19405
+ cameraAccessDenied = _u.cameraAccessDenied,
19406
+ requestCameraAccess = _u.requestCameraAccess,
19407
+ releaseCameraAccess = _u.releaseCameraAccess;
19408
+ var _v = React.useState(''),
19409
+ faceCropImageUrl = _v[0],
19410
+ setFaceCropImageUrl = _v[1];
19411
+ var _w = React.useState(0),
19412
+ retryCount = _w[0],
19413
+ setRetryCount = _w[1];
19414
+ var _x = React.useState('LOADING'),
19415
+ captureState = _x[0],
19416
+ setCaptureState = _x[1];
19401
19417
  var captureStartedAt = React.useRef();
19402
19418
  var captureEndedAt = React.useRef();
19403
19419
  var operationStartedAt = React.useRef();
19404
- var _x = React.useContext(SelfieGuidanceModelsContext),
19405
- start = _x.start,
19406
- stop = _x.stop;
19420
+ var _y = React.useContext(SelfieGuidanceModelsContext),
19421
+ start = _y.start,
19422
+ stop = _y.stop;
19407
19423
  React.useEffect(function () {
19408
19424
  operationStartedAt.current = new Date();
19409
19425
  }, []);
@@ -19458,9 +19474,9 @@
19458
19474
  setCaptureState('FAILED');
19459
19475
  onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
19460
19476
  }, [onDenied, submissionResponse, livenessCheckRequest]);
19461
- var _y = React.useState(0),
19462
- attempt = _y[0],
19463
- setAttempt = _y[1];
19477
+ var _z = React.useState(0),
19478
+ attempt = _z[0],
19479
+ setAttempt = _z[1];
19464
19480
  var onExitCallback = React.useCallback(function () {
19465
19481
  setAttempt(function (n) {
19466
19482
  return n + 1;
@@ -19566,7 +19582,8 @@
19566
19582
  colors: colors.loadingOverlay,
19567
19583
  verbiage: verbiage.loadingOverlay,
19568
19584
  onUserCancel: onUserCancel,
19569
- onDismissed: onLoadingOverlayDismissedCallback
19585
+ onDismissed: onLoadingOverlayDismissedCallback,
19586
+ waitForIdCaptureModels: waitForIdCaptureModels
19570
19587
  }));
19571
19588
  };
19572
19589
 
@@ -22431,6 +22448,7 @@
22431
22448
  skipSuccessScreen: true,
22432
22449
  renderCameraFeed: false,
22433
22450
  releaseCameraAccessOnExit: false,
22451
+ waitForIdCaptureModels: true,
22434
22452
  disableCapturePreview: !debugMode,
22435
22453
  guidesComponent: faceLivenessGuides,
22436
22454
  assets: assets.faceLiveness,