Add IP Promo component to preview (#164)

* Add IP Promo component to preview

* lint fix

Author: hliana-stripe

src/Components.tsx

@@ -912,3 +912,44 @@ export const ConnectReportingChart = ({
 
   return wrapper;
 };
+
+export const ConnectInstantPayoutsPromotion = ({
+  onInstantPayoutsPromotionLoaded,
+  onInstantPayoutCreated,
+  onLoadError,
+  onLoaderStart,
+}: {
+  onInstantPayoutsPromotionLoaded?: ({
+    promotionShown,
+  }: {
+    promotionShown: boolean;
+  }) => void;
+  onInstantPayoutCreated?: ({payoutId}: {payoutId: string}) => void;
+} & CommonComponentProps): JSX.Element => {
+  const {wrapper, component: instantPayoutsPromotion} = useCreateComponent(
+    'instant-payouts-promotion'
+  );
+
+  useUpdateWithSetter(instantPayoutsPromotion, onLoaderStart, (comp, val) => {
+    comp.setOnLoaderStart(val);
+  });
+  useUpdateWithSetter(instantPayoutsPromotion, onLoadError, (comp, val) => {
+    comp.setOnLoadError(val);
+  });
+  useUpdateWithSetter(
+    instantPayoutsPromotion,
+    onInstantPayoutsPromotionLoaded,
+    (comp, val) => {
+      comp.setOnInstantPayoutsPromotionLoaded(val);
+    }
+  );
+  useUpdateWithSetter(
+    instantPayoutsPromotion,
+    onInstantPayoutCreated,
+    (comp, val) => {
+      comp.setOnInstantPayoutCreated(val);
+    }
+  );
+
+  return wrapper;
+};

src/utils/useUpdateWithSetter.ts

@@ -33,6 +33,8 @@ export const useUpdateWithSetter = <
     | Date
     | (({id}: {id: string}) => void)
     | ((taxCode: string) => void)
+    | (({promotionShown}: {promotionShown: boolean}) => void)
+    | (({payoutId}: {payoutId: string}) => void)
     | undefined
 >(
   component: T | null,