diff --git a/src/PaymentElement.res b/src/PaymentElement.res
index fe3509fed..7fa063597 100644
--- a/src/PaymentElement.res
+++ b/src/PaymentElement.res
@@ -288,43 +288,43 @@ let make = (~cardProps, ~expiryProps, ~cvcProps, ~paymentType: CardThemeType.mod
{switch selectedOption->PaymentModeType.paymentMode {
| Card =>
| Klarna =>
-
+
-
+
| ACHTransfer =>
-
+
-
+
| SepaTransfer =>
-
+
-
+
| BacsTransfer =>
-
+
-
+
| ACHBankDebit =>
-
+
-
+
| SepaBankDebit =>
-
+
-
+
| BacsBankDebit =>
-
+
-
+
| BanContactCard =>
| BecsBankDebit =>
-
+
-
+
| Boleto =>
-
+
-
+
| ApplePay =>
switch applePayToken {
| ApplePayTokenOptional(optToken) =>
@@ -350,9 +350,9 @@ let make = (~cardProps, ~expiryProps, ~cvcProps, ~paymentType: CardThemeType.mod
}}
| _ =>
-
+
-
+
}}
}
diff --git a/src/Payments/PaymentRequestButtonElement.res b/src/Payments/PaymentRequestButtonElement.res
index f78578493..1d8145412 100644
--- a/src/Payments/PaymentRequestButtonElement.res
+++ b/src/Payments/PaymentRequestButtonElement.res
@@ -66,7 +66,10 @@ let make = (~sessions, ~walletOptions, ~paymentType) => {
->Array.mapWithIndex((item, i) => {
Int.toString}-request-button`}>
- } key={i->Int.toString}>
+ }
+ componentName="PaymentRequestButtonElement"
+ key={i->Int.toString}>
{switch clientSecret {
| Some(_) =>
switch item->paymentMode {
@@ -123,7 +126,7 @@ let make = (~sessions, ~walletOptions, ~paymentType) => {
}
| None => React.null
}}
-
+
})
->React.array}
diff --git a/src/RenderPaymentMethods.res b/src/RenderPaymentMethods.res
index d02c2bbfe..52d254968 100644
--- a/src/RenderPaymentMethods.res
+++ b/src/RenderPaymentMethods.res
@@ -71,28 +71,30 @@ let make = (
{switch paymentType {
| Card =>
-
+
- }>
+ }
+ componentName="SingleLineCardPaymentLazy">
-
+
| GooglePayElement
| PayPalElement
| ApplePayElement
| KlarnaElement
| ExpressCheckoutElement
| Payment =>
-
+
{paymentType->Utils.getIsWalletElementPaymentType
?
: }
- }>
+ }
+ componentName="PaymentElementRendererLazy">
-
+
| CardNumberElement =>
| PaymentMethodsManagement =>
-
+
- }>
+ }
+ componentName="PaymentManagementLazy">
-
+
| PaymentMethodCollectElement
| NONE => React.null
}}
diff --git a/src/orca-log-catcher/ReusableReactSuspense.res b/src/orca-log-catcher/ReusableReactSuspense.res
new file mode 100644
index 000000000..1bb1fcc62
--- /dev/null
+++ b/src/orca-log-catcher/ReusableReactSuspense.res
@@ -0,0 +1,8 @@
+@react.component
+let make = (~children, ~loaderComponent, ~componentName) => {
+ Console.log2("-- componentName -- ", componentName)
+
+
+ {children}
+
+}