feat: passing X-Merchant-Domain in the headers for Sessions Call (#504)

Co-authored-by: Pritish Budhiraja <[email protected]>
juspay · Jul 18, 2024 · cd001c5 · cd001c5
1 parent e026108
commit cd001c5
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 5 deletions.
diff --git a/src/App.res b/src/App.res
@@ -44,9 +44,10 @@ let make = () => {
             url.search,
             "hyperComponentName",
           )->Types.getHyperComponentNameFromStr
+        let merchantHostname = CardUtils.getQueryParamsDictforKey(url.search, "merchantHostname")
 
         <PreMountLoader
-          publishableKey sessionId clientSecret endpoint ephemeralKey hyperComponentName
+          publishableKey sessionId clientSecret endpoint ephemeralKey hyperComponentName merchantHostname
         />
       }
     | "achBankTransfer"

diff --git a/src/Payments/PreMountLoader.res b/src/Payments/PreMountLoader.res
@@ -6,6 +6,7 @@ let make = (
   ~endpoint,
   ~ephemeralKey,
   ~hyperComponentName: Types.hyperComponentName,
+  ~merchantHostname,
 ) => {
   open Utils
   let (paymentMethodsResponseSent, setPaymentMethodsResponseSent) = React.useState(_ => false)
@@ -63,6 +64,7 @@ let make = (
         ~optLogger=Some(logger),
         ~switchToCustomPod=false,
         ~endpoint,
+        ~merchantHostname,
         (),
       )
     | _ => JSON.Encode.null->Promise.resolve

diff --git a/src/Utilities/PaymentHelpers.res b/src/Utilities/PaymentHelpers.res
@@ -1257,10 +1257,15 @@ let fetchSessions = (
   ~switchToCustomPod,
   ~endpoint,
   ~isPaymentSession=false,
+  ~merchantHostname=Window.Location.hostname,
   (),
 ) => {
   open Promise
-  let headers = [("Content-Type", "application/json"), ("api-key", publishableKey)]
+  let headers = [
+    ("Content-Type", "application/json"),
+    ("api-key", publishableKey),
+    ("X-Merchant-Domain", merchantHostname),
+  ]
   let paymentIntentID = clientSecret->getPaymentId
   let body =
     [

diff --git a/src/Utilities/Utils.res b/src/Utilities/Utils.res
@@ -815,8 +815,6 @@ let getHeaders = (~uri=?, ~token=?, ~headers=Dict.make(), ()) => {
       ("X-Payment-Confirm-Source", "sdk"),
       ("X-Browser-Name", OrcaLogger.arrayOfNameAndVersion->Array.get(0)->Option.getOr("Others")),
       ("X-Browser-Version", OrcaLogger.arrayOfNameAndVersion->Array.get(1)->Option.getOr("0")),
-      ("browsername", OrcaLogger.arrayOfNameAndVersion->Array.get(0)->Option.getOr("Others")),
-      ("browserversion", OrcaLogger.arrayOfNameAndVersion->Array.get(1)->Option.getOr("0")),
       ("X-Client-Platform", "web"),
     ]->Dict.fromArray
 

diff --git a/src/orca-loader/Elements.res b/src/orca-loader/Elements.res
@@ -57,6 +57,8 @@ let make = (
       ->Option.flatMap(JSON.Decode.bool)
       ->Option.getOr(false)
 
+    let merchantHostname = Window.Location.hostname
+
     let localSelectorString = "hyper-preMountLoader-iframe"
     let mountPreMountLoaderIframe = () => {
       if (
@@ -70,7 +72,7 @@ let make = (
            <iframe
            id ="orca-payment-element-iframeRef-${localSelectorString}"
            name="orca-payment-element-iframeRef-${localSelectorString}"
-          src="${ApiEndpoint.sdkDomainUrl}/index.html?fullscreenType=${componentType}&publishableKey=${publishableKey}&clientSecret=${clientSecret}&sessionId=${sdkSessionId}&endpoint=${endpoint}"
+          src="${ApiEndpoint.sdkDomainUrl}/index.html?fullscreenType=${componentType}&publishableKey=${publishableKey}&clientSecret=${clientSecret}&sessionId=${sdkSessionId}&endpoint=${endpoint}&merchantHostname=${merchantHostname}"
           allow="*"
           name="orca-payment"
         ></iframe>