@incodetech/welcome 1.85.0-20251218215142.0 → 1.85.0-20251218222520.0

package/dist/onBoarding.mjs

@@ -8289,7 +8289,7 @@ class MlWasmJSApi {
     );
   }
 }
-const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251218215142.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);
@@ -26962,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};
@@ -26986,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};
@@ -27003,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,
@@ -27041,6 +27034,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
     StyledButton$e,
     {
       as: "button",
+      type: "button",
       tokens: nt,
       $isLoading: Ye,
       ...tt,
@@ -27247,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,
@@ -27256,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 })
           }
@@ -27860,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%",
@@ -173313,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",
           {
@@ -173367,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, {})
+          }
+        ) })
       ]
     }
   );
@@ -200107,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;
@@ -200124,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,
           {
@@ -200163,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, {}) })
             ]
           }
         )
@@ -200186,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,
@@ -200200,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 = () => {