@incodetech/welcome 1.85.0-20251212230726.0 → 1.85.0-20251212230841.0

package/dist/incode-welcome/src/ID/IDV2/capture/CaptureOverlay.d.ts

@@ -2,6 +2,10 @@ import { default as React, ReactNode } from 'react';
 import { DetectionOrientation } from '../../../detection/IdDetectionManager';
 
 export declare const Frame: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Bottom: ({ orientation, children, }: {
+    orientation: DetectionOrientation;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 type CaptureOverlayProps = {
     isWrongSide: boolean;
     isIdle: boolean;

package/dist/incode-welcome/src/ID/IDV2/components/EncryptionLabel.d.ts

@@ -0,0 +1,2 @@
+declare const EncryptionLabel: () => import("react/jsx-runtime").JSX.Element;
+export default EncryptionLabel;

package/dist/onBoarding.mjs

@@ -8350,7 +8350,7 @@ class MlWasmJSApi {
     );
   }
 }
-const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251212230726.0";
+const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251212230841.0";
 function e$2(Be, Le) {
   return function(Ye, tt) {
     return Object.prototype.hasOwnProperty.call(Ye, tt);
@@ -202184,7 +202184,23 @@ function useIdDetection({ getCanvas: Be, onCapture: Le, mode: Ye }) {
     }
   };
 }
-const ratios = {
+const SvgLockIcon = (Be) => /* @__PURE__ */ React.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...Be }, /* @__PURE__ */ React.createElement("path", { d: "M8 2.83368C9.38071 2.83368 10.5 3.95297 10.5 5.33368V6.66669H11.333C11.7012 6.66669 12 6.96549 12 7.33368V11.9997C12 12.3679 11.7012 12.6667 11.333 12.6667H4.66699C4.2988 12.6667 4 12.3679 4 11.9997V7.33368C4 6.96549 4.2988 6.66669 4.66699 6.66669H5.5V5.33368C5.5 3.95297 6.61929 2.83368 8 2.83368ZM8 3.83368C7.17157 3.83368 6.5 4.50525 6.5 5.33368V6.66669H9.5V5.33368C9.5 4.50525 8.82843 3.83368 8 3.83368Z", fill: "#FCFCFD" })), EncryptionLabel = () => {
+  const { t: Be } = useTranslation$1(), Le = useTokens();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: Le.spacing[1], children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SvgLockIcon, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Text$7,
+      {
+        color: Le.color.surface.neutral.light,
+        fontWeight: 400,
+        fontSize: Le.typography.fontSize.sm,
+        letterSpacing: "0.14px",
+        lineHeight: Le.spacing[5],
+        children: Be("encryptionLabel.encryptedPhotos")
+      }
+    )
+  ] });
+}, ratios = {
   horizontal: { id: 22 / 35, passport: 30 / 42 },
   vertical: { id: 35 / 22, passport: 42 / 30 }
 }, getRatioValue = (Be, Le = "id") => ratios[Be][Le];
@@ -202358,7 +202374,22 @@ const TopText = ({ title: Be, subtitle: Le, orientation: Ye }) => {
       -o-aspect-ratio: 30 / 42;
     }
   }
-`, StyledFrameBorder = dt.div`
+`, BottomContainer$1 = dt.div`
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 100;
+`, Bottom = ({
+  orientation: Be,
+  children: Le
+}) => {
+  var ft, ht;
+  const Ye = idFlowManager.getParentSize(), tt = Be === "vertical" ? (ft = idFlowManager.getVerticalFrameSize()) == null ? void 0 : ft.height : ((ht = idFlowManager.getHorizontalFrameSize()) == null ? void 0 : ht.width) * ratios.horizontal.id, nt = Ye && tt ? `${Ye.height / 2 + tt / 2 + 16}px` : "calc(50% + 16px)";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BottomContainer$1, { style: { top: nt }, children: Le });
+}, StyledFrameBorder = dt.div`
   position: absolute;
   inset: 0;
   border: 4px solid ${({ $frameColor: Be }) => Be};
@@ -202479,7 +202510,8 @@ const TopText = ({ title: Be, subtitle: Le, orientation: Ye }) => {
             }
           )
         }
-      )
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Bottom, { orientation: xt, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EncryptionLabel, {}) })
     ] }) });
   }
 );
@@ -203536,32 +203568,35 @@ const FrameContainer = ({ children: Be }) => /* @__PURE__ */ jsxRuntimeExports.j
       left: 0,
       top: 0,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(FrameContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Frame,
-          {
-            className: Le,
-            ref: ht,
-            style: {
-              height: gt ? `${gt}px` : void 0,
-              width: At ? `${At}px` : void 0
-            },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Box,
-              {
-                position: "absolute",
-                inset: 0,
-                borderWidth: 1,
-                borderStyle: "solid",
-                borderColor: tt,
-                borderRadius: "10px",
-                boxShadow: `0 0 0 9999px ${ft.color.surface.neutral.dark}`,
-                zIndex: 3,
-                hFull: !0,
-                wFull: !0
-              }
-            )
-          }
-        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FrameContainer, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Frame,
+            {
+              className: Le,
+              ref: ht,
+              style: {
+                height: gt ? `${gt}px` : void 0,
+                width: At ? `${At}px` : void 0
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Box,
+                {
+                  position: "absolute",
+                  inset: 0,
+                  borderWidth: 1,
+                  borderStyle: "solid",
+                  borderColor: tt,
+                  borderRadius: "10px",
+                  boxShadow: `0 0 0 9999px ${ft.color.surface.neutral.dark}`,
+                  zIndex: 3,
+                  hFull: !0,
+                  wFull: !0
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Bottom, { orientation: Le, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EncryptionLabel, {}) })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Image$e,
           {