@mxenabled/connect-widget 0.9.2 → 0.9.3

package/dist/index.es.js

@@ -45396,15 +45396,30 @@ const getMemberByGuid = (members, guid) => {
   if (guid === "") return {};
   return _find(members, { guid }) || {};
 };
+const getConnectSlice = createSelector(
+  (state) => state,
+  (state) => state.connect
+);
+const getMembersRaw = createSelector(getConnectSlice, (slice) => slice.members);
 const getCurrentMember = createSelector(
-  (state) => state.connect.members,
+  getMembersRaw,
   (state) => state.connect.currentMemberGuid,
   getMemberByGuid
 );
 const getMembers = createSelector(
-  (state) => state.connect.members,
+  getMembersRaw,
   (members) => members?.filter((member) => !(member.connection_status === ReadableStatuses$1.PENDING)) ?? []
 );
+const getSelectedInstitution = createSelector(
+  getConnectSlice,
+  (slice) => slice.selectedInstitution
+);
+const getSelectedInstitutionUcpInstitutionId = createSelector(
+  getSelectedInstitution,
+  (selectedInstitution) => {
+    return selectedInstitution?.ucpInstitutionId;
+  }
+);
 
 const Lock = createSvgIcon$2(({ color }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "path",
@@ -65685,7 +65700,7 @@ const DisclosureInterstitial = React__default.forwardRef((props, interstitialNav
   const tokens = useTokens();
   const styles = getStyles$F(tokens);
   const getNextDelay = getDelay();
-  const institution = useSelector((state) => state.connect.selectedInstitution);
+  const institution = useSelector(getSelectedInstitution);
   const appName = useSelector((state) => state.profiles.client.oauth_app_name || null);
   const [currentView, setCurrentView] = useState(VIEWS$1.INTERSTITIAL_DISCLOSURE);
   useImperativeHandle(interstitialNavRef, () => {
@@ -66085,7 +66100,7 @@ const OAuthError = React__default.forwardRef((props, navigationRef) => {
   const { currentMember, onRetry, onReturnToSearch } = props;
   const postMessageFunctions = useContext(PostMessageContext);
   const errorReason = useSelector((state) => state.connect.oauthErrorReason);
-  const selectedInstitution = useSelector((state) => state.connect.selectedInstitution);
+  const selectedInstitution = useSelector(getSelectedInstitution);
   const tokens = useTokens();
   const styles = getStyles$E(tokens);
   const getNextDelay = getDelay();
@@ -66329,7 +66344,7 @@ const Credentials = React__default.forwardRef(
     const { handleBlur, handleFocus, handleSpaceValidation, PasswordShowButton, validations } = usePasswordInputValidation();
     const connectConfig = useSelector(selectConnectConfig);
     useSelector((state) => state.browser.size) === "small";
-    const institution = useSelector((state) => state.connect.selectedInstitution);
+    const institution = useSelector(getSelectedInstitution);
     const showExternalLinkPopup = useSelector(
       (state) => state.profiles.clientProfile.show_external_link_popup
     );
@@ -66776,7 +66791,7 @@ Credentials.displayName = "Credentials";
 
 const UpdateMemberForm = (props) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_UPDATE_CREDENTIALS);
-  const institution = useSelector((state2) => state2.connect.selectedInstitution);
+  const institution = useSelector(getSelectedInstitution);
   const currentMember = useSelector(getCurrentMember);
   const config = useSelector(selectConfig);
   const isHuman = useSelector((state2) => state2.app.humanEvent);
@@ -66854,7 +66869,7 @@ UpdateMemberForm.propTypes = {
 };
 
 const CreateMemberForm = (props) => {
-  const institution = useSelector((state2) => state2.connect.selectedInstitution);
+  const institution = useSelector(getSelectedInstitution);
   useAnalyticsPath(...PageviewInfo.CONNECT_CREATE_CREDENTIALS, {
     institution_guid: institution.guid,
     institution_name: institution.name
@@ -67312,6 +67327,7 @@ const Connecting = (props) => {
   const styles = getStyles$B(tokens);
   const getNextDelay = getDelay();
   const dispatch = useDispatch();
+  const ucpInstitutionId = useSelector(getSelectedInstitutionUcpInstitutionId);
   const analyticFunctions = useContext(AnalyticContext);
   const postMessageFunctions = useContext(PostMessageContext);
   const connectingRef = useRef(null);
@@ -67344,6 +67360,9 @@ const Connecting = (props) => {
         if (currentMember.aggregator) {
           event.aggregator = currentMember.aggregator;
         }
+        if (ucpInstitutionId) {
+          event.ucpInstitutionId = ucpInstitutionId;
+        }
         postMessageFunctions.onPostMessage(POST_MESSAGES.MEMBER_CONNECTED, event);
         analyticFunctions.onAnalyticEvent(`connect_${POST_MESSAGES.MEMBER_CONNECTED}`, {
           type: connectConfig.is_mobile_webview ? "url" : "message"
@@ -67812,7 +67831,7 @@ const NoEligibleAccounts = () => {
   const postMessageFunctions = useContext(PostMessageContext);
   const dispatch = useDispatch();
   const currentMember = useSelector(getCurrentMember);
-  const selectedInstitution = useSelector((state) => state.connect.selectedInstitution);
+  const selectedInstitution = useSelector(getSelectedInstitution);
   const postHogEventMetadata = {
     authentication_method: currentMember.is_oauth ? AuthenticationMethods.OAUTH : AuthenticationMethods.NON_OAUTH,
     institution_guid: selectedInstitution.guid,
@@ -72449,7 +72468,7 @@ const RenderConnectStep = (props) => {
   );
   const connectedMembers = useSelector(getMembers);
   const currentMember = useSelector(getCurrentMember);
-  const selectedInstitution = useSelector((state) => state.connect.selectedInstitution);
+  const selectedInstitution = useSelector(getSelectedInstitution);
   const updateCredentials = useSelector((state) => state.connect.updateCredentials);
   const verifyMemberError = useSelector((state) => state.connect.error);
   const { handleSelectInstitution } = useSelectInstitution();