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} + +}