idmission-web-sdk 1.0.119 → 1.0.121

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.
@@ -283,6 +283,7 @@ export type IdCaptureSuccessClassNames = {
283
283
  imageRow?: string;
284
284
  imageCol?: string;
285
285
  imageHeading?: string;
286
+ imageWrapper?: string;
286
287
  image?: string;
287
288
  instruction?: string;
288
289
  buttonsRow?: string;
@@ -47,7 +47,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
47
47
  var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
48
48
  var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
49
49
 
50
- var webSdkVersion = '1.0.119';
50
+ var webSdkVersion = '1.0.121';
51
51
 
52
52
  function getPlatform() {
53
53
  if (typeof window === 'undefined') return;
@@ -10511,33 +10511,39 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
10511
10511
  className: classNames.imageContainer
10512
10512
  }, /*#__PURE__*/React__default['default'].createElement(ImageRow, {
10513
10513
  className: classNames.imageRow
10514
- }, /*#__PURE__*/React__default['default'].createElement("h1", {
10514
+ }, /*#__PURE__*/React__default['default'].createElement(Heading$9, {
10515
10515
  className: classNames.heading
10516
10516
  }, verbiage.headingText), idCardFront && ( /*#__PURE__*/React__default['default'].createElement(ImageCol$1, {
10517
10517
  className: classNames.imageCol
10518
10518
  }, /*#__PURE__*/React__default['default'].createElement(ImageHeading, {
10519
10519
  className: classNames.imageHeading
10520
- }, verbiage.idCardFrontText), /*#__PURE__*/React__default['default'].createElement(CapturedImage, {
10520
+ }, verbiage.idCardFrontText), /*#__PURE__*/React__default['default'].createElement(CapturedImageWrapper, {
10521
+ className: classNames.imageWrapper
10522
+ }, /*#__PURE__*/React__default['default'].createElement(CapturedImage, {
10521
10523
  image: idCardFront,
10522
10524
  className: classNames.image,
10523
10525
  alt: verbiage.idCardFrontText
10524
- }))), idCardBack && ( /*#__PURE__*/React__default['default'].createElement(ImageCol$1, {
10526
+ })))), idCardBack && ( /*#__PURE__*/React__default['default'].createElement(ImageCol$1, {
10525
10527
  className: classNames.imageCol
10526
10528
  }, /*#__PURE__*/React__default['default'].createElement(ImageHeading, {
10527
10529
  className: classNames.imageHeading
10528
- }, verbiage.idCardBackText), /*#__PURE__*/React__default['default'].createElement(CapturedImage, {
10530
+ }, verbiage.idCardBackText), /*#__PURE__*/React__default['default'].createElement(CapturedImageWrapper, {
10531
+ className: classNames.imageWrapper
10532
+ }, /*#__PURE__*/React__default['default'].createElement(CapturedImage, {
10529
10533
  image: idCardBack,
10530
10534
  className: classNames.image,
10531
10535
  alt: verbiage.idCardBackText
10532
- }))), passport && ( /*#__PURE__*/React__default['default'].createElement(ImageCol$1, {
10536
+ })))), passport && ( /*#__PURE__*/React__default['default'].createElement(ImageCol$1, {
10533
10537
  className: classNames.imageCol
10534
10538
  }, /*#__PURE__*/React__default['default'].createElement(ImageHeading, {
10535
10539
  className: classNames.imageHeading
10536
- }, verbiage.passportText), /*#__PURE__*/React__default['default'].createElement(CapturedImage, {
10540
+ }, verbiage.passportText), /*#__PURE__*/React__default['default'].createElement(CapturedImageWrapper, {
10541
+ className: classNames.imageWrapper
10542
+ }, /*#__PURE__*/React__default['default'].createElement(CapturedImage, {
10537
10543
  image: passport,
10538
10544
  className: classNames.image,
10539
10545
  alt: verbiage.passportText
10540
- }))))), /*#__PURE__*/React__default['default'].createElement(OverlayInstruction, {
10546
+ })))))), /*#__PURE__*/React__default['default'].createElement(OverlayInstruction, {
10541
10547
  className: classNames.instruction
10542
10548
  }, verbiage.instructionText), /*#__PURE__*/React__default['default'].createElement(ButtonsRow, {
10543
10549
  className: classNames.buttonsRow
@@ -10573,7 +10579,7 @@ var CapturedImage = function CapturedImage(_a) {
10573
10579
  };
10574
10580
  im.src = image.imageData;
10575
10581
  }, [image.boundingBox, image.height, image.imageData, image.width]);
10576
- return /*#__PURE__*/React__default['default'].createElement(CapturedImageContainer, null, /*#__PURE__*/React__default['default'].createElement(CropCanvas, {
10582
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(CropCanvas, {
10577
10583
  ref: canvasRef
10578
10584
  }), /*#__PURE__*/React__default['default'].createElement(StyledImage, {
10579
10585
  alt: alt,
@@ -10581,14 +10587,18 @@ var CapturedImage = function CapturedImage(_a) {
10581
10587
  src: url
10582
10588
  }));
10583
10589
  };
10584
- var ImagesContainer = styled__default['default'](OverlayImageContainer)(templateObject_2$d || (templateObject_2$d = tslib.__makeTemplateObject(["\n overflow-y: auto;\n"], ["\n overflow-y: auto;\n"])));
10585
- var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_3$a || (templateObject_3$a = tslib.__makeTemplateObject(["\n flex-direction: column;\n"], ["\n flex-direction: column;\n"])));
10586
- var ImageCol$1 = styled__default['default'].div(templateObject_4$6 || (templateObject_4$6 = tslib.__makeTemplateObject(["\n max-height: none !important;\n"], ["\n max-height: none !important;\n"])));
10587
- var ImageHeading = styled__default['default'].h3(templateObject_5$4 || (templateObject_5$4 = tslib.__makeTemplateObject(["\n text-align: left;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"], ["\n text-align: left;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"])));
10588
- var CapturedImageContainer = styled__default['default'].div(templateObject_6$3 || (templateObject_6$3 = tslib.__makeTemplateObject(["\n border: 1px solid #0070f3;\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"], ["\n border: 1px solid #0070f3;\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"])));
10589
- var CropCanvas = styled__default['default'].canvas(templateObject_7$1 || (templateObject_7$1 = tslib.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
10590
- var StyledImage = styled__default['default'].img(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n width: 100%;\n border-radius: 4px;\n"], ["\n width: 100%;\n border-radius: 4px;\n"])));
10591
- var templateObject_1$k, templateObject_2$d, templateObject_3$a, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$1, templateObject_8;
10590
+ var Heading$9 = styled__default['default'].h1(templateObject_2$d || (templateObject_2$d = tslib.__makeTemplateObject(["\n margin-bottom: 12px;\n"], ["\n margin-bottom: 12px;\n"])));
10591
+ var ImagesContainer = styled__default['default'](OverlayImageContainer)(templateObject_3$a || (templateObject_3$a = tslib.__makeTemplateObject(["\n overflow-y: auto;\n"], ["\n overflow-y: auto;\n"])));
10592
+ var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_4$6 || (templateObject_4$6 = tslib.__makeTemplateObject(["\n flex-direction: column;\n"], ["\n flex-direction: column;\n"])));
10593
+ var ImageCol$1 = styled__default['default'].div(templateObject_5$4 || (templateObject_5$4 = tslib.__makeTemplateObject(["\n max-height: none !important;\n"], ["\n max-height: none !important;\n"])));
10594
+ var ImageHeading = styled__default['default'].h3(templateObject_6$3 || (templateObject_6$3 = tslib.__makeTemplateObject(["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"], ["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"])));
10595
+ var CapturedImageWrapper = styled__default['default'].div(templateObject_7$1 || (templateObject_7$1 = tslib.__makeTemplateObject(["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"], ["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"])), function (props) {
10596
+ var _a, _b, _c;
10597
+ return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.success) === null || _b === void 0 ? void 0 : _b.imageBorderColor) !== null && _c !== void 0 ? _c : 'var(--idm-color-primary-400)';
10598
+ });
10599
+ var CropCanvas = styled__default['default'].canvas(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
10600
+ var StyledImage = styled__default['default'].img(templateObject_9 || (templateObject_9 = tslib.__makeTemplateObject(["\n width: 100%;\n border-radius: 4px;\n"], ["\n width: 100%;\n border-radius: 4px;\n"])));
10601
+ var templateObject_1$k, templateObject_2$d, templateObject_3$a, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$1, templateObject_8, templateObject_9;
10592
10602
 
10593
10603
  var CameraVideoTag = function CameraVideoTag(_a) {
10594
10604
  var _b;