Updated connect.js version and added StepChange to account onboarding (#118)

* Updated connect.js version and added StepChange to account onboarding

* Update peer dependencies

Author: kushalshah-stripe

package.json

@@ -49,7 +49,7 @@
     "@babel/preset-react": "7.18.6",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-replace": "^2.3.1",
-    "@stripe/connect-js": "3.3.12",
+    "@stripe/connect-js": "3.3.13",
     "@types/jest": "^24.0.25",
     "@types/react": "^16.8.0",
     "@types/react-dom": "^16.8.0",
@@ -84,7 +84,7 @@
     "zx": "^4.2.0"
   },
   "peerDependencies": {
-    "@stripe/connect-js": ">=3.3.11",
+    "@stripe/connect-js": ">=3.3.13",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   }

src/Components.tsx

@@ -1,6 +1,11 @@
 import {useCreateComponent} from './useCreateComponent';
 import {useUpdateWithSetter} from './utils/useUpdateWithSetter';
-import {LoadError, LoaderStart, NotificationCount} from '@stripe/connect-js';
+import {
+  LoadError,
+  LoaderStart,
+  NotificationCount,
+  StepChange,
+} from '@stripe/connect-js';
 
 export type CommonComponentProps = {
   onLoaderStart?: ({elementTagName}: LoaderStart) => void;
@@ -83,8 +88,10 @@ export const ConnectAccountOnboarding = ({
   collectionOptions,
   onLoadError,
   onLoaderStart,
+  onStepChange,
 }: {
   onExit: () => void;
+  onStepChange?: (stepChange: StepChange) => void;
   recipientTermsOfServiceUrl?: string;
   fullTermsOfServiceUrl?: string;
   privacyPolicyUrl?: string;
@@ -116,6 +123,9 @@ export const ConnectAccountOnboarding = ({
   useUpdateWithSetter(onboarding, onLoadError, (comp, val) => {
     comp.setOnLoadError(val);
   });
+  useUpdateWithSetter(onboarding, onStepChange, (comp, val) =>
+    comp.setOnStepChange(val)
+  );
 
   return wrapper;
 };

src/utils/useUpdateWithSetter.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import {CollectionOptions} from '../Components';
-import {LoadError, LoaderStart, NotificationCount} from '@stripe/connect-js';
+import {
+  LoadError,
+  LoaderStart,
+  NotificationCount,
+  StepChange,
+} from '@stripe/connect-js';
 
 export const useUpdateWithSetter = <
   T extends HTMLElement,
@@ -12,6 +17,7 @@ export const useUpdateWithSetter = <
     | ((notificationCount: NotificationCount) => void)
     | ((loaderStart: LoaderStart) => void)
     | ((loaderError: LoadError) => void)
+    | ((stepChange: StepChange) => void)
     | undefined
 >(
   component: T | null,

yarn.lock

@@ -1439,10 +1439,10 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stripe/[email protected].12":
-  version "3.3.12"
-  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.12.tgz#35bd6c20b88b3155d30735951adde902d24380bb"
-  integrity sha512-hXbgvGq9Lb6BYgsb8lcbjL76Yqsxr0yAj6T9ZFTfUK0O4otI5GSEWum9do9rf/E5OfYy6fR1FG/77Jve2w1o6Q==
+"@stripe/[email protected].13":
+  version "3.3.13"
+  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.13.tgz#09338c30c251a48e24db5e0d14950158c2e38335"
+  integrity sha512-WSSZngnrEqQ2yFPbc5xN0S2fgZDATI0h0uqGbW2mzTuo5HSOGcFvf240UCNnVpmxVY92mIycMq5tpYncsx6/xQ==
 
 "@tootallnate/once@2":
   version "2.0.0"