add payment disputes to preview (#148)

* add payment disputes to preview

* optional

* update connect-js version

Author: kaiying-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.29-preview-1",
+    "@stripe/connect-js": "3.3.30-preview-1",
     "@types/jest": "^24.0.25",
     "@types/react": "^16.8.0",
     "@types/react-dom": "^16.8.0",
@@ -85,7 +85,7 @@
     "zx": "^4.2.0"
   },
   "peerDependencies": {
-    "@stripe/connect-js": ">=3.3.29-preview-1",
+    "@stripe/connect-js": ">=3.3.30-preview-1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   }

src/Components.tsx

@@ -174,6 +174,36 @@ export const ConnectPaymentDetails = ({
   return wrapper;
 };
 
+export const ConnectPaymentDisputes = ({
+  payment,
+  onDisputesLoaded,
+  onLoadError,
+  onLoaderStart,
+}: {
+  /**
+   * @param payment the ID of `payment`, `charge`, or `paymentIntent` to be displayed.
+   */
+  payment: string;
+  onDisputesLoaded?: ({total}: {total: number}) => void;
+} & CommonComponentProps): JSX.Element | null => {
+  const {wrapper, component} =
+    useCreateComponent('payment-disputes');
+
+  useUpdateWithSetter(component, payment, (comp, val) =>
+    comp.setPayment(val)
+  );
+  useUpdateWithSetter(component, onDisputesLoaded, (comp, val) =>
+    comp.setOnDisputesLoaded(val)
+  );
+  useUpdateWithSetter(component, onLoaderStart, (comp, val) => {
+    comp.setOnLoaderStart(val);
+  });
+  useUpdateWithSetter(component, onLoadError, (comp, val) => {
+    comp.setOnLoadError(val);
+  });
+  return wrapper;
+};
+
 export const ConnectAccountOnboarding = ({
   onExit,
   recipientTermsOfServiceUrl,

yarn.lock

@@ -1454,10 +1454,10 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stripe/connect-js@3.3.29-preview-1":
-  version "3.3.29-preview-1"
-  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.29-preview-1.tgz#32c5065f18a5fd075d012a99ed3644e7a150ee4f"
-  integrity sha512-B3O8bVOiiGaxsRhkHL38SNX1uWs+U8XGnW652li5/FdEL94qp41tUiUsjB8z2NyccSGNDufhlnbQYdy5+h2GRg==
+"@stripe/connect-js@3.3.30-preview-1":
+  version "3.3.30-preview-1"
+  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.30-preview-1.tgz#8fd6fae9f3e1ae96d1f980b0f2f02373736f5763"
+  integrity sha512-mRKv6tzGf5A/3l4E7WxEZWEpJNbpAGAmVUzO2Ku1dqYBD/5cSYt5Zibh3XP1MYVm5J2AR8uy86fRmbzrVSeqNA==
 
 "@tootallnate/once@2":
   version "2.0.0"