feat: added react wrapper for payment methods management

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay-tech/react-hyper-js",
-  "version": "1.2.4",
+  "version": "1.3.4",
   "main": "dist/bundle.js",
   "files": [
     "dist/",

src/Context.res

@@ -80,6 +80,7 @@ type switchContextType = {
   paymentRequest: JSON.t => JSON.t,
   completeUpdateIntent: string => promise<JSON.t>,
   initiateUpdateIntent: unit => promise<JSON.t>,
+  confirmTokenization: JSON.t => Promise.t<JSON.t>,
 }
 
 type paymentMethodsManagementSwitchContextType = {
@@ -90,6 +91,7 @@ type paymentMethodsManagementSwitchContextType = {
 let confirmPaymentFn = (_elements: JSON.t) => {
   Promise.resolve(Dict.make()->JSON.Encode.object)
 }
+
 let confirmCardPaymentFn = (
   _clientSecretId: string,
   _data: option<JSON.t>,
@@ -113,6 +115,7 @@ let defaultSwitchContext = {
   paymentRequest,
   completeUpdateIntent: _ => Promise.resolve(Dict.make()->JSON.Encode.object),
   initiateUpdateIntent: _ => Promise.resolve(Dict.make()->JSON.Encode.object),
+  confirmTokenization: _ => Promise.resolve(Dict.make()->JSON.Encode.object),
 }
 
 let switchContext = React.createContext(defaultSwitchContext)
@@ -131,7 +134,7 @@ let paymentMethodsManagementSwitchContext = React.createContext(
 )
 
 module PaymentMethodsManagementSwitchContextProvider = {
-  let make = React.Context.provider(paymentMethodsManagementSwitchContext)
+  let make = React.Context.provider(switchContext)
 }
 
 let getString = (dict, key, defaultVal) => {

src/OrcaJs.res

@@ -65,4 +65,5 @@ type switchInstance = {
   paymentMethodsManagementElements: JSON.t => element,
   completeUpdateIntent: string => promise<JSON.t>,
   initiateUpdateIntent: unit => promise<JSON.t>,
+  confirmTokenization: JSON.t => Promise.t<JSON.t>,
 }

src/components/Elements.res

@@ -23,6 +23,7 @@ let make = (~children, ~stripe: Promise.t<OrcaJs.switchInstance>, ~options: JSON
         paymentRequest: switchInstance.paymentRequest,
         completeUpdateIntent: switchInstance.completeUpdateIntent,
         initiateUpdateIntent: switchInstance.initiateUpdateIntent,
+        confirmTokenization: switchInstance.confirmTokenization,
       }
 
       setSwitchState(_ => switchValClone)

src/components/HyperElements.res

@@ -23,6 +23,7 @@ let make = (~children, ~hyper: Promise.t<OrcaJs.switchInstance>, ~options: JSON.
         paymentRequest: switchInstance.paymentRequest,
         completeUpdateIntent: switchInstance.completeUpdateIntent,
         initiateUpdateIntent: switchInstance.initiateUpdateIntent,
+        confirmTokenization: switchInstance.confirmTokenization,
       }
 
       setSwitchState(_ => switchValClone)

src/components/HyperManagementElements.res

@@ -2,9 +2,7 @@
 let make = (~children, ~hyper: Promise.t<OrcaJs.switchInstance>, ~options: JSON.t) => {
   let paymentMethodsManagementElementOptions =
     options->Context.paymentMethodsManagementElementsOptionObjMapper
-  let (switchState, setSwitchState) = React.useState(() =>
-    Context.defaultPaymentMethodsManagementSwitchContext
-  )
+  let (switchState, setSwitchState) = React.useState(() => Context.defaultSwitchContext)
   let (elementsState, setElementsState) = React.useState(() =>
     Context.defaultPaymentMethodsManagementElementsContext
   )
@@ -21,9 +19,15 @@ let make = (~children, ~hyper: Promise.t<OrcaJs.switchInstance>, ~options: JSON.
         create: orcaElementsConfig.create,
       }
 
-      let switchValClone: Context.paymentMethodsManagementSwitchContextType = {
+      let switchValClone: Context.switchContextType = {
+        confirmPayment: switchInstance.confirmPayment,
+        confirmCardPayment: switchInstance.confirmCardPayment,
+        retrievePaymentIntent: switchInstance.retrievePaymentIntent,
+        clientSecret: "",
         paymentRequest: switchInstance.paymentRequest,
-        ephemeralKey: paymentMethodsManagementElementOptions.ephemeralKey,
+        completeUpdateIntent: switchInstance.completeUpdateIntent,
+        initiateUpdateIntent: switchInstance.initiateUpdateIntent,
+        confirmTokenization: switchInstance.confirmTokenization,
       }
       setSwitchState(_ => switchValClone)
       setElementsState(_ => newElemValues)