@incodetech/welcome 1.85.0-20251218170039.0 → 1.85.0-20251218222520.0

package/dist/incode-welcome/src/statsig.d.ts

@@ -1,4 +1,4 @@
-declare const FEATURE_FLAGS: readonly ["id_text_barcode_readability", "selfie_local_lenses_check_web", "id_model_hebrew_back_id", "id_face_readability", "new_id_capture_ux_least_risky_clients", "id_test_aa", "id_iou_check", "iad_checks", "iad_c_checks", "new_fingerprint", "mp_test_hashed_id"];
+declare const FEATURE_FLAGS: readonly ["id_text_barcode_readability", "selfie_local_lenses_check_web", "id_model_hebrew_back_id", "id_face_readability", "new_id_capture_ux_least_risky_clients", "id_test_aa", "id_iou_check", "iad_checks", "iad_c_checks", "new_fingerprint", "mp_test_hashed_id", "darwinium_profiling"];
 type FeatureFlag = (typeof FEATURE_FLAGS)[number];
 type FeatureFlags = {
     [key in FeatureFlag]: boolean;

package/dist/onBoarding.mjs

@@ -7453,7 +7453,8 @@ const FEATURE_FLAGS = [
   "iad_checks",
   "iad_c_checks",
   "new_fingerprint",
-  "mp_test_hashed_id"
+  "mp_test_hashed_id",
+  "darwinium_profiling"
 ], GLOBAL_FLAGS = ["new_fingerprint"], ID_MODULE_FLAGS = [
   "id_face_readability",
   "id_test_aa",
@@ -7479,7 +7480,8 @@ const clientApiKey = "client-GBTzsiJ99rvyZQdNXDFkftx3ZoMF1TED2rsB3m3IUqc", featu
   iad_c_checks: !1,
   id_iou_check: !0,
   new_fingerprint: !1,
-  mp_test_hashed_id: !1
+  mp_test_hashed_id: !1,
+  darwinium_profiling: !1
 }, clientExperimentIds = {
   new_id_capture_ux_least_risky_clients: "experimentV2"
 };
@@ -8287,7 +8289,7 @@ class MlWasmJSApi {
     );
   }
 }
-const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251218170039.0";
+const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251218222520.0";
 function e$2(Be, Le) {
   return function(Ye, tt) {
     return Object.prototype.hasOwnProperty.call(Ye, tt);
@@ -26960,6 +26962,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
   margin-right: auto;
   transition: background-color 0.2s ease;
   touch-action: manipulation;
+  cursor: pointer;
   text-align: ${(Be) => Be.textAlign || "center"};
   border: 1.5px solid ${(Be) => Be.borderColor || Be.tokens.button.primary.border.default};
   background: ${(Be) => Be.backgroundColor || Be.bg || Be.tokens.button.primary.surface.default};
@@ -26984,6 +26987,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
   }
 
   &:disabled {
+    cursor: not-allowed;
     background-color: ${(Be) => Be.tokens.button.primary.surface.disabled};
     border: 1px solid ${(Be) => Be.borderColor || Be.tokens.button.primary.border.disabled};
     color: ${(Be) => Be.tokens.button.primary.text.disabled};
@@ -27001,29 +27005,20 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
     width: 100%;
     height: 56px;
 
-    &:focus-visible {
-      outline: ${(Be) => Be.tokens.focus.ringWidth} solid ${(Be) => Be.tokens.focus.ringColor};
-      outline-offset: ${(Be) => Be.tokens.focus.ringOffset};
-    }
-
     &:disabled {
       opacity: 0.5;
-      }
+      cursor: not-allowed;
+    }
   }
     
   &.secondary {
     background: transparent;
     color: ${(Be) => Be.color || Be.tokens.button.secondary.text.default};
     border: 1.5px solid ${(Be) => Be.borderColor || Be.tokens.button.secondary.border.default};
-
-    &:focus-visible {
-      outline: ${(Be) => Be.tokens.focus.ringWidth} solid ${(Be) => Be.tokens.focus.ringColor};
-      outline-offset: ${(Be) => Be.tokens.focus.ringOffset};
-    }
   }
 
   svg {
-      display: block;
+    display: block;
   }
 `, Button$b = ({
   children: Be,
@@ -27039,6 +27034,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
     StyledButton$e,
     {
       as: "button",
+      type: "button",
       tokens: nt,
       $isLoading: Ye,
       ...tt,
@@ -27245,7 +27241,9 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
           Box,
           {
             as: "button",
+            type: "button",
             onClick: ht,
+            "aria-label": "Close",
             position: "absolute",
             right: ((Ye == null ? void 0 : Ye.position) ?? "right") === "right" ? ft : void 0,
             left: ((Ye == null ? void 0 : Ye.position) ?? "right") === "left" ? ft : void 0,
@@ -27254,6 +27252,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
             backgroundColor: "transparent",
             border: "none",
             p: 0,
+            cursor: "pointer",
             zIndex: 1e4,
             children: /* @__PURE__ */ jsx$1(XIcon, { color: Ye == null ? void 0 : Ye.color })
           }
@@ -27858,6 +27857,8 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
           Box,
           {
             as: "button",
+            type: "button",
+            "aria-label": "Clear",
             position: "absolute",
             right: Ct.spacing[6],
             top: "50%",
@@ -151447,7 +151448,7 @@ const getSardineContext = () => sardineContext, createSardineContextFromSardine
       SardineUserID: void 0
     }
   }));
-  await loadDwnSDK(), dwnContext = createDwnContext(), shouldDoSardineContextFromSardine(tt) && (await loadSardineSDK(Le), sardineContext = createSardineContextFromSardine({
+  getFeatureFlag("darwinium_profiling") && (await loadDwnSDK(), dwnContext = createDwnContext()), shouldDoSardineContextFromSardine(tt) && (await loadSardineSDK(Le), sardineContext = createSardineContextFromSardine({
     sardineClientId: tt.SardineClientID,
     sardineSessionKey: tt.SardineSessionKey,
     sardineUserId: tt.SardineUserID,
@@ -173311,8 +173312,8 @@ const StyledPath = dt.path`
       viewBox: "0 0 64 64",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "Camera button" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "path",
           {
@@ -173365,7 +173366,17 @@ const StyledPath = dt.path`
             children: Ye("selfiev2.manualCapture.instructions")
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$b, { variant: "link", onClick: Be, disabled: Le, hFull: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CameraButton, {}) }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$b,
+          {
+            variant: "link",
+            onClick: Be,
+            disabled: Le,
+            hFull: !0,
+            "aria-label": Ye("selfiev2.manualCapture.captureButton"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(CameraButton, {})
+          }
+        ) })
       ]
     }
   );
@@ -200105,6 +200116,19 @@ const createCaptureIdApi = (Be) => {
   padding: ${tokens.spacing[4]} ${tokens.spacing[6]};
   text-align: right;
   height: 135px;
+  transition: background-color 0.2s ease;
+  touch-action: manipulation;
+  cursor: pointer;
+
+  &:focus-visible {
+    outline: ${tokens.focus.ringWidth} solid ${tokens.focus.ringColor};
+    outline-offset: ${tokens.focus.ringOffset};
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
 `, OldChooserButtonIconContainer = dt(FlexItem)`
   margin: auto;
   flex: 1;
@@ -200122,11 +200146,14 @@ const createCaptureIdApi = (Be) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     OldStyledChooserButton,
     {
+      type: "button",
       onClick: nt,
       $bg: ft.color.surface.secondary[50],
       $border: ft.color.border.primary,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { hFull: !0, "data-testid": `chooser-button-${Be}`, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(OldChooserButtonIconContainer, { children: Le }),
+      "aria-label": `${Ye}: ${tt}`,
+      "data-testid": `chooser-button-${Be}`,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { hFull: !0, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(OldChooserButtonIconContainer, { "aria-hidden": "true", children: Le }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           Flex,
           {
@@ -200161,7 +200188,7 @@ const createCaptureIdApi = (Be) => {
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer, { size: 1 })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowIcon, {}) })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowIcon, {}) })
             ]
           }
         )
@@ -200184,8 +200211,21 @@ const createCaptureIdApi = (Be) => {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  transition: background-color 0.2s ease;
+  touch-action: manipulation;
+  cursor: pointer;
 
   border-radius: ${({ $isFirst: Be, $isLast: Le }) => Be && Le ? "16px" : Be ? "16px 16px 0 0" : Le ? "0 0 16px 16px" : "0"};
+
+  &:focus-visible {
+    outline: ${tokens.focus.ringWidth} solid ${tokens.focus.ringColor};
+    outline-offset: ${tokens.focus.ringOffset};
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
 `, NewChooserButton = ({
   id: Be,
   icon: Le,
@@ -200198,59 +200238,51 @@ const createCaptureIdApi = (Be) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     NewStyledChooserButton,
     {
+      type: "button",
       onClick: tt,
       $bg: ht.color.surface.neutral.light,
       $border: ht.color.border.primary,
       $isFirst: nt,
       $isLast: ft,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Flex,
-        {
-          hFull: !0,
-          wFull: !0,
-          "data-testid": `chooser-button-${Be}`,
-          alignItems: "center",
-          align: "center",
-          gap: "12px",
-          children: [
-            Le,
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              Flex,
-              {
-                flex: 2,
-                direction: "row",
-                wrap: "nowrap",
-                justify: "space-between",
-                align: "center",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    Flex,
+      "aria-label": Ye,
+      "data-testid": `chooser-button-${Be}`,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { hFull: !0, wFull: !0, alignItems: "center", align: "center", gap: "12px", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", children: Le }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Flex,
+          {
+            flex: 2,
+            direction: "row",
+            wrap: "nowrap",
+            justify: "space-between",
+            align: "center",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Flex,
+                {
+                  align: "center",
+                  flex: 1,
+                  maxW: "160px",
+                  h: "18px",
+                  textOverflow: "ellipsis",
+                  overflow: "visible",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Text$7,
                     {
-                      align: "center",
-                      flex: 1,
-                      maxW: "160px",
-                      h: "18px",
-                      textOverflow: "ellipsis",
+                      fontWeight: 500,
+                      textAlign: "left",
+                      color: ht.color.text.body.primary,
                       overflow: "visible",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Text$7,
-                        {
-                          fontWeight: 500,
-                          textAlign: "left",
-                          color: ht.color.text.body.primary,
-                          overflow: "visible",
-                          children: Ye
-                        }
-                      )
+                      children: Ye
                     }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowIcon$1, {}) })
-                ]
-              }
-            )
-          ]
-        }
-      )
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowIcon$1, {}) })
+            ]
+          }
+        )
+      ] })
     }
   );
 }, Chooser = () => {
@@ -365872,7 +365904,7 @@ function FlowRenderer({
     else {
       vt(!0);
       const { redirectionUrl: Wt } = await getFinishStatus(void 0, { token: Be });
-      (Lt = (Nt = getDwnContext()) == null ? void 0 : Nt.collect()) == null || Lt.then(($t) => {
+      getFeatureFlag("darwinium_profiling") && ((Lt = (Nt = getDwnContext()) == null ? void 0 : Nt.collect()) == null || Lt.then(($t) => {
         addEvent({
           code: "externalRiskSDKInitialized",
           payload: {
@@ -365881,7 +365913,7 @@ function FlowRenderer({
           },
           token: Be
         });
-      }).catch(console.error), bt.flowCompleted(Dt), Ye({ redirectionUrl: Wt });
+      }).catch(console.error)), bt.flowCompleted(Dt), Ye({ redirectionUrl: Wt });
     }
   };
   return kt ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner$6, {}) : It ? /* @__PURE__ */ jsxRuntimeExports.jsx(