@mxenabled/connect-widget 0.0.3 → 0.0.5

package/README.md

@@ -75,3 +75,7 @@ This will link the local package to your project in the node modules. Unlink the
 Pull requests are welcome. Please open an issue first to discuss what you would like to change.
 
 Make sure to add/update tests, translations, and documentation as appropriate.
+
+## Changelog
+
+View our changelog [here](./CHANGELOG.md)

package/dist/index.es.js

@@ -5130,39 +5130,23 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
 }
 var _baseFindIndex = baseFindIndex$2;
 
-var _trimmedEndIndex;
-var hasRequired_trimmedEndIndex;
-
-function require_trimmedEndIndex () {
-	if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
-	hasRequired_trimmedEndIndex = 1;
-	var reWhitespace = /\s/;
-	function trimmedEndIndex(string) {
-	  var index = string.length;
-	  while (index-- && reWhitespace.test(string.charAt(index))) {
-	  }
-	  return index;
-	}
-	_trimmedEndIndex = trimmedEndIndex;
-	return _trimmedEndIndex;
+var reWhitespace = /\s/;
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+  while (index-- && reWhitespace.test(string.charAt(index))) {
+  }
+  return index;
 }
+var _trimmedEndIndex = trimmedEndIndex$1;
 
-var _baseTrim;
-var hasRequired_baseTrim;
-
-function require_baseTrim () {
-	if (hasRequired_baseTrim) return _baseTrim;
-	hasRequired_baseTrim = 1;
-	var trimmedEndIndex = require_trimmedEndIndex();
-	var reTrimStart = /^\s+/;
-	function baseTrim(string) {
-	  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-	}
-	_baseTrim = baseTrim;
-	return _baseTrim;
+var trimmedEndIndex = _trimmedEndIndex;
+var reTrimStart = /^\s+/;
+function baseTrim$1(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
 }
+var _baseTrim = baseTrim$1;
 
-var baseTrim = require_baseTrim(), isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
+var baseTrim = _baseTrim, isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
 var NAN = 0 / 0;
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 var reIsBinary = /^0b[01]+$/i;
@@ -8628,7 +8612,7 @@ var hasRequiredTrim;
 function requireTrim () {
 	if (hasRequiredTrim) return trim_1;
 	hasRequiredTrim = 1;
-	var baseToString = _baseToString, baseTrim = require_baseTrim(), castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
+	var baseToString = _baseToString, baseTrim = _baseTrim, castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
 	function trim(string, chars, guard) {
 	  string = toString(string);
 	  if (string && (guard || chars === void 0)) {
@@ -9566,21 +9550,25 @@ const initialState$5 = {
   oauth_referral_source: REFERRAL_SOURCES.BROWSER,
   update_credentials: false,
   wait_for_full_aggregation: false,
-  data_request: null
+  data_request: null,
+  use_cases: null
 };
 const configSlice = createSlice({
   name: "config",
   initialState: initialState$5,
   reducers: {},
   extraReducers(builder) {
-    builder.addCase(ActionTypes$4.LOAD_CONNECT, (state, action) => {
-      const productDetermineMode = getProductDeterminedMode(action.payload);
-      return {
-        ...state,
-        ...action.payload,
-        mode: productDetermineMode !== null ? productDetermineMode : action.payload.mode || state.mode
-      };
-    });
+    builder.addCase(
+      ActionTypes$4.LOAD_CONNECT,
+      (state, action) => {
+        const productDetermineMode = getProductDeterminedMode(action.payload);
+        return {
+          ...state,
+          ...action.payload,
+          mode: productDetermineMode !== null ? productDetermineMode : action.payload.mode || state.mode
+        };
+      }
+    );
   }
 });
 const selectConfig = (state) => state.config;
@@ -9600,7 +9588,8 @@ const selectConnectConfig = createSelector(selectConfig, (config) => ({
   oauth_referral_source: config.oauth_referral_source,
   update_credentials: config.update_credentials,
   wait_for_full_aggregation: config.wait_for_full_aggregation,
-  data_request: config.data_request
+  data_request: config.data_request,
+  use_cases: config.use_cases
 }));
 const selectColorScheme = (state) => state.config.color_scheme;
 const getProductDeterminedMode = (config) => {
@@ -13922,25 +13911,18 @@ if (typeof window !== "undefined") {
 }
 
 const getExperiments = (state) => state.experiments.items;
-const getActiveExperiments = createSelector(
-  getExperiments,
-  (experiments) => experiments.filter((experiment) => experiment.is_active)
-);
-const getExperimentNamesToUserVariantMap = createSelector(
-  getActiveExperiments,
-  (experiments) => {
-    return experiments.reduce((acc, experiment) => {
-      if (experiment.selected_variant) {
-        const selectedVariantFeatureGuid = experiment.selected_variant.user_feature.feature_guid;
-        const feature = experiment.features.find(
-          (feature2) => feature2.guid === selectedVariantFeatureGuid
-        );
-        return { ...acc, [experiment.name]: feature.name };
-      }
-      return acc;
-    }, {});
-  }
-);
+const getExperimentNamesToUserVariantMap = createSelector(getExperiments, (experiments) => {
+  return experiments.reduce((acc, experiment) => {
+    if (experiment.is_active && experiment.selected_variant) {
+      const selectedVariantFeatureGuid = experiment.selected_variant.user_feature.feature_guid;
+      const feature = experiment.features.find(
+        (feature2) => feature2.guid === selectedVariantFeatureGuid
+      );
+      return { ...acc, [experiment.name]: feature.name };
+    }
+    return acc;
+  }, {});
+});
 
 var dist = {};
 
@@ -14831,10 +14813,7 @@ const AnalyticEvents = {
   MFA_SUBMITTED_IMAGE: "mfa_submitted_image",
   MFA_SELECTED_OPTION: "mfa_selected_option",
   MFA_SUBMITTED_OPTION: "mfa_submitted_option",
-  MONEY_MANAGER_POPUP: "money_manager_popup",
-  MONEY_MANAGER_POPUP_CLOSED: "money_manager_popup_closed",
   NO_ELIGIBLE_ACCOUNTS_RETRY: "no_eligible_accounts_retry",
-  NO_ELIGIBLE_ACCOUNTS_TRY_ANOTHER_INSTITUTION: "no_eligible_accounts_try_another_institution",
   OAUTH_PENDING_MEMBER_CREATED: "oauth_pending_member_created",
   OAUTH_DEFAULT_CANCEL: "oauth_default_cancel",
   OAUTH_DEFAULT_GO_TO_INSTITUTION: "oauth_default_go_to_institution",
@@ -14866,14 +14845,12 @@ const PageviewInfo = {
   CONNECT_DISCLOSURE_DATA_AVAILABLE: ["Connect Disclosure Data Available", "/data_available"],
   CONNECT_DISCLOSURE_DATA_REQUESTED: ["Connect Disclosure Data Requested", "/data_requested"],
   CONNECT_DISCLOSURE_PRIVACY_POLICY: ["Connect Disclosure Privacy Policy", "/privacy_policy"],
-  CONNECT_EXISTING_MEMBER_WARNING: ["Connect Existing Member Warning", "/existing_member_warning"],
   CONNECT_GENERIC_ERROR: ["Connect Generic Error", "/generic_error"],
   CONNECT_IE_11_DEPRECATION: ["Connect IE 11 Deprecation", "/ie_11_deprecation"],
   CONNECT_LOGIN_ERROR: ["Connect Login Error", "/login_error"],
   CONNECT_MANUAL_ACCOUNT: ["Manual Account Connect", "/manual_account_connect"],
   CONNECT_MANUAL_ACCOUNT_FORM: ["Connect Manual Account Form", "/manual_account_form"],
   CONNECT_MANUAL_ACCOUNT_SUCCESS: ["Connect Manual Account Success", "/manual_account_success"],
-  CONNECT_MFA: ["Connect MFA", "/mfa"],
   CONNECT_MFA_DEFAULT: ["Connect MFA Default", "/mfa_default"],
   CONNECT_MFA_IMAGE_OPTIONS: ["Connect MFA Image Options", "/mfa_image_options"],
   CONNECT_MFA_OPTIONS: ["Connect MFA Options", "/mfa_options"],
@@ -14925,15 +14902,12 @@ const PageviewInfo = {
   ],
   CONNECT_SUPPORT_GENERAL: ["Connect Support General", "/support/support_general"],
   CONNECT_SUPPORT_SUCCESS: ["Connect Support Success", "/support/support_success"],
-  CONNECT_SURVEY_FEEDBACK: ["Connect Survey Feedback", "/survey/feedback"],
-  CONNECT_TIMEOUT: ["Connect Timeout", "/timeout"],
   CONNECT_UPDATE_CREDENTIALS: [
     "Connect Update Credentials",
     "/credentials/update_credentials_form"
   ],
   CONNECT_UNSUPPORTED_RESOLUTION: ["Connect Unsupported Resolution", "/unsupported_resolution"],
-  CONNECT_VERIFY_EXISTING_MEMBER: ["Connect Verify Existing Member", "/verify_existing_member"],
-  CONNECTIONS: ["Connections", "/connections"]
+  CONNECT_VERIFY_EXISTING_MEMBER: ["Connect Verify Existing Member", "/verify_existing_member"]
 };
 const AuthenticationMethods = {
   OAUTH: "OAuth",
@@ -21388,8 +21362,7 @@ var intervalProvider = {
     return setInterval.apply(void 0, __spreadArray([handler, timeout], __read(args)));
   },
   clearInterval: function(handle) {
-    var delegate = intervalProvider.delegate;
-    return ((delegate === null || delegate === void 0 ? void 0 : delegate.clearInterval) || clearInterval)(handle);
+    return (clearInterval)(handle);
   },
   delegate: void 0
 };
@@ -36059,6 +36032,7 @@ const CreateMemberForm = (props) => {
   });
   const config = useSelector(selectConfig);
   const isHuman = useSelector((state2) => state2.app.humanEvent);
+  const currentMembers = useSelector((state2) => state2.connect.members);
   const [isCreatingMember, setIsCreatingMember] = useState(false);
   const [memberCreateError, setMemberCreateError] = useState(null);
   const [userCredentials, setUserCredentials] = useState(null);
@@ -36114,9 +36088,19 @@ const CreateMemberForm = (props) => {
               payload: member.guid
             }))
           );
-          const updateMember$ = defer(
-            () => api.updateMember({ ...memberData, guid: memberGuid })
-          ).pipe(
+          const updateMember$ = defer(() => {
+            const current409member = currentMembers.find((mbr) => mbr.guid === memberGuid);
+            if (!current409member) {
+              setIsCreatingMember(false);
+              setMemberCreateError("Something went wrong, invalid member state");
+              return new Error("Something went wrong, invalid member state");
+            }
+            const oldUseCases = current409member.use_cases || null;
+            return api.updateMember(
+              { ...memberData, guid: memberGuid, use_cases: oldUseCases },
+              config
+            );
+          }).pipe(
             map((member) => {
               if (props.onUpsertMember) {
                 props.onUpsertMember(member);
@@ -36494,6 +36478,7 @@ const Connecting$2 = (props) => {
   } = props;
   const currentMember = useSelector((state) => getCurrentMember(state));
   const isComboJobsEnabled = useSelector((state) => isConnectComboJobsEnabled(state));
+  const jobSchedule = useSelector((state) => state.connect.jobSchedule);
   useAnalyticsPath(...PageviewInfo.CONNECT_CONNECTING, {
     authentication_method: currentMember.is_oauth ? AuthenticationMethods.OAUTH : AuthenticationMethods.NON_OAUTH
   });
@@ -36505,9 +36490,9 @@ const Connecting$2 = (props) => {
   const postMessageFunctions = useContext(PostMessageContext);
   const connectingRef = useRef(null);
   const { api } = useApi();
-  const jobSchedule = useSelector((state) => state.connect.jobSchedule);
   const [message, setMessage] = useState(CONNECTING_MESSAGES.STARTING);
   const [timedOut, setTimedOut] = useState(false);
+  const [connectingError, setConnectingError] = useState(null);
   const activeJob = getActiveJob(jobSchedule);
   const needsToInitializeJobSchedule = jobSchedule.isInitialized === false;
   function handleMemberPoll(pollingState) {
@@ -36546,10 +36531,20 @@ const Connecting$2 = (props) => {
       }, 1500);
     }
   }, [needsToInitializeJobSchedule, jobSchedule]);
+  const memberUseCasesWereProvidedInConfig = () => Boolean(connectConfig?.use_cases?.length);
+  const memberIsMissingAConfiguredUseCase = () => {
+    const currentUseCases = currentMember?.use_cases;
+    if (!currentUseCases || !Array.isArray(currentUseCases)) {
+      return true;
+    }
+    const newUseCases = connectConfig.use_cases;
+    return newUseCases.some((useCase) => currentUseCases.includes(useCase) === false);
+  };
   useEffect(() => {
     if (!needsToInitializeJobSchedule) return () => {
     };
-    const sub$ = defer(() => {
+    let sub$ = null;
+    const loadJob$ = defer(() => {
       if (currentMember.most_recent_job_guid) {
         return defer(() => api.loadJob(currentMember.most_recent_job_guid)).pipe(
           // I have to retry here because sometimes this is too fast in sand and
@@ -36561,22 +36556,45 @@ const Connecting$2 = (props) => {
       } else {
         return of(null);
       }
-    }).subscribe(
-      (job) => dispatch(initializeJobSchedule$1(currentMember, job, connectConfig, isComboJobsEnabled))
-    );
-    return () => sub$.unsubscribe();
+    });
+    if (memberUseCasesWereProvidedInConfig() && memberIsMissingAConfiguredUseCase()) {
+      api.updateMember({ ...currentMember }, connectConfig).then((updatedMember) => {
+        sub$ = loadJob$.subscribe((job) => {
+          if (onUpsertMember) {
+            onUpsertMember(updatedMember);
+          }
+          dispatch({
+            type: ActionTypes$4.UPDATE_MEMBER_SUCCESS,
+            payload: { item: updatedMember }
+          });
+          return dispatch(
+            initializeJobSchedule$1(currentMember, job, connectConfig, isComboJobsEnabled)
+          );
+        });
+      });
+    } else {
+      sub$ = loadJob$.subscribe(
+        (job) => dispatch(initializeJobSchedule$1(currentMember, job, connectConfig, isComboJobsEnabled))
+      );
+    }
+    return () => sub$?.unsubscribe();
   }, [needsToInitializeJobSchedule]);
   useEffect(() => {
-    if (needsToInitializeJobSchedule) return () => {
+    if (needsToInitializeJobSchedule || !activeJob) return () => {
     };
     const connectMember$ = defer(() => {
       const needsJobStarted = currentMember.is_being_aggregated === false;
       const startJob$ = defer(
-        () => api.runJob(activeJob.type, currentMember.guid, connectConfig, true)
+        () => api.runJob(activeJob?.type, currentMember.guid, connectConfig, true)
       ).pipe(
         mergeMap(() => api.loadMemberByGuid(currentMember.guid)),
-        catchError(() => {
-          return of(currentMember);
+        catchError((error) => {
+          const isSafeConflictError = error?.response?.status === 409;
+          if (isSafeConflictError) {
+            return of(currentMember);
+          }
+          setConnectingError(error);
+          throw error;
         })
       );
       return needsJobStarted ? startJob$ : of(currentMember);
@@ -36626,6 +36644,9 @@ const Connecting$2 = (props) => {
       });
     }
   }, [timedOut]);
+  if (connectingError !== null) {
+    throw connectingError;
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: connectingRef, style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.logoHeader, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectLogoHeader, { institutionGuid: institution.guid }) }),
@@ -49860,6 +49881,8 @@ function loadConnectFromMicrodepositConfig(config, api) {
   );
 }
 class VerifyNotEnabled extends Error {
+  entity;
+  entity_type;
   constructor(entity, message, entity_type) {
     super(message);
     this.name = "VerifyNotEnabled";
@@ -49876,7 +49899,22 @@ const AnalyticContext = createContext({
   onAnalyticPageview: () => {
   }
 });
-const Connect$2 = (props) => {
+const Connect$2 = ({
+  availableAccountTypes = [],
+  onManualAccountAdded = () => {
+  },
+  onMemberDeleted = () => {
+  },
+  onSuccessfulAggregation = () => {
+  },
+  onUpsertMember = () => {
+  },
+  onAnalyticEvent = () => {
+  },
+  onAnalyticPageview = () => {
+  },
+  ...props
+}) => {
   const connectConfig = useSelector(selectConnectConfig);
   const experimentDetails = getActiveABExperimentDetails(
     useSelector(getExperimentNamesToUserVariantMap),
@@ -49958,8 +49996,8 @@ const Connect$2 = (props) => {
         metadata.current_institution_guid = config.current_institution_guid;
       if (!_isNil(config.current_institution_code))
         metadata.current_institution_code = config.current_institution_code;
-      if (props.onAnalyticEvent) {
-        props.onAnalyticEvent(`connect_${AnalyticEvents.WIDGET_LOAD}`, {
+      if (onAnalyticEvent) {
+        onAnalyticEvent(`connect_${AnalyticEvents.WIDGET_LOAD}`, {
           ...defaultEventMetadata,
           ...metadata
         });
@@ -50023,7 +50061,7 @@ const Connect$2 = (props) => {
   const invalidVerifyMode = IS_IN_VERIFY_MODE && !isVerificationEnabled;
   if (invalidVerifyMode || invalidTaxMode) {
     const title = IS_IN_TAX_MODE ? __("Oops! Tax statements must be enabled to use this feature.") : __("Oops! Verification must be enabled to use this feature.");
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericError, { onAnalyticPageview: props.onAnalyticPageview, title });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericError, { onAnalyticPageview, title });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, { showText: true });
@@ -50033,7 +50071,7 @@ const Connect$2 = (props) => {
       GenericError,
       {
         loadError,
-        onAnalyticPageview: props.onAnalyticPageview,
+        onAnalyticPageview,
         title: loadError.message
       }
     );
@@ -50042,8 +50080,8 @@ const Connect$2 = (props) => {
     AnalyticContext.Provider,
     {
       value: {
-        onAnalyticEvent: props.onAnalyticEvent,
-        onAnalyticPageview: props.onAnalyticPageview
+        onAnalyticEvent,
+        onAnalyticPageview
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(TokenContext.Consumer, { children: (tokens) => {
         const styles = getStyles$1(tokens);
@@ -50059,7 +50097,7 @@ const Connect$2 = (props) => {
                 postMessageFunctions.onPostMessage("connect/memberDeleted", {
                   member_guid: deletedMember.guid
                 });
-                props.onMemberDeleted(deletedMember.guid);
+                onMemberDeleted(deletedMember.guid);
                 setState((prevState) => {
                   dispatch(stepToDeleteMemberSuccess$1(deletedMember.guid));
                   return { ...prevState, memberToDelete: null };
@@ -50077,14 +50115,14 @@ const Connect$2 = (props) => {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             RenderConnectStep,
             {
-              availableAccountTypes: props.availableAccountTypes,
+              availableAccountTypes,
               handleAddManualAccountClick: _handleAddManualAccountClick,
               handleCredentialsGoBack: _handleCredentialsGoBack,
               handleOAuthGoBack: _handleOAuthGoBack,
               navigationRef: _handleStepDOMChange,
-              onManualAccountAdded: props.onManualAccountAdded,
-              onSuccessfulAggregation: props.onSuccessfulAggregation,
-              onUpsertMember: props.onUpsertMember,
+              onManualAccountAdded,
+              onSuccessfulAggregation,
+              onUpsertMember,
               setConnectLocalState: setState
             }
           )