@incodetech/welcome 1.85.0-20251215155839.0 → 1.85.0-20251216181218.0

package/dist/incode-welcome/src/ekyb/components/FieldInput.d.ts

@@ -12,6 +12,7 @@ interface FieldInputProps {
     errors: {
         [key: string]: FieldError;
     };
+    optional?: boolean;
 }
 export declare const FieldInput: React.FC<FieldInputProps>;
 export {};

package/dist/incode-welcome/src/ekyb/components/UboInputs.d.ts

@@ -7,6 +7,7 @@ interface UboInputsProps {
     errors: {
         [key: string]: FieldError;
     };
+    optional?: boolean;
 }
 export declare const UboInputs: React.FC<UboInputsProps>;
 export {};

package/dist/onBoarding.mjs

@@ -8350,7 +8350,7 @@ class MlWasmJSApi {
     );
   }
 }
-const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251215155839.0";
+const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$4 = "1.85.0-20251216181218.0";
 function e$2(Be, Le) {
   return function(Ye, tt) {
     return Object.prototype.hasOwnProperty.call(Ye, tt);
@@ -26734,7 +26734,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
     border: 1px solid ${(Be) => Be.borderColor || Be.tokens.input.primary.border.default};
     border-radius: ${(Be) => Be.borderRadius || Be.tokens.spacing[2]};
     color: ${(Be) => Be.color || Be.tokens.input.primary.text.field.default};
-    
+
     &:disabled {
         border: 1px solid ${(Be) => Be.tokens.input.primary.border.disabled};
         background-color: ${(Be) => Be.tokens.input.primary.surface.disabled};
@@ -27857,82 +27857,94 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex, { justify: "center", alig
   }
 ), InputComposed = forwardRef(
   ({
-    label: Be,
-    type: Le,
-    error: Ye,
-    showErrorIcon: tt,
-    helper: nt,
-    showHelperIcon: ft,
-    closeButton: ht,
-    ...gt
-  }, At) => {
-    const xt = useTokens();
+    id: Be,
+    label: Le,
+    "aria-label": Ye,
+    type: tt,
+    error: nt,
+    showErrorIcon: ft,
+    helper: ht,
+    showHelperIcon: gt,
+    closeButton: At,
+    required: xt,
+    ...Et
+  }, yt) => {
+    const Ct = useTokens(), kt = `${Be}-helper`, vt = `${Be}-error`, bt = [ht ? kt : null, nt ? vt : null].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs(Box, { wFull: !0, maxW: "420px", children: [
-      Be && /* @__PURE__ */ jsx$1(
+      Le && /* @__PURE__ */ jsx$1(
         Text$7,
         {
           fontWeight: 700,
           as: "label",
-          color: xt.input.primary.text.label.default,
-          mb: xt.spacing[2],
+          color: Ct.input.primary.text.label.default,
+          mb: Ct.spacing[2],
           display: "inline-block",
           fontSize: "14px",
-          children: Be
+          htmlFor: Be,
+          children: Le
         }
       ),
       /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
         /* @__PURE__ */ jsx$1(
           Input$b,
           {
-            type: Le,
-            p: xt.spacing[4],
-            ...gt,
-            ref: At,
-            borderColor: Ye && xt.input.primary.border.negative,
-            "data-has-value": !!gt.value && String(gt.value).length > 0
+            id: Be,
+            type: tt,
+            p: Ct.spacing[4],
+            ...Et,
+            ref: yt,
+            required: xt,
+            borderColor: nt && Ct.input.primary.border.negative,
+            "data-has-value": !!Et.value && String(Et.value).length > 0,
+            ...!Le && Ye ? { "aria-label": Ye } : {},
+            "aria-describedby": bt || void 0,
+            "aria-required": xt ? "true" : void 0,
+            "aria-invalid": nt ? "true" : void 0
           }
         ),
-        (ht == null ? void 0 : ht.show) && /* @__PURE__ */ jsx$1(
+        (At == null ? void 0 : At.show) && /* @__PURE__ */ jsx$1(
           Box,
           {
             as: "button",
             position: "absolute",
-            right: xt.spacing[6],
+            right: Ct.spacing[6],
             top: "50%",
             transform: "translateY(-50%)",
             backgroundColor: "transparent",
             border: "none",
             p: 0,
             zIndex: 1e4,
-            onClick: ht.onClose,
+            onClick: At.onClose,
             children: /* @__PURE__ */ jsx$1(XIcon, {})
           }
         )
       ] }),
-      Ye && /* @__PURE__ */ jsxs(Flex, { mt: xt.spacing[2], align: "center", children: [
-        tt && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: xt.spacing[2], children: /* @__PURE__ */ jsx$1(ErrorIcon$1, { size: "17" }) }),
+      nt && /* @__PURE__ */ jsxs(Flex, { mt: Ct.spacing[2], align: "center", children: [
+        ft && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: Ct.spacing[2], children: /* @__PURE__ */ jsx$1(ErrorIcon$1, { size: "17" }) }),
         /* @__PURE__ */ jsx$1(
           Text$7,
           {
+            id: vt,
             display: "inline-block",
             as: "p",
             my: "auto",
-            color: xt.input.primary.text.helper.negative,
-            children: Ye
+            color: Ct.input.primary.text.helper.negative,
+            children: nt
           }
         )
       ] }),
-      nt && /* @__PURE__ */ jsxs(Flex, { mt: xt.spacing[2], align: "center", children: [
-        ft && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: xt.spacing[2], children: /* @__PURE__ */ jsx$1(SuccessIcon$1, { size: "17" }) }),
+      ht && /* @__PURE__ */ jsxs(Flex, { mt: Ct.spacing[2], align: "center", children: [
+        gt && /* @__PURE__ */ jsx$1(Box, { display: "inline-block", mr: Ct.spacing[2], children: /* @__PURE__ */ jsx$1(SuccessIcon$1, { size: "17" }) }),
         /* @__PURE__ */ jsx$1(
           Text$7,
           {
+            id: kt,
             display: "inline-block",
             as: "p",
             my: "auto",
             fontWeight: 400,
-            color: xt.input.primary.text.helper.default,
-            children: nt
+            color: Ct.input.primary.text.helper.default,
+            children: ht
           }
         )
       ] })
@@ -28402,11 +28414,11 @@ const isObject$7 = (Be) => typeof Be == "object" && Be !== null && !Array.isArra
     disabled: Be.gray[300]
   },
   border: {
-    primary: Be.gray[100],
+    primary: Be.gray[200],
     disabled: Be.gray[300],
     focus: Be.gray[500],
     accent: Be.brand[500],
-    negative: Be.negative[500],
+    negative: Be.negative[600],
     warning: Be.warn[500],
     positive: Be.positive[600]
   },
@@ -28422,7 +28434,7 @@ const isObject$7 = (Be) => typeof Be == "object" && Be !== null && !Array.isArra
       brandSecondary: Be.brandSecondary[500]
     },
     status: {
-      negative: Be.negative[500],
+      negative: Be.negative[600],
       warning: Be.warn[500],
       positive: Be.positive[600]
     }
@@ -142540,33 +142552,34 @@ const SynchronizedInputGroup = styled.div`
     ]
   }
 ), DateInput = forwardRef(
-  ({ value: Be, onChange: Le, label: Ye, ...tt }, nt) => {
-    const ft = useRef(null), ht = (gt) => {
-      gt.preventDefault(), gt.stopPropagation();
-      const At = ft.current;
-      if (At)
-        if (At.focus(), "showPicker" in HTMLInputElement.prototype)
+  ({ id: Be, value: Le, onChange: Ye, label: tt, ...nt }, ft) => {
+    const ht = useRef(null), gt = (At) => {
+      At.preventDefault(), At.stopPropagation();
+      const xt = ht.current;
+      if (xt)
+        if (xt.focus(), "showPicker" in HTMLInputElement.prototype)
           try {
-            At.showPicker();
+            xt.showPicker();
           } catch {
-            At.click();
+            xt.click();
           }
         else
-          At.click();
+          xt.click();
     };
     return /* @__PURE__ */ jsxs(Box, { position: "relative", wFull: !0, maxW: "420px", children: [
       /* @__PURE__ */ jsx$1(
         InputComposed,
         {
-          ref: (gt) => {
-            ft.current = gt, typeof nt == "function" ? nt(gt) : nt && (nt.current = gt);
+          id: Be,
+          ref: (At) => {
+            ht.current = At, typeof ft == "function" ? ft(At) : ft && (ft.current = At);
           },
-          label: Ye,
+          label: tt,
           type: "date",
-          value: Be,
-          onChange: Le,
-          "data-has-value": !!Be,
-          ...tt
+          value: Le,
+          onChange: Ye,
+          "data-has-value": !!Le,
+          ...nt
         }
       ),
       /* @__PURE__ */ jsx$1(
@@ -142578,8 +142591,8 @@ const SynchronizedInputGroup = styled.div`
           right: "16px",
           top: "65%",
           transform: "translateY(-50%)",
-          onClick: ht,
-          onTouchEnd: ht,
+          onClick: gt,
+          onTouchEnd: gt,
           style: {
             cursor: "pointer",
             zIndex: 1,
@@ -277566,6 +277579,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           InputComposed,
           {
+            id: "generated-curp",
             label: "",
             value: Dt,
             readOnly: !0,
@@ -277602,18 +277616,21 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "first-name",
           ref: Nt,
           label: ht("curp.labels.firstName"),
           placeholder: ht("curp.placeholder.firstName"),
           value: gt,
           onChange: (zt) => At(zt.target.value),
           onKeyDown: (zt) => Gt(zt, Lt),
-          enterKeyHint: "next"
+          enterKeyHint: "next",
+          autoComplete: "given-name"
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "first-last-name",
           ref: Lt,
           label: ht("curp.labels.firstLast"),
           placeholder: ht("curp.placeholder.firstLast"),
@@ -277626,6 +277643,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "second-last-name",
           ref: Wt,
           label: ht("curp.labels.secondLast"),
           placeholder: ht("curp.placeholder.secondLast"),
@@ -277655,6 +277673,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         DateInput,
         {
+          id: "birth-date",
           ref: Kt,
           label: ht("curp.labels.dob"),
           value: bt,
@@ -277825,6 +277844,7 @@ const CURP_LENGTH = 18, isValidCurp = (Be) => typeof Be == "string" && Be.length
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputComposed,
         {
+          id: "your-curp",
           placeholder: nt("curp.placeholder.curp"),
           value: ft,
           onChange: (wt) => ht(wt.target.value.toUpperCase())
@@ -354591,20 +354611,21 @@ const CountryWrapper = dt.div`
   register: nt,
   setValue: ft,
   trigger: ht,
-  errors: gt
+  errors: gt,
+  optional: At = !1
 }) => {
-  var xt, Et, yt;
-  const { t: At } = useTranslation$1();
-  return Be === "state" && console.info("State errors:", gt[Be]), Be === "state" ? tt ? /* @__PURE__ */ jsxRuntimeExports.jsx(CountryWrapper, { error: !!((xt = gt == null ? void 0 : gt.state) != null && xt.message), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  var yt, Ct, kt;
+  const { t: xt } = useTranslation$1(), Et = At || OPTIONAL_FIELDS[Be];
+  return Be === "state" ? tt ? /* @__PURE__ */ jsxRuntimeExports.jsx(CountryWrapper, { error: !!((yt = gt == null ? void 0 : gt.state) != null && yt.message), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     StateSelector,
     {
       id: "state",
-      label: (Et = gt == null ? void 0 : gt.state) != null && Et.message ? (yt = gt == null ? void 0 : gt.state) == null ? void 0 : yt.message : At("verification.labels.chooseState"),
-      placeholder: At("common.state.placeholder"),
-      searchPlaceholder: At("common.state.searchPlaceholder"),
+      label: (Ct = gt == null ? void 0 : gt.state) != null && Ct.message ? (kt = gt == null ? void 0 : gt.state) == null ? void 0 : kt.message : xt("verification.labels.chooseState"),
+      placeholder: xt("common.state.placeholder"),
+      searchPlaceholder: xt("common.state.searchPlaceholder"),
       name: "state",
-      onChange: (Ct) => {
-        ft("state", Ct), ht("state");
+      onChange: (vt) => {
+        ft("state", vt), ht("state");
       },
       value: Ye
     },
@@ -354614,13 +354635,13 @@ const CountryWrapper = dt.div`
     {
       id: Be,
       register: nt,
-      onBlur: (Ct) => {
-        ft(Be, Ct.target.value.trim());
+      onBlur: (vt) => {
+        ft(Be, vt.target.value.trim());
       },
       registerOpts: {
-        required: OPTIONAL_FIELDS[Be] ? "" : At("ekyb.error.requiredField")
+        required: Et ? "" : xt("ekyb.error.requiredField")
       },
-      label: At(`ekyb.${Be}`),
+      label: xt(`ekyb.${Be}`),
       error: formatFieldError(gt[Be])
     },
     Be
@@ -354629,18 +354650,18 @@ const CountryWrapper = dt.div`
     {
       id: Be,
       register: nt,
-      onBlur: (Ct) => {
-        ft(Be, Ct.target.value.trim());
+      onBlur: (vt) => {
+        ft(Be, vt.target.value.trim());
       },
       registerOpts: {
-        required: OPTIONAL_FIELDS[Be] ? "" : At("ekyb.error.requiredField"),
+        required: Et ? "" : xt("ekyb.error.requiredField"),
         pattern: Be === "taxId" && !COUNTRIES_WITH_CNPJ_VALIDATION.includes(Le) && !COUNTRIES_WITH_SPECIAL_TAX_ID_RULES.includes(Le) ? {
           value: /^[a-zA-Z0-9]+$/,
-          message: At("ekyb.error.taxId")
+          message: xt("ekyb.error.taxId")
         } : void 0,
-        validate: Be === "taxId" && COUNTRIES_WITH_CNPJ_VALIDATION.includes(Le) ? (Ct) => validateCnpjNumber(Ct) || "ekyb.error.invalidTaxId" : void 0
+        validate: Be === "taxId" && COUNTRIES_WITH_CNPJ_VALIDATION.includes(Le) ? (vt) => validateCnpjNumber(vt) || "ekyb.error.invalidTaxId" : void 0
       },
-      label: At(`ekyb.${Be}`),
+      label: xt(`ekyb.${Be}`),
       error: formatFieldError(gt[Be])
     },
     Be
@@ -354648,35 +354669,36 @@ const CountryWrapper = dt.div`
 }, UboInputs = ({
   uboCount: Be,
   register: Le,
-  errors: Ye
+  errors: Ye,
+  optional: tt = !1
 }) => {
-  const { t: tt } = useTranslation$1();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: Array.from({ length: Be }).map((nt, ft) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+  const { t: nt } = useTranslation$1();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: Array.from({ length: Be }).map((ft, ht) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Input$4,
       {
-        id: `uboName-${ft + 1}`,
+        id: `uboName-${ht + 1}`,
         register: Le,
-        label: ft === 0 ? tt("ekyb.uboName") : tt("ekyb.uboNameWithNumber", { number: ft + 1 }),
-        error: formatFieldError(Ye[`uboName-${ft + 1}`]),
+        label: ht === 0 ? nt("ekyb.uboName") : nt("ekyb.uboNameWithNumber", { number: ht + 1 }),
+        error: formatFieldError(Ye[`uboName-${ht + 1}`]),
         registerOpts: {
-          required: ft === 0 ? tt("ekyb.error.requiredField") : ""
+          required: ht === 0 && !tt ? nt("ekyb.error.requiredField") : ""
         }
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Input$4,
       {
-        id: `uboSurname-${ft + 1}`,
+        id: `uboSurname-${ht + 1}`,
         register: Le,
-        label: ft === 0 ? tt("ekyb.uboSurname") : tt("ekyb.uboSurnameWithNumber", { number: ft + 1 }),
-        error: formatFieldError(Ye[`uboSurname-${ft + 1}`]),
+        label: ht === 0 ? nt("ekyb.uboSurname") : nt("ekyb.uboSurnameWithNumber", { number: ht + 1 }),
+        error: formatFieldError(Ye[`uboSurname-${ht + 1}`]),
         registerOpts: {
-          required: ft === 0 ? tt("ekyb.error.requiredField") : ""
+          required: ht === 0 && !tt ? nt("ekyb.error.requiredField") : ""
         }
       }
     )
-  ] }, `ubo-${ft + 1}`)) });
+  ] }, `ubo-${ht + 1}`)) });
 }, useUboManagement = () => {
   const [Be, Le] = useState(1);
   return {
@@ -354798,7 +354820,7 @@ const sharedStyle$1 = lt`
   flow: Ye,
   token: tt
 }) => {
-  var Lt;
+  var $t;
   const [nt, ft] = useState(
     VERIFICATION_STATES.IDLE
   ), { uboCount: ht, handleAddUbo: gt, extractUboNames: At } = useUboManagement(), {
@@ -354834,27 +354856,25 @@ const sharedStyle$1 = lt`
     screen: "EKYB",
     token: tt
   });
-  const Dt = Le ? Le.filter((Wt) => Wt === "ubos-user_input" ? (wt = !0, !1) : !0) : (Lt = Ye == null ? void 0 : Ye.modules) == null ? void 0 : Lt.filter(
-    (Wt) => Wt.includes("user_input") && !Wt.includes("socure") && Wt !== "ubos-user_input"
-  );
-  console.log("modules", Dt);
-  const Pt = sortModulesByOrder(Dt || [], FIELD_ORDER), Nt = async (Wt) => {
-    console.log("data here pls jaja", Wt), ft(VERIFICATION_STATES.VERIFYING);
-    const $t = At(Wt), Kt = {
-      ...Wt,
+  const Dt = Le ? Le.filter((Kt) => Kt === "ubos-user_input" ? (wt = !0, !1) : !0) : ($t = Ye == null ? void 0 : Ye.modules) == null ? void 0 : $t.filter(
+    (Kt) => Kt.includes("user_input") && !Kt.includes("socure") && Kt !== "ubos-user_input"
+  ), Pt = sortModulesByOrder(Dt || [], FIELD_ORDER), Nt = async (Kt) => {
+    ft(VERIFICATION_STATES.VERIFYING);
+    const Vt = At(Kt), Ut = {
+      ...Kt,
       plugins: ["ekyb"],
-      uboNames: $t
+      uboNames: Vt
     };
     try {
       await sendEkyb({
         token: tt,
-        body: Kt
+        body: Ut
       }), ft(VERIFICATION_STATES.SUCCESS);
     } catch {
       ft(VERIFICATION_STATES.FAILED);
     }
     Be();
-  };
+  }, Lt = Tt === "GB", Wt = Tt === "GB";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(VerificationContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(InformationVerificationTitle, { children: It("ekyb.title") }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -354871,24 +354891,33 @@ const sharedStyle$1 = lt`
               errors: yt
             }
           ),
-          Pt.map((Wt) => {
-            const $t = getFieldName(Wt);
+          Pt.map((Kt) => {
+            const Vt = getFieldName(Kt);
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               FieldInput,
               {
-                name: $t,
+                name: Vt,
                 country: Tt,
                 state: Rt,
                 isUnitedStates: Bt,
                 register: xt,
                 setValue: Ct,
                 trigger: vt,
-                errors: yt
+                errors: yt,
+                optional: Wt
               },
-              $t
+              Vt
             );
           }),
-          wt && /* @__PURE__ */ jsxRuntimeExports.jsx(UboInputs, { uboCount: ht, register: xt, errors: yt }),
+          wt && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            UboInputs,
+            {
+              uboCount: ht,
+              register: xt,
+              errors: yt,
+              optional: Lt
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(ButtonsContainer$1, { children: [
             wt && ht < UBO_INPUT_LIMIT ? /* @__PURE__ */ jsxRuntimeExports.jsx(UBOButton, { type: "button", onClick: gt, children: It("ekyb.addAnotherUbo") }) : null,
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -355992,6 +356021,7 @@ function Email$1({ onSuccess: Be, token: Le, otpVerification: Ye }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             InputComposed,
             {
+              id: "email",
               error: ht,
               type: "email",
               value: Et,