refactor: proper identification of reactHyperJs from hyperswitch

src/libraries/HyperSwitch/HyperSwitchTypes.res → src/libraries/HyperSwitch/ReactHyperJs.res

@@ -58,3 +58,44 @@ type appearanceType = {
   rules: Js.Json.t,
 }
 type updateType = {appearance: appearanceType}
+
+@module("@juspay-tech/hyper-js")
+external loadHyper: string => hyperPromise = "loadHyper"
+
+@module("@juspay-tech/react-hyper-js")
+external useHyper: unit => hyperType = "useHyper"
+@module("@juspay-tech/react-hyper-js")
+external useElements: unit => hyperType = "useElements"
+
+module Elements = {
+  @module("@juspay-tech/react-hyper-js") @react.component
+  external make: (
+    ~options: options,
+    ~stripe: hyperPromise,
+    ~children: React.element,
+  ) => React.element = "Elements"
+}
+
+module PaymentElement = {
+  @module("@juspay-tech/react-hyper-js") @react.component
+  external make: (~id: string, ~options: options2) => React.element = "PaymentElement"
+}
+
+module CardWidget = {
+  @module("@juspay-tech/react-hyper-js") @react.component
+  external make: (~id: string, ~options: options2) => React.element = "CardWidget"
+}
+
+module ElementsTest = {
+  @module("@juspay-tech/react-hyper-js") @react.component
+  external make: (
+    ~options: optionsTest,
+    ~stripe: hyperPromise,
+    ~children: React.element,
+  ) => React.element = "Elements"
+}
+
+module PaymentElementTest = {
+  @module("@juspay-tech/react-hyper-js") @react.component
+  external make: (~id: string, ~options: options2) => React.element = "PaymentElement"
+}

src/libraries/Window.res

@@ -24,10 +24,10 @@ external removeEventListener: (string, listener<'ev>) => unit = "removeEventList
 external postMessage: (Js.Json.t, string) => unit = "postMessage"
 
 @val @scope("window")
-external checkLoadHyper: option<HyperSwitchTypes.hyperloader> = "Hyper"
+external checkLoadHyper: option<ReactHyperJs.hyperloader> = "Hyper"
 
 @val @scope("window")
-external loadHyper: string => HyperSwitchTypes.hyperloader = "Hyper"
+external loadHyper: string => ReactHyperJs.hyperloader = "Hyper"
 
 type rec selectionObj = {\"type": string}
 @val @scope("window") external getSelection: unit => selectionObj = "getSelection"

src/screens/HyperSwitch/Home/HomeUtils.res

@@ -32,7 +32,7 @@ type resourcesTypes = {
   id: string,
 }
 
-let countries: array<HyperSwitchTypes.country> = [
+let countries: array<ReactHyperJs.country> = [
   {
     isoAlpha3: "USA",
     currency: "USD",

src/screens/HyperSwitch/SDKPayment/TestPayment.res

@@ -12,7 +12,7 @@ let make = (
 ) => {
   open APIUtils
   open LogicUtils
-  open HyperSwitchTypes
+  open ReactHyperJs
 
   let updateDetails = useUpdateMethod(~showErrorToast=false, ())
   let (clientSecret, setClientSecret) = React.useState(_ => None)

src/screens/HyperSwitch/SDKPayment/WebSDK.res

@@ -1,5 +1,4 @@
-open HyperSwitch
-open HyperSwitchTypes
+open ReactHyperJs
 open Promise
 
 type configElements = {