feat: added initPaymentSession and usePaymentSession

dist/bundle.js.LICENSE.txt

@@ -1,9 +1 @@
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */

package.json

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

src/Context.res

@@ -60,6 +60,7 @@ type rec elementsType = {
   getElement: string => option<OrcaJs.paymentElement>,
   fetchUpdates: unit => Promise.t<JSON.t>,
   create: (string, JSON.t) => OrcaJs.paymentElement, // return a react component instead by doing new Payment Element.
+  updateIntent: (unit => promise<string>) => promise<JSON.t>,
 }
 
 type rec paymentMethodsManagementElementsType = {
@@ -115,6 +116,7 @@ let defaultGetCustomerSavedPaymentMethods = () => {
 
 let defaultInitPaymentSession: OrcaJs.initPaymentSession = {
   getCustomerSavedPaymentMethods: defaultGetCustomerSavedPaymentMethods,
+  updateIntent: _ => Promise.resolve(Dict.make()->JSON.Encode.object),
 }
 
 let defaultSwitchContext = {
@@ -202,6 +204,7 @@ let defaultElementsContext: elementsType = {
   getElement,
   fetchUpdates,
   create,
+  updateIntent: _ => Promise.resolve(Dict.make()->JSON.Encode.object),
 }
 
 let elementsContext = React.createContext(defaultElementsContext)
@@ -227,6 +230,22 @@ let paymentMethodsManagementElementsOptionObjMapper = (options: JSON.t) => {
   }
 }
 
+type paymentSessionContextType = {
+  getCustomerSavedPaymentMethods: unit => promise<JSON.t>,
+  updateIntent: (unit => promise<string>) => promise<JSON.t>,
+}
+
+let defaultPaymentSessionContext: paymentSessionContextType = {
+  getCustomerSavedPaymentMethods: () => Promise.resolve(Dict.make()->JSON.Encode.object),
+  updateIntent: _ => Promise.resolve(Dict.make()->JSON.Encode.object),
+}
+
+let paymentSessionContext = React.createContext(defaultPaymentSessionContext)
+
+module PaymentSessionContextProvider = {
+  let make = React.Context.provider(paymentSessionContext)
+}
+
 let defaultPaymentMethodsManagementElementsContext: paymentMethodsManagementElementsType = {
   options: {
     fonts: [],

src/Index.res

@@ -16,6 +16,15 @@ let useStripe = () => {
   Console.warn("useStripe() is deprecated. Use useHyper() instead")
   useHyper()
 }
+
+let usePaymentSession = () => {
+  React.useContext(Context.paymentSessionContext)
+}
+
+let initPaymentSession = async (hyperPromise: promise<OrcaJs.switchInstance>, options: JSON.t) => {
+  let hyper = await hyperPromise
+  hyper.initPaymentSession(options)
+}
 let useWidgets = () => {
   React.useContext(Context.elementsContext)
 }

src/Index.resi

@@ -11,6 +11,11 @@ let useHyper: unit => Context.switchContextType
 let useStripe: unit => Context.switchContextType
 let useWidgets: unit => Context.elementsType
 let useElements: unit => Context.elementsType
+let usePaymentSession: unit => Context.paymentSessionContextType
+let initPaymentSession: (
+  promise<OrcaJs.switchInstance>,
+  RescriptCore.JSON.t,
+) => promise<OrcaJs.initPaymentSession>
 let \"Elements": Elements.props<
   React.element,
   RescriptCore.Promise.t<OrcaJs.switchInstance>,

src/OrcaJs.res

@@ -47,6 +47,7 @@ type element = {
   update: JSON.t => unit,
   fetchUpdates: unit => Promise.t<JSON.t>,
   create: (string, JSON.t) => paymentElement,
+  updateIntent: (unit => promise<string>) => promise<JSON.t>,
 }
 
 type confirmParams = {return_url: string}
@@ -63,7 +64,10 @@ type getCustomerSavedPaymentMethods = {
   confirmWithLastUsedPaymentMethod: JSON.t => Promise.t<JSON.t>,
 }
 
-type initPaymentSession = {getCustomerSavedPaymentMethods: unit => Promise.t<JSON.t>}
+type initPaymentSession = {
+  getCustomerSavedPaymentMethods: unit => Promise.t<JSON.t>,
+  updateIntent: (unit => promise<string>) => promise<JSON.t>,
+}
 
 type switchInstance = {
   confirmPayment: JSON.t => Promise.t<JSON.t>,

src/components/Elements.res

@@ -14,6 +14,7 @@ let make = (~children, ~stripe: Promise.t<OrcaJs.switchInstance>, ~options: JSON
         getElement: orcaElementsConfig.getElement,
         fetchUpdates: orcaElementsConfig.fetchUpdates,
         create: orcaElementsConfig.create,
+        updateIntent: orcaElementsConfig.updateIntent,
       }
       let switchValClone: Context.switchContextType = {
         confirmPayment: switchInstance.confirmPayment,

src/components/HyperElements.res

@@ -3,6 +3,9 @@ let make = (~children, ~hyper: Promise.t<OrcaJs.switchInstance>, ~options: JSON.
   let elementOptions = options->Context.elementsOptionObjMapper
   let (switchState, setSwitchState) = React.useState(() => Context.defaultSwitchContext)
   let (elementsState, setElementsState) = React.useState(() => Context.defaultElementsContext)
+  let (paymentSessionState, setPaymentSessionState) = React.useState(() =>
+    Context.defaultPaymentSessionContext
+  )
 
   React.useEffect0(() => {
     hyper
@@ -14,6 +17,7 @@ let make = (~children, ~hyper: Promise.t<OrcaJs.switchInstance>, ~options: JSON.
         getElement: orcaElementsConfig.getElement,
         fetchUpdates: orcaElementsConfig.fetchUpdates,
         create: orcaElementsConfig.create,
+        updateIntent: orcaElementsConfig.updateIntent,
       }
       let switchValClone: Context.switchContextType = {
         confirmPayment: switchInstance.confirmPayment,
@@ -27,8 +31,15 @@ let make = (~children, ~hyper: Promise.t<OrcaJs.switchInstance>, ~options: JSON.
         confirmTokenization: switchInstance.confirmTokenization,
       }
 
+      let paymentSession = switchInstance.initPaymentSession(options)
+      let newPaymentSessionValues: Context.paymentSessionContextType = {
+        getCustomerSavedPaymentMethods: paymentSession.getCustomerSavedPaymentMethods,
+        updateIntent: paymentSession.updateIntent,
+      }
+
       setSwitchState(_ => switchValClone)
       setElementsState(_ => newElemValues)
+      setPaymentSessionState(_ => newPaymentSessionValues)
       Promise.resolve(switchValClone)
     }, _)
     ->ignore
@@ -37,7 +48,9 @@ let make = (~children, ~hyper: Promise.t<OrcaJs.switchInstance>, ~options: JSON.
 
   <Context.SwitchContextProvider value={switchState}>
     <Context.ElementsContextProvider value={elementsState}>
-      {children}
+      <Context.PaymentSessionContextProvider value={paymentSessionState}>
+        {children}
+      </Context.PaymentSessionContextProvider>
     </Context.ElementsContextProvider>
   </Context.SwitchContextProvider>
 }