gbc-kyc-kit 2.0.11 → 2.0.13

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.
package/README.md CHANGED
@@ -106,7 +106,7 @@ If you use this components with TypeScript, you should create a customType.d.ts
106
106
  | validateVpn | boolean | | Document Reader - 1099 | It isn't required. If exist these props, the component will validate the use of VPN. The default value is false |
107
107
  | dualModeRequired | boolean | | Document Reader - 1099 | It isn't required. Only apply to OCR Component. If exist these props, the component will be forced to upload two side of docuemnt. The default value is false |
108
108
  | successMessage | string | | All Components | It isn't required. If exist these props, the component will take this message, else we use the default values for each component |
109
- | alertMessage | string | | All Components | It isn't required. If exist these props, the component will take this message, else we use the default values for each component, Only apply to Blacklist Component |
109
+ | alertMessage | string | | Blacklist - 1095 | It isn't required. If exist these props, the component will take this message, else we use the default values for each component, Only apply to Blacklist Component |
110
110
  | faceMatch | string | | Liveness Check - 1096 | It isn't required. If exist these props, should be an image in base64 or url, the component will to compare this image with the liveness check. The default vaue is null |
111
111
  | showFilterByButton | boolean | | Blacklist - 1095 | It isn't required. If these props exist, they should be a boolean. The component hides the 'Filter By' button if this prop is false. The default value is true |
112
112
 
@@ -37818,26 +37818,6 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
37818
37818
  const [dualMode, setDualMode] = useState(dualModeRequired);
37819
37819
  const webcamRef = useRef(null);
37820
37820
  const [activateCamera, setActivateCamera] = useState(false);
37821
- const [videoDimensions, setVideoDimensions] = useState({
37822
- width: 300,
37823
- height: 300 / 9 / 16
37824
- });
37825
- useEffect(() => {
37826
- const updateVideoDimensions = () => {
37827
- const aspectRatio = window.innerHeight > window.innerWidth ? 9 / 16 : 16 / 9;
37828
- const width2 = 300;
37829
- const height2 = width2 / aspectRatio;
37830
- setVideoDimensions({
37831
- width: width2,
37832
- height: height2
37833
- });
37834
- };
37835
- updateVideoDimensions();
37836
- window.addEventListener("resize", updateVideoDimensions);
37837
- return () => {
37838
- window.removeEventListener("resize", updateVideoDimensions);
37839
- };
37840
- }, []);
37841
37821
  useEffect(() => {
37842
37822
  if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
37843
37823
  if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
@@ -37953,9 +37933,16 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
37953
37933
  setActivateCamera(false);
37954
37934
  };
37955
37935
  const videoConstraints = {
37956
- width: videoDimensions.width,
37957
- height: videoDimensions.height,
37958
- facingMode: "environment"
37936
+ width: {
37937
+ ideal: 1280
37938
+ },
37939
+ height: {
37940
+ ideal: 720
37941
+ },
37942
+ aspectRatio: {
37943
+ ideal: 16 / 9
37944
+ },
37945
+ facingMode: "user"
37959
37946
  };
37960
37947
  return {
37961
37948
  onSendSubmitDocument,
@@ -38718,7 +38705,6 @@ function FaceMatch({
38718
38705
  capturePhoto,
38719
38706
  webcamRef,
38720
38707
  url,
38721
- setUrl,
38722
38708
  countryCode
38723
38709
  } = FaceMatchController(dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed, validateVpn, successMessage);
38724
38710
  const onUserMedia = (e2) => {
@@ -38848,7 +38834,8 @@ FaceMatch.propTypes = {
38848
38834
  countryCodeAllowed: propTypes.exports.PropTypes.array,
38849
38835
  eventId: propTypes.exports.PropTypes.string,
38850
38836
  source: propTypes.exports.PropTypes.string,
38851
- validateVpn: propTypes.exports.PropTypes.bool
38837
+ validateVpn: propTypes.exports.PropTypes.bool,
38838
+ successMessage: propTypes.exports.PropTypes.string
38852
38839
  };
38853
38840
  const LivenessController = (clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness, validateVpn, successMessage) => {
38854
38841
  const [isLoading, setIsLoading] = useState(false);
@@ -40201,7 +40188,7 @@ function LivenessCheck({
40201
40188
  locale: "es",
40202
40189
  videoRecording: true,
40203
40190
  closeDisabled: true,
40204
- url: "https://regula-sandbox.globalbridgeconnections.com.py/face-sdk",
40191
+ workerPath: "https://regula-sandbox.globalbridgeconnections.com.py/face-sdk",
40205
40192
  customization: {
40206
40193
  fontFamily,
40207
40194
  fontSize,