@mxenabled/connect-widget 0.19.1 → 0.19.3

package/dist/index.es.js

@@ -47320,6 +47320,7 @@ const AnalyticEvents = {
   CREDENTIALS_CLICKED_GET_HELP: "credentials_clicked_get_help",
   ENTERED_LOGIN: "entered_login",
   ENTERED_PASSWORD: "entered_password",
+  INITIAL_DATA_READY: "initial_data_ready",
   LOGIN_ERROR_CLICKED_GET_HELP: "login_error_clicked_get_help",
   MFA_CLICKED_GET_HELP: "mfa_clicked_get_help",
   MFA_ENTERED_INPUT: "mfa_entered_input",
@@ -68788,7 +68789,7 @@ const DEFAULT_POLLING_STATE = {
   userMessage: CONNECTING_MESSAGES.STARTING
   // message to show the end user
 };
-function pollMember(memberGuid, api, onPostMessage) {
+function pollMember(memberGuid, api, onPostMessage, sendPosthogEvent) {
   return interval(3e3).pipe(
     switchMap(
       () => (
@@ -68800,6 +68801,7 @@ function pollMember(memberGuid, api, onPostMessage) {
               map((job) => {
                 if (job.async_account_data_ready) {
                   onPostMessage("connect/initialDataReady", { member_guid: member.guid });
+                  sendPosthogEvent(AnalyticEvents.INITIAL_DATA_READY, { member_guid: member.guid });
                 }
                 return member;
               })
@@ -71222,6 +71224,7 @@ const Connecting = (props) => {
     onUpsertMember
   } = props;
   const selectedInstitution = useSelector(getSelectedInstitution);
+  const sendPosthogEvent = useAnalyticsEvent();
   const currentMember = useSelector(getCurrentMember);
   const isComboJobsEnabled = useSelector(isConnectComboJobsEnabled);
   const jobSchedule = useSelector((state) => state.connect.jobSchedule);
@@ -71360,7 +71363,7 @@ const Connecting = (props) => {
       return needsJobStarted ? startJob$ : of(currentMember);
     }).pipe(
       concatMap(
-        (member) => pollMember(member.guid, api, onPostMessage).pipe(
+        (member) => pollMember(member.guid, api, onPostMessage, sendPosthogEvent).pipe(
           tap((pollingState) => handleMemberPoll(pollingState)),
           filter((pollingState) => pollingState.jobIsDone),
           pluck("currentResponse"),
@@ -73870,6 +73873,7 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
           label: schema.firstName.label,
           name: "firstName",
           onChange: handleTextInputChange,
+          required: true,
           value: values.firstName
         }
       ) }),
@@ -73883,10 +73887,11 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
           label: schema.lastName.label,
           name: "lastName",
           onChange: handleTextInputChange,
+          required: true,
           value: values.lastName
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.inputStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ProtectedTextField,
         {
           error: !!errors.email,
@@ -73896,10 +73901,16 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
           label: schema.email.label,
           name: "email",
           onChange: handleTextInputChange,
+          required: true,
           value: values.email
         }
       ) })
     ] }),
+    /* @__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(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$2,
       {
@@ -80752,6 +80763,16 @@ const connectThemeOverrides = (palette) => ({
         }
       }
     },
+    MuiFormLabel: {
+      styleOverrides: {
+        asterisk: {
+          color: "#E32727",
+          "&$error": {
+            color: "#E32727"
+          }
+        }
+      }
+    },
     MuiIcon: {
       styleOverrides: {
         root: {