@mxenabled/connect-widget 2.1.0 → 2.2.0

package/dist/index.es.js

@@ -63614,7 +63614,7 @@ const useAnalyticsEvent = () => {
 };
 
 const InstituionGrid = (props) => {
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const { handleSelectInstitution, institutions, posthogEvent } = props;
   const trueWidth = useSelector(getTrueWidth);
   const clientUsesOauth = useSelector((state) => state.profiles.clientProfile.uses_oauth ?? false);
@@ -63628,7 +63628,7 @@ const InstituionGrid = (props) => {
         "data-test": `${institution.name}-tile`,
         institution,
         selectInstitution: () => {
-          sendPosthogEvent(posthogEvent, {
+          sendAnalyticsEvent(posthogEvent, {
             authentication_method: clientUsesOauth && institution.supports_oauth ? AuthenticationMethods.OAUTH : AuthenticationMethods.NON_OAUTH,
             institution_guid: institution.guid,
             institution_name: institution.name
@@ -63901,7 +63901,7 @@ InstitutionTile.propTypes = {
 
 const SearchedInstitutionsList = (props) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_SEARCHED);
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const {
     currentSearchResults,
     enableManualAccounts,
@@ -63953,7 +63953,7 @@ const SearchedInstitutionsList = (props) => {
           {
             institution,
             selectInstitution: () => {
-              sendPosthogEvent(AnalyticEvents.SELECT_SEARCHED_INSTITUTION, {
+              sendAnalyticsEvent(AnalyticEvents.SELECT_SEARCHED_INSTITUTION, {
                 authentication_method: clientUsesOauth && institution.supports_oauth ? AuthenticationMethods.OAUTH : AuthenticationMethods.NON_OAUTH,
                 institution_guid: institution.guid,
                 institution_name: institution.name
@@ -66623,7 +66623,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
   const searchInput = useRef("");
   const supportNavRef = useRef(null);
   const reduxDispatch = useDispatch();
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const postMessageFunctions = useContext(PostMessageContext);
   const { api } = useApi();
   const {
@@ -66749,7 +66749,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
       if (value === state.searchTerm) {
         return;
       }
-      sendPosthogEvent(AnalyticEvents.SEARCH_QUERY, {
+      sendAnalyticsEvent(AnalyticEvents.SEARCH_QUERY, {
         mode,
         search_term: value
       });
@@ -67501,7 +67501,7 @@ ViewTitle.propTypes = {
 
 const MFAOptions = (props) => {
   const { currentMember, institution, isSubmitting, mfaCredentials, onSubmit } = props;
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const isSAS = mfaCredentials[0].external_id === "single_account_select";
   const pageView = isSAS ? PageviewInfo.CONNECT_MFA_SINGLE_ACCOUNT_SELECT : PageviewInfo.CONNECT_MFA_OPTIONS;
   useAnalyticsPath(...pageView);
@@ -67562,7 +67562,7 @@ const MFAOptions = (props) => {
                       (cred) => credential.guid === option.credential_guid ? { guid: option.credential_guid, value: option.guid } : cred
                     )
                   );
-                  sendPosthogEvent(AnalyticEvents.MFA_SELECTED_OPTION, {
+                  sendAnalyticsEvent(AnalyticEvents.MFA_SELECTED_OPTION, {
                     institution_guid: institution.guid,
                     institution_name: institution.name,
                     selectedOption: option.value,
@@ -67694,7 +67694,7 @@ const getMFAFieldType = (mfaCredentials) => {
 const DefaultMFA = (props) => {
   const { currentMember, institution, isSubmitting, mfaCredentials, onSubmit } = props;
   useAnalyticsPath(...PageviewInfo.CONNECT_MFA_DEFAULT);
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const buttonRef = useCallback((button) => {
     focusElement(button);
   }, []);
@@ -67711,7 +67711,7 @@ const DefaultMFA = (props) => {
   const [needToSendAnalyticEvent, setNeedToSendAnalyticEvent] = useState(true);
   const handleMFACodeChange = (e) => {
     if (needToSendAnalyticEvent) {
-      sendPosthogEvent(AnalyticEvents.MFA_ENTERED_INPUT, {
+      sendAnalyticsEvent(AnalyticEvents.MFA_ENTERED_INPUT, {
         institution_guid: institution.guid,
         institution_name: institution.name,
         member_guid: sha256Exports.sha256(currentMember.guid)
@@ -67831,7 +67831,7 @@ DefaultMFA.propTypes = {
 const MFAImages = (props) => {
   const { institution, isSubmitting, mfaCredentials, onSubmit } = props;
   useAnalyticsPath(...PageviewInfo.CONNECT_MFA_IMAGE_OPTIONS);
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const buttonRef = useCallback((button) => {
     focusElement(button);
   }, []);
@@ -67867,7 +67867,7 @@ const MFAImages = (props) => {
                   (cred) => credential.guid === option.credential_guid ? { guid: option.credential_guid, value: option.guid } : cred
                 )
               );
-              sendPosthogEvent(AnalyticEvents.MFA_SELECTED_IMAGE, {
+              sendAnalyticsEvent(AnalyticEvents.MFA_SELECTED_IMAGE, {
                 institution_guid: institution.guid,
                 institution_name: institution.name
               });
@@ -67991,7 +67991,7 @@ const CredentialTypes = {
 
 const MFAForm = (props) => {
   const { currentMember, institution, isSubmitting, onSubmit } = props;
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const tokens = useTokens();
   const mfaCredentials = _get(currentMember, "mfa.credentials", []);
   const mfaType = getMFAFieldType(mfaCredentials);
@@ -68004,11 +68004,11 @@ const MFAForm = (props) => {
       member_guid: sha256Exports.sha256(currentMember.guid)
     };
     if (mfaType === CredentialTypes.OPTIONS) {
-      sendPosthogEvent(AnalyticEvents.MFA_SUBMITTED_OPTION, posthogEventMetadata);
+      sendAnalyticsEvent(AnalyticEvents.MFA_SUBMITTED_OPTION, posthogEventMetadata);
     } else if (mfaType === CredentialTypes.IMAGE_OPTIONS) {
-      sendPosthogEvent(AnalyticEvents.MFA_SUBMITTED_IMAGE, posthogEventMetadata);
+      sendAnalyticsEvent(AnalyticEvents.MFA_SUBMITTED_IMAGE, posthogEventMetadata);
     } else {
-      sendPosthogEvent(AnalyticEvents.MFA_SUBMITTED_INPUT, posthogEventMetadata);
+      sendAnalyticsEvent(AnalyticEvents.MFA_SUBMITTED_INPUT, posthogEventMetadata);
     }
     onSubmit(credentials);
   };
@@ -68088,7 +68088,7 @@ const MFAStep = React__default.forwardRef((props, navigationRef) => {
   const [updatedMember, setUpdatedMember] = useState(currentMember);
   const postMessageFunctions = useContext(PostMessageContext);
   const dispatch = useDispatch();
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const { api } = useApi();
   const mfaCredentials = _get(currentMember, "mfa.credentials", []);
   const tokens = useTokens();
@@ -68180,7 +68180,7 @@ const MFAStep = React__default.forwardRef((props, navigationRef) => {
         "data-test": "mfa-get-help-button",
         fullWidth: true,
         onClick: () => {
-          sendPosthogEvent(AnalyticEvents.MFA_CLICKED_GET_HELP);
+          sendAnalyticsEvent(AnalyticEvents.MFA_CLICKED_GET_HELP);
           setShowSupportView(true);
         },
         style: styles.getHelpButton,
@@ -69734,7 +69734,7 @@ const OAuthDefault = (props) => {
     institution_guid: props.institution.guid,
     institution_name: props.institution.name
   });
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const getNextDelay = getDelay();
   const showExternalLinkPopup = useSelector(
     (state) => state.profiles.clientProfile.show_external_link_popup
@@ -69779,10 +69779,11 @@ const OAuthDefault = (props) => {
         disabled: isOauthLoading || !oauthURL,
         fullWidth: true,
         onClick: () => {
-          sendPosthogEvent(AnalyticEvents.OAUTH_DEFAULT_GO_TO_INSTITUTION, {
+          sendAnalyticsEvent(AnalyticEvents.OAUTH_DEFAULT_GO_TO_INSTITUTION, {
             institution_guid: props.institution.guid,
             institution_name: props.institution.name,
-            member_guid: sha256Exports.sha256(props.currentMember.guid)
+            member_guid: sha256Exports.sha256(props.currentMember.guid),
+            rawInstitution: props.institution
           });
           props.onSignInClick();
         },
@@ -69842,7 +69843,7 @@ const DEFAULT_POLLING_STATE = {
   userMessage: CONNECTING_MESSAGES.STARTING
   // message to show the end user
 };
-function pollMember(memberGuid, api, onPostMessage, sendPosthogEvent, clientLocale) {
+function pollMember(memberGuid, api, onPostMessage, sendAnalyticsEvent, clientLocale) {
   return interval(3e3).pipe(
     switchMap(
       () => (
@@ -69854,7 +69855,7 @@ function pollMember(memberGuid, api, onPostMessage, sendPosthogEvent, clientLoca
               map((job) => {
                 if (job.async_account_data_ready) {
                   onPostMessage("connect/initialDataReady", { member_guid: member.guid });
-                  sendPosthogEvent(AnalyticEvents.INITIAL_DATA_READY, { member_guid: member.guid });
+                  sendAnalyticsEvent(AnalyticEvents.INITIAL_DATA_READY, { member_guid: member.guid });
                 }
                 return member;
               })
@@ -69961,7 +69962,7 @@ const WaitingForOAuth = ({
     institution_guid: institution.guid,
     institution_name: institution.name
   });
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const [disableOauthButtons, setDisableOauthButtons] = useState(true);
   const tokens = useTokens();
   const styles = getStyles$R(tokens);
@@ -70022,7 +70023,7 @@ const WaitingForOAuth = ({
         disabled: disableOauthButtons,
         fullWidth: true,
         onClick: () => {
-          sendPosthogEvent(AnalyticEvents.WAITING_FOR_OAUTH_TRYAGAIN, {
+          sendAnalyticsEvent(AnalyticEvents.WAITING_FOR_OAUTH_TRYAGAIN, {
             institution_guid: institution.guid,
             institution_name: institution.name
           });
@@ -70870,7 +70871,7 @@ const OAuthStep = React__default.forwardRef((props, navigationRef) => {
   const dispatch = useDispatch();
   const [isLeavingUrl, setIsLeavingUrl] = useState(null);
   const [showInterstitialDisclosure, setShowInterstitialDisclosure] = useState(false);
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const { api } = useApi();
   useImperativeHandle(navigationRef, () => {
     return {
@@ -70924,7 +70925,7 @@ const OAuthStep = React__default.forwardRef((props, navigationRef) => {
         )
       ).pipe(pluck("member")).subscribe(
         (member2) => {
-          sendPosthogEvent(AnalyticEvents.OAUTH_PENDING_MEMBER_CREATED, {
+          sendAnalyticsEvent(AnalyticEvents.OAUTH_PENDING_MEMBER_CREATED, {
             institution_guid: institution.guid,
             institution_name: institution.name
           });
@@ -71300,7 +71301,7 @@ const Credentials = React__default.forwardRef(
     onDeleteConnectionClick,
     onGoBackClick
   }, navigationRef) => {
-    const sendPosthogEvent = useAnalyticsEvent();
+    const sendAnalyticsEvent = useAnalyticsEvent();
     const containerRef = useRef(null);
     const interstitialRef = useRef(null);
     const interstitialNavRef = useRef(null);
@@ -71378,7 +71379,7 @@ const Credentials = React__default.forwardRef(
                   setIsLeavingUrl(recoveryInstitution.url);
                   setRecoveryInstitution(recoveryInstitution);
                 } else {
-                  sendPosthogEvent(recoveryInstitution.analyticEvent, {
+                  sendAnalyticsEvent(recoveryInstitution.analyticEvent, {
                     institution_guid: institution.guid,
                     institution_name: institution.name
                   });
@@ -71414,7 +71415,7 @@ const Credentials = React__default.forwardRef(
     }
     const handleUserNameTextChange = (e) => {
       if (needToSendAnalyticEvent) {
-        sendPosthogEvent(AnalyticEvents.ENTERED_LOGIN, {
+        sendAnalyticsEvent(AnalyticEvents.ENTERED_LOGIN, {
           institution_guid: institution.guid,
           institution_name: institution.name
         });
@@ -71424,7 +71425,7 @@ const Credentials = React__default.forwardRef(
     };
     const handlePasswordTextChange = (e) => {
       if (needToSendPasswordAnalyticEvent) {
-        sendPosthogEvent(AnalyticEvents.ENTERED_PASSWORD, {
+        sendAnalyticsEvent(AnalyticEvents.ENTERED_PASSWORD, {
           institution_guid: institution.guid,
           institution_name: institution.name
         });
@@ -71459,7 +71460,7 @@ const Credentials = React__default.forwardRef(
         };
       });
       handleSubmitCredentials(credentialsPayload);
-      sendPosthogEvent(AnalyticEvents.SUBMITTED_CREDENTIALS, {
+      sendAnalyticsEvent(AnalyticEvents.SUBMITTED_CREDENTIALS, {
         institution_guid: institution.guid,
         institution_name: institution.name
       });
@@ -71517,7 +71518,7 @@ const Credentials = React__default.forwardRef(
           },
           onContinue: () => {
             if (currentRecoveryInstution?.analyticEvent) {
-              sendPosthogEvent(currentRecoveryInstution.analyticEvent, {
+              sendAnalyticsEvent(currentRecoveryInstution.analyticEvent, {
                 institution_guid: institution.guid,
                 institution_name: institution.name
               });
@@ -71702,7 +71703,7 @@ const Credentials = React__default.forwardRef(
             {
               "data-test": "credentials-get-help-button",
               onClick: () => {
-                sendPosthogEvent(AnalyticEvents.CREDENTIALS_CLICKED_GET_HELP, {
+                sendAnalyticsEvent(AnalyticEvents.CREDENTIALS_CLICKED_GET_HELP, {
                   type: "UPDATE"
                 });
                 setShowSupportView(true);
@@ -72306,7 +72307,7 @@ const Connecting = (props) => {
     onUpsertMember
   } = props;
   const selectedInstitution = useSelector(getSelectedInstitution);
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const clientLocale = useMemo(() => {
     return document.querySelector("html")?.getAttribute("lang") || "en";
   }, [document.querySelector("html")?.getAttribute("lang")]);
@@ -72448,7 +72449,7 @@ const Connecting = (props) => {
       return needsJobStarted ? startJob$ : of(currentMember);
     }).pipe(
       concatMap(
-        (member) => pollMember(member.guid, api, onPostMessage, sendPosthogEvent, clientLocale).pipe(
+        (member) => pollMember(member.guid, api, onPostMessage, sendAnalyticsEvent, clientLocale).pipe(
           tap((pollingState) => handleMemberPoll(pollingState)),
           filter((pollingState) => pollingState.jobIsDone),
           pluck("currentResponse"),
@@ -72619,7 +72620,7 @@ const SecondaryActions = ({
   onDeleteConnectionClick,
   setIsLeaving
 }) => {
-  const sendPosthogEvent = useAnalyticsEvent();
+  const sendAnalyticsEvent = useAnalyticsEvent();
   const tokens = useTokens();
   const styles = getStyles$C(tokens);
   const actionMap = [
@@ -72648,7 +72649,7 @@ const SecondaryActions = ({
       key: GET_HELP,
       title: __("Get help"),
       onClick: () => {
-        sendPosthogEvent(AnalyticEvents.LOGIN_ERROR_CLICKED_GET_HELP);
+        sendAnalyticsEvent(AnalyticEvents.LOGIN_ERROR_CLICKED_GET_HELP);
         onGetHelpClick();
       },
       shouldShow: showSupport