@mxenabled/connect-widget 0.0.2 → 0.0.4

package/README.md

@@ -19,7 +19,7 @@ npm install @mxenabled/connect-widget
 3. Pass applicable props to widget and your API to the provider.
 
 ```jsx
-import ConnectWidget, { ApiProvider } from 'connect-widget'
+import ConnectWidget, { ApiProvider } from '@mxenabled/connect-widget'
 import apiService from './apiService' // You custom api service
 
 const App = () => {
@@ -66,7 +66,7 @@ You need to pass an object containing API endpoint callbacks as the `apiValue` p
 For developing this package locally, we suggest you use npm link to connect your local version of the package to your client app using the package.
 
 1. In the npm package root, run `npm link`.
-2. Then in your consumer project, run `npm link connect-widget`.
+2. Then in your consumer project, run `npm link @mxenabled/connect-widget`.
 
 This will link the local package to your project in the node modules. Unlink the package when you are finished or if you run into issues.
 
@@ -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.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/index.es.js

@@ -9573,14 +9573,17 @@ const configSlice = createSlice({
   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;
@@ -49876,7 +49879,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 +49976,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 +50041,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 +50051,7 @@ const Connect$2 = (props) => {
       GenericError,
       {
         loadError,
-        onAnalyticPageview: props.onAnalyticPageview,
+        onAnalyticPageview,
         title: loadError.message
       }
     );
@@ -50042,8 +50060,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 +50077,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 +50095,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
             }
           )
@@ -53343,12 +53361,13 @@ const PostMessageContext = createContext({ onPostMessage: () => {
 const ConnectWidget = ({
   onPostMessage = () => {
   },
+  language = { locale: "en", custom_copy_namespace: "" },
   onAnalyticPageview = () => {
   },
   showTooSmallDialog = true,
   ...props
 }) => {
-  initGettextLocaleData(props.language);
+  initGettextLocaleData(language);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Provider_default, { store: Store, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectedTokenProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(PostMessageContext.Provider, { value: { onPostMessage }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(WidgetDimensionObserver, { heightOffset: 0, children: [
     showTooSmallDialog && /* @__PURE__ */ jsxRuntimeExports.jsx(TooSmallDialog, { onAnalyticPageview }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Connect$2, { onAnalyticPageview, ...props })