fix: Prod x feature deployment

config/FeatureFlag.json

@@ -23,5 +23,6 @@
   "user_journey_analytics": false,
   "surcharge": false,
   "customers_module": false,
-  "permission_based_module": false
+  "permission_based_module": false,
+  "x_feature_route": false
 }

src/entryPoints/hyperswitch/FeatureFlagUtils.res

@@ -25,6 +25,7 @@ type featureFlag = {
   surcharge: bool,
   customersModule: bool,
   permissionBasedModule: bool,
+  xFeatureRoute: bool,
 }
 
 let featureFlagType = (featureFlags: Js.Json.t) => {
@@ -57,6 +58,7 @@ let featureFlagType = (featureFlags: Js.Json.t) => {
     surcharge: dict->getBool("surcharge", false),
     customersModule: dict->getBool("customers_module", false),
     permissionBasedModule: dict->getBool("permission_based_module", false),
+    xFeatureRoute: dict->getBool("x_feature_route", false),
   }
   typedFeatureFlag
 }

src/hooks/AuthHooks.res

@@ -10,7 +10,15 @@ type sessionStorage = {
 external dictToObj: Js.Dict.t<'a> => {..} = "%identity"
 @val external atob: string => string = "atob"
 
-let getHeaders = (~uri, ~headers, ()) => {
+let headersForXFeature = (~uri, ~headers) => {
+  if uri->String.includes("lottie-files") || uri->String.includes("config/merchant-access") {
+    headers->Dict.set("Content-Type", `application/json`)
+  } else {
+    headers->Dict.set("x-feature", "hyperswitch-custom")
+  }
+}
+
+let getHeaders = (~uri, ~headers, ~xFeatureRoute, ()) => {
   let hyperSwitchToken = LocalStorage.getItem("login")->Js.Nullable.toOption
   let isMixpanel = uri->String.includes("mixpanel")
 
@@ -20,16 +28,17 @@ let getHeaders = (~uri, ~headers, ()) => {
       ("accept", "application/json"),
     ]->Dict.fromArray
   } else {
-    let res = switch hyperSwitchToken {
+    if xFeatureRoute {
+      headersForXFeature(~headers, ~uri)
+    }
+    switch hyperSwitchToken {
     | Some(token) => {
         headers->Dict.set("authorization", `Bearer ${token}`)
         headers->Dict.set("api-key", `hyperswitch`)
-        headers
       }
-
-    | None => headers
+    | None => ()
     }
-    res
+    headers
   }
   Fetch.HeadersInit.make(headerObj->dictToObj)
 }
@@ -45,6 +54,7 @@ type betaEndpoint = {
 
 let useApiFetcher = () => {
   let (authStatus, setAuthStatus) = React.useContext(AuthInfoProvider.authStatusContext)
+  let {xFeatureRoute} = HyperswitchAtom.featureFlagAtom->Recoil.useRecoilValueFromAtom
 
   let token = React.useMemo1(() => {
     switch authStatus {
@@ -91,7 +101,7 @@ let useApiFetcher = () => {
             ~method_,
             ~body?,
             ~credentials=SameOrigin,
-            ~headers=getHeaders(~headers, ~uri, ()),
+            ~headers=getHeaders(~headers, ~uri, ~xFeatureRoute, ()),
             (),
           ),
         )