gbc-kyc-kit 1.8.7 → 1.8.8

package/dist/gbc-kyc-kit.es.js

@@ -26688,8 +26688,8 @@ const caseAllCaps = {
 const defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
 function createTypography(palette, typography) {
   const _ref = typeof typography === "function" ? typography(palette) : typography, {
-    fontFamily = defaultFontFamily,
-    fontSize = 14,
+    fontFamily: fontFamily2 = defaultFontFamily,
+    fontSize: fontSize2 = 14,
     fontWeightLight = 300,
     fontWeightRegular = 400,
     fontWeightMedium = 500,
@@ -26698,14 +26698,14 @@ function createTypography(palette, typography) {
     allVariants,
     pxToRem: pxToRem2
   } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$3);
-  const coef = fontSize / 14;
+  const coef = fontSize2 / 14;
   const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
   const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$1({
-    fontFamily,
+    fontFamily: fontFamily2,
     fontWeight,
     fontSize: pxToRem(size),
     lineHeight
-  }, fontFamily === defaultFontFamily ? {
+  }, fontFamily2 === defaultFontFamily ? {
     letterSpacing: `${round(letterSpacing / size)}em`
   } : {}, casing, allVariants);
   const variants = {
@@ -26733,8 +26733,8 @@ function createTypography(palette, typography) {
   return deepmerge(_extends$1({
     htmlFontSize,
     pxToRem,
-    fontFamily,
-    fontSize,
+    fontFamily: fontFamily2,
+    fontSize: fontSize2,
     fontWeightLight,
     fontWeightRegular,
     fontWeightMedium,
@@ -26868,11 +26868,11 @@ const _excluded = ["children", "className", "color", "component", "fontSize", "h
 const useUtilityClasses = (ownerState) => {
   const {
     color: color2,
-    fontSize,
+    fontSize: fontSize2,
     classes
   } = ownerState;
   const slots = {
-    root: ["root", color2 !== "inherit" && `color${capitalize(color2)}`, `fontSize${capitalize(fontSize)}`]
+    root: ["root", color2 !== "inherit" && `color${capitalize(color2)}`, `fontSize${capitalize(fontSize2)}`]
   };
   return composeClasses(slots, getSvgIconUtilityClass, classes);
 };
@@ -26923,7 +26923,7 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
     className,
     color: color2 = "inherit",
     component = "svg",
-    fontSize = "medium",
+    fontSize: fontSize2 = "medium",
     htmlColor,
     inheritViewBox = false,
     titleAccess,
@@ -26933,7 +26933,7 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
   const ownerState = _extends$1({}, props, {
     color: color2,
     component,
-    fontSize,
+    fontSize: fontSize2,
     instanceFontSize: inProps.fontSize,
     inheritViewBox,
     viewBox,
@@ -29452,6 +29452,10 @@ lib.useDeviceData = useDeviceData;
 lib.useDeviceSelectors = useDeviceSelectors;
 lib.useMobileOrientation = useMobileOrientation;
 lib.withOrientationChange = withOrientationChange;
+const primaryColor = getComputedStyle(document.documentElement).getPropertyValue("--primary");
+const primaryColorHover = getComputedStyle(document.documentElement).getPropertyValue("--primary-hov");
+const fontSize = getComputedStyle(document.documentElement).getPropertyValue("--font-size");
+const fontFamily = getComputedStyle(document.documentElement).getPropertyValue("--font-family");
 function LivenessCheck({
   mode,
   clientId,
@@ -29484,7 +29488,16 @@ function LivenessCheck({
         videoRecording: false,
         url: "https://regula-sandbox.globalbridgeconnections.com.py/face-sdk",
         customization: {
-          fontFamily: "Noto Sans, sans-serif"
+          fontFamily,
+          fontSize,
+          onboardingScreenStartButtonBackground: primaryColor,
+          onboardingScreenStartButtonBackgroundHover: primaryColorHover,
+          retryScreenRetryButtonBackground: primaryColor,
+          retryScreenRetryButtonBackgroundHover: primaryColor,
+          cameraScreenSectorActive: primaryColor,
+          cameraScreenStrokeNormal: primaryColor,
+          processingScreenProgress: primaryColor,
+          cameraScreenSectorTarget: primaryColorHover
         }
       };
       component.addEventListener("face-liveness", listener);