add payment disputes and disputes list to ga react sdk (#160)

* add payment disputes and disputes list to ga react sdk

* update version

Author: kaiying-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.20",
+    "@stripe/connect-js": "3.3.24",
     "@types/jest": "^24.0.25",
     "@types/react": "^16.8.0",
     "@types/react-dom": "^16.8.0",

src/Components.tsx

@@ -82,6 +82,52 @@ 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 ConnectDisputesList = ({
+  onLoadError,
+  onLoaderStart,
+}: CommonComponentProps): JSX.Element | null => {
+  const {wrapper, component} =
+    useCreateComponent('disputes-list');
+
+  useUpdateWithSetter(component, onLoaderStart, (comp, val) => {
+    comp.setOnLoaderStart(val);
+  });
+  useUpdateWithSetter(component, onLoadError, (comp, val) => {
+    comp.setOnLoadError(val);
+  });
+  return wrapper;
+};
+
 export type CollectionOptions = {
   fields: 'currently_due' | 'eventually_due';
   futureRequirements?: 'omit' | 'include';

yarn.lock

@@ -1577,10 +1577,10 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stripe/connect-js@3.3.20":
-  version "3.3.20"
-  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.20.tgz#ffa508f62effcadf7e0774ca222dbc9d60704141"
-  integrity sha512-4GingsjdQDJomIMAmTWFJSBifLygc5xWCcYzdcL5nYiePBuHEfYwFKKq7tOO1SIR2jsuHpn6R18xKVijToblWQ==
+"@stripe/connect-js@3.3.24":
+  version "3.3.24"
+  resolved "https://registry.yarnpkg.com/@stripe/connect-js/-/connect-js-3.3.24.tgz#94993ce7003834bfa303f1f86bda30ab19b7c9cb"
+  integrity sha512-riqfW58xATZkffnPHXYuRL6gfvSNt1aW2J9iHID2mmOEapDdm9ECdWvbBss2B4bSfqWGu5Kx7tUHkNYlf1u8hQ==
 
 "@tootallnate/once@2":
   version "2.0.0"