@mxenabled/connect-widget 2.3.2 → 2.4.0

package/dist/index.es.js

@@ -71556,6 +71556,7 @@ const defaultApiValue = {
   loadOAuthState: () => Promise.resolve({}),
   loadOAuthStates: () => Promise.resolve([]),
   getOAuthWindowURI: () => Promise.resolve({}),
+  oAuthStart: () => Promise.resolve(),
   // Support
   createSupportTicket: () => Promise.resolve(),
   //Job
@@ -75494,6 +75495,7 @@ InstructionList.propTypes = {
 };
 
 const OAuthDefault = (props) => {
+  const { api } = useApi();
   useAnalyticsPath(...PageviewInfo.CONNECT_OAUTH_INSTRUCTIONS, {
     institution_guid: props.institution.guid,
     institution_name: props.institution.name
@@ -75546,8 +75548,10 @@ const OAuthDefault = (props) => {
           sendAnalyticsEvent(AnalyticEvents.OAUTH_DEFAULT_GO_TO_INSTITUTION, {
             institution_guid: props.institution.guid,
             institution_name: props.institution.name,
-            member_guid: sha256Exports.sha256(props.currentMember.guid),
-            rawInstitution: props.institution
+            member_guid: sha256Exports.sha256(props.currentMember.guid)
+          });
+          api?.oAuthStart({
+            member: props.currentMember
           });
           props.onSignInClick();
         },
@@ -77380,7 +77384,7 @@ const Credentials = React__default.forwardRef(
             onSubmit: (e) => e.preventDefault(),
             style: styles.form,
             children: [
-              credentials.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: field.field_type === CREDENTIAL_FIELD_TYPES.PASSWORD ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: errors[field.field_name] ? styles.inputError : styles.input, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              credentials.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: field.field_type === CREDENTIAL_FIELD_TYPES.PASSWORD ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: errors[field.field_name] ? styles.passwordInputError : {}, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ProtectedTextField,
                 {
                   InputProps: { endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(PasswordShowButton, {}) },
@@ -77405,6 +77409,7 @@ const Credentials = React__default.forwardRef(
                   },
                   onFocus: handleFocus,
                   onKeyDown: handlePasswordEnterChange,
+                  required: true,
                   spellCheck: "false",
                   type: validations.showPassword ? "text" : "password",
                   value: values[field.field_name] || ""
@@ -77427,10 +77432,12 @@ const Credentials = React__default.forwardRef(
                   label: field.label,
                   name: field.field_name,
                   onChange: handleUserNameTextChange,
+                  required: true,
                   spellCheck: "false",
                   value: values[field.field_name] || ""
                 }
               ) }) }, field.guid)),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, {}),
               /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Button$2,
                 {
@@ -77503,6 +77510,9 @@ const getStyles$G = (tokens) => {
       marginBottom: tokens.Spacing.Large,
       marginTop: tokens.Spacing.XSmall
     },
+    passwordInputError: {
+      marginTop: tokens.Spacing.XSmall
+    },
     buttonBack: {
       marginTop: tokens.Spacing.Medium,
       marginBottom: "12px"