refactor: refactored lazy loading (#484)

src/PaymentElementRendererLazy.res

@@ -1,10 +1 @@
-open LazyUtils
-
-type props = {
-  paymentType: CardThemeType.mode,
-  cardProps: CardUtils.cardProps,
-  expiryProps: CardUtils.expiryProps,
-  cvcProps: CardUtils.cvcProps,
-}
-
-let make: props => React.element = reactLazy(() => import_("./PaymentElementRenderer.bs.js"))
+let make = React.lazy_(() => Js.import(PaymentElementRenderer.default))

src/PaymentManagementLazy.res

@@ -1,4 +1 @@
-open LazyUtils
-
-type props = {}
-let make: props => React.element = reactLazy(() => import_("./PaymentManagement.bs.js"))
+let make = React.lazy_(() => Js.import(PaymentManagement.default))

src/PaymentMethodCollectElementLazy.res

@@ -1,8 +1 @@
-open LazyUtils
-
-type props = {
-  integrateError: bool,
-  logger: OrcaLogger.loggerMake,
-}
-
-let make: props => React.element = reactLazy(() => import_("./PaymentMethodCollectElement.bs.js"))
+let make = React.lazy_(() => Js.import(PaymentMethodCollectElement.default))

src/Payments/ACHBankDebitLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./ACHBankDebit.bs.js"))
+let make = React.lazy_(() => Js.import(ACHBankDebit.default))

src/Payments/ACHBankTransferLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./ACHBankTransfer.bs.js"))
+let make = React.lazy_(() => Js.import(ACHBankTransfer.default))

src/Payments/ApplePayLazy.res

@@ -1,7 +1 @@
-open LazyUtils
-
-type props = {
-  sessionObj: option<JSON.t>
-}
-
-let make: props => React.element = reactLazy(() => import_("./ApplePay.bs.js"))
+let make = React.lazy_(() => Js.import(ApplePay.default))

src/Payments/BacsBankDebitLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./BacsBankDebit.bs.js"))
+let make = React.lazy_(() => Js.import(BacsBankDebit.default))

src/Payments/BacsBankTransfer.res

@@ -1,7 +1,8 @@
 open RecoilAtoms
 open Utils
 
-let default = (paymentType: CardThemeType.mode) => {
+@react.component
+let default = (~paymentType: CardThemeType.mode) => {
   let {iframeId} = Recoil.useRecoilValueFromAtom(keys)
   let loggerState = Recoil.useRecoilValueFromAtom(loggerAtom)
   let {themeObj} = Recoil.useRecoilValueFromAtom(configAtom)

src/Payments/BacsBankTransfer.resi

@@ -1 +1,2 @@
-let default: CardThemeType.mode => React.element
+@react.component
+let default: (~paymentType: CardThemeType.mode) => React.element

src/Payments/BacsBankTransferLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./BacsBankTransfer.bs.js"))
+let make = React.lazy_(() => Js.import(BacsBankTransfer.default))

src/Payments/BecsBankDebitLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./BecsBankDebit.bs.js"))
+let make = React.lazy_(() => Js.import(BecsBankDebit.default))

src/Payments/BoletoLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./Boleto.bs.js"))
+let make = React.lazy_(() => Js.import(Boleto.default))

src/Payments/GPayLazy.res

@@ -1,8 +1 @@
-open LazyUtils
-
-type props = {
-  sessionObj: option<SessionsType.token>,
-  thirdPartySessionObj: option<JSON.t>,
-}
-
-let make: props => React.element = reactLazy(() => import_("./GPay.bs.js"))
+let make = React.lazy_(() => Js.import(GPay.default))

src/Payments/KlarnaPaymentLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./KlarnaPayment.bs.js"))
+let make = React.lazy_(() => Js.import(KlarnaPayment.default))

src/Payments/KlarnaSDKLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {sessionObj: SessionsType.token}
-
-let make: props => React.element = reactLazy(() => import_("./KlarnaSDK.bs.js"))
+let make = React.lazy_(() => Js.import(KlarnaSDK.default))

src/Payments/PayPalLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {}
-
-let make: props => React.element = reactLazy(() => import_("./PayPal.bs.js"))
+let make = React.lazy_(() => Js.import(PayPal.default))

src/Payments/PaymentMethodsWrapperLazy.res

@@ -1,8 +1 @@
-open LazyUtils
-
-type props = {
-  paymentType: CardThemeType.mode,
-  paymentMethodName: string,
-}
-
-let make: props => React.element = reactLazy(() => import_("./PaymentMethodsWrapper.bs.js"))
+let make = React.lazy_(() => Js.import(PaymentMethodsWrapper.default))

src/Payments/PaypalSDKLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {sessionObj: SessionsType.token, paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./PaypalSDK.bs.js"))
+let make = React.lazy_(() => Js.import(PaypalSDK.default))

src/Payments/SepaBankDebitLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./SepaBankDebit.bs.js"))
+let make = React.lazy_(() => Js.import(SepaBankDebit.default))

src/Payments/SepaBankTransferLazy.res

@@ -1,5 +1 @@
-open LazyUtils
-
-type props = {paymentType: CardThemeType.mode}
-
-let make: props => React.element = reactLazy(() => import_("./SepaBankTransfer.bs.js"))
+let make = React.lazy_(() => Js.import(SepaBankTransfer.default))

src/SingleLineCardPaymentLazy.res

@@ -1,13 +1 @@
-open LazyUtils
-
-type props = {
-  paymentType: CardThemeType.mode,
-  cardProps: CardUtils.cardProps,
-  expiryProps: CardUtils.expiryProps,
-  cvcProps: CardUtils.cvcProps,
-  zipProps: CardUtils.zipProps,
-  handleElementFocus: bool => unit,
-  isFocus: bool,
-}
-
-let make: props => React.element = reactLazy(() => import_("./SingleLineCardPayment.bs.js"))
+let make = React.lazy_(() => Js.import(SingleLineCardPayment.default))