@mxenabled/connect-widget 0.20.1 → 0.20.3

package/dist/index.es.js

@@ -5152,7 +5152,7 @@ function toFinite$2(value) {
     return value === 0 ? value : 0;
   }
   value = toNumber$1(value);
-  if (value === INFINITY$1 || value === -Infinity) {
+  if (value === INFINITY$1 || value === -INFINITY$1) {
     var sign = value < 0 ? -1 : 1;
     return sign * MAX_INTEGER;
   }
@@ -13104,9 +13104,9 @@ const require$$1$1 = /*@__PURE__*/getAugmentedNamespace(__viteBrowserExternal$1)
 /**
  * [js-sha256]{@link https://github.com/emn178/js-sha256}
  *
- * @version 0.11.0
+ * @version 0.11.1
  * @author Chen, Yi-Cyuan [emn178@gmail.com]
- * @copyright Chen, Yi-Cyuan 2014-2024
+ * @copyright Chen, Yi-Cyuan 2014-2025
  * @license MIT
  */
 
@@ -13119,7 +13119,7 @@ const require$$1$1 = /*@__PURE__*/getAugmentedNamespace(__viteBrowserExternal$1)
 	    WINDOW = false;
 	  }
 	  var WEB_WORKER = !WINDOW && typeof self === "object";
-	  var NODE_JS = !root.JS_SHA256_NO_NODE_JS && typeof process === "object" && process.versions && process.versions.node;
+	  var NODE_JS = !root.JS_SHA256_NO_NODE_JS && typeof process === "object" && process.versions && process.versions.node && process.type != "renderer";
 	  if (NODE_JS) {
 	    root = commonjsGlobal;
 	  } else if (WEB_WORKER) {
@@ -65022,6 +65022,46 @@ const useApi = () => {
   return { api: context };
 };
 
+const RequiredFieldNote = ({ styles }) => {
+  const requiredFieldNoteColor = "#666";
+  const asteriskColor = "#E32727";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Box,
+    {
+      sx: {
+        marginTop: 16,
+        marginBottom: 32,
+        ...styles
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Typography$1,
+        {
+          component: "span",
+          sx: {
+            color: requiredFieldNoteColor,
+            fontSize: "13px"
+          },
+          variant: "caption",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Typography$1,
+              {
+                component: "span",
+                sx: {
+                  color: asteriskColor
+                },
+                children: "*"
+              }
+            ),
+            " ",
+            __("Required")
+          ]
+        }
+      )
+    }
+  );
+};
+
 const RequestInstitution = React__default.forwardRef((props, requestInstitutionRef) => {
   const { handleClose, handleTicketSuccess, user } = props;
   useAnalyticsPath(...PageviewInfo.CONNECT_SUPPORT_REQUEST_INSTITUTION);
@@ -65120,6 +65160,7 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
             label: schema.email.label,
             name: "email",
             onChange: handleTextInputChange,
+            required: true,
             value: values.email
           }
         ) }),
@@ -65140,6 +65181,7 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
             label: schema.institutionName.label,
             name: "institutionName",
             onChange: handleTextInputChange,
+            required: true,
             value: values.institutionName
           }
         ) }),
@@ -65159,10 +65201,11 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
             label: schema.institutionWebsite.label,
             name: "institutionWebsite",
             onChange: handleTextInputChange,
+            required: true,
             value: values.institutionWebsite
           }
         ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.input, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...styles.input, marginBottom: 0 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           ProtectedTextField,
           {
             "aria-label": schema.institutionLogin.label,
@@ -65183,6 +65226,7 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
           }
         ) })
       ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.buttons, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -65322,6 +65366,7 @@ const GeneralSupport = React__default.forwardRef((props, generalSupportRef) => {
           label: schema.email.label,
           name: "email",
           onChange: handleTextInputChange,
+          required: true,
           value: values.email
         }
       ) }),
@@ -65338,10 +65383,11 @@ const GeneralSupport = React__default.forwardRef((props, generalSupportRef) => {
           label: schema.issueDescription.label,
           name: "issueDescription",
           onChange: handleTextInputChange,
+          required: true,
           value: values.issueDescription
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.input, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...styles.input, marginBottom: 0 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ProtectedTextField,
         {
           autoComplete: "off",
@@ -65354,11 +65400,13 @@ const GeneralSupport = React__default.forwardRef((props, generalSupportRef) => {
           multiline: true,
           name: "issueDetails",
           onChange: handleTextInputChange,
+          required: true,
           rows: 4,
           value: values.issueDetails
         }
       ) })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.buttons, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -66774,41 +66822,32 @@ const DefaultMFA = (props) => {
     mfaCredentials.map((credential, i) => {
       const metaData = credential.meta_data || credential.image_data;
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.label, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          x,
-          {
-            component: "p",
-            "data-test": "challenge-label",
-            style: styles.challengeLabel,
-            truncate: false,
-            variant: "Paragraph",
-            children: credential.label
-          }
-        ),
         metaData ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.metaData, children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { alt: __("Challenge Image"), src: metaData, style: styles.mfaImage }) }) : null,
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ProtectedTextField,
           {
             disabled: isSubmitting,
-            error: true,
+            error: !!errors[credential.label],
             fullWidth: true,
             helperText: errors[credential.label],
             inputProps: { "aria-label": credential.label },
             inputRef: i === 0 ? buttonRef : null,
+            label: credential.label,
             name: credential.label,
             onChange: handleMFACodeChange,
+            required: true,
             value: values[credential.label] || ""
           }
         )
       ] }, credential.label);
     }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$2,
       {
         "data-test": "continue-button",
         fullWidth: true,
         onClick: handleSubmit,
-        style: styles.submitButton,
         type: "submit",
         variant: "contained",
         children: isSubmitting ? `${_p("Verifying", "Checking")}...` : __("Continue")
@@ -66826,7 +66865,7 @@ const DefaultMFA = (props) => {
 const getStyles$Y = (tokens) => {
   return {
     label: {
-      marginBottom: tokens.Spacing.Large
+      marginTop: tokens.Spacing.XLarge
     },
     challengeLabel: {
       marginBottom: tokens.Spacing.Tiny
@@ -66844,9 +66883,6 @@ const getStyles$Y = (tokens) => {
       width: "auto",
       height: "auto",
       borderRadius: tokens.BorderRadius.Medium
-    },
-    submitButton: {
-      marginTop: tokens.Spacing.XLarge
     }
   };
 };
@@ -73804,11 +73840,7 @@ const RoutingNumber = (props) => {
           value: values.routingNumber
         }
       ) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 16, marginBottom: 32 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "#666", fontSize: 13 }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 13 }, children: "*" }),
-        " ",
-        __("Required")
-      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$2,
         {
@@ -74008,11 +74040,7 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 16, marginBottom: 32 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "#666", fontSize: 13 }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 13 }, children: "*" }),
-      " ",
-      __("Required")
-    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$2,
       {
@@ -74711,6 +74739,7 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
             name: "firstAmount",
             onChange: handleTextInputChange,
             placeholder: "0.00",
+            required: true,
             value: values.firstAmount
           }
         ) }),
@@ -74731,10 +74760,12 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
             name: "secondAmount",
             onChange: handleTextInputChange,
             placeholder: "0.00",
+            required: true,
             value: values.secondAmount
           }
         ) })
       ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, { styles: { marginBottom: 0 } }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$2,
         {