add payout details to reactjs

Author: isaacli-stripe

package.json

@@ -51,7 +51,7 @@
     "@babel/preset-react": "7.18.6",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-replace": "^2.3.1",
-    "@stripe/connect-js": "3.3.36-preview-1",
+    "@stripe/connect-js": "3.3.37-preview-1",
     "@types/jest": "^24.0.25",
     "@types/react": "^16.8.0",
     "@types/react-dom": "^16.8.0",
@@ -90,7 +90,7 @@
     "zx": "^4.2.0"
   },
   "peerDependencies": {
-    "@stripe/connect-js": ">=3.3.36-preview-1",
+    "@stripe/connect-js": ">=3.3.37-preview-1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   }

src/Components.tsx

@@ -953,3 +953,33 @@ export const ConnectInstantPayoutsPromotion = ({
 
   return wrapper;
 };
+
+export const ConnectPayoutDetails = ({
+  payout,
+  onClose,
+  onLoadError,
+  onLoaderStart,
+}: {
+  /**
+   * @param payout the ID of `payout` to be displayed.
+   */
+  payout: string;
+  onClose: () => void;
+} & CommonComponentProps): JSX.Element | null => {
+  const {wrapper, component: payoutDetails} =
+    useCreateComponent('payout-details');
+
+  useUpdateWithSetter(payoutDetails, payout, (comp, val) =>
+    comp.setPayout(val)
+  );
+  useUpdateWithSetter(payoutDetails, onClose, (comp, val) =>
+    comp.setOnClose(val)
+  );
+  useUpdateWithSetter(payoutDetails, onLoaderStart, (comp, val) => {
+    comp.setOnLoaderStart(val);
+  });
+  useUpdateWithSetter(payoutDetails, onLoadError, (comp, val) => {
+    comp.setOnLoadError(val);
+  });
+  return wrapper;
+};

yarn.lock

@@ -1510,10 +1510,10 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stripe/[email protected].36-preview-1":
-  version "3.3.36-preview-1"
-  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.36-preview-1.tgz#fa5b2b721ff593600dfdbfca033d179d3c11d12c"
-  integrity sha512-yi3ze/TA5kPiAcwCnPnjPVpRMqqveIYYNHKKaun194GwB+DeIjDZoZSlv5LueOvyvo4IU6YhTMPxLii7kz9ILg==
+"@stripe/[email protected].37-preview-1":
+  version "3.3.37-preview-1"
+  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.37-preview-1.tgz#948c89eefecc2c52a876b99371afab07ed81b5e7"
+  integrity sha512-prhfflpnukHUYNLZIZoAeVkou2ZIlCiqcCq4SPBs6MbNNd40tkIpDcMWXpAzz5Yc3YOcaMEwJjB510dextdYvA==
 
 "@tootallnate/once@2":
   version "2.0.0"