@juspay-tech/react-native-hyperswitch 0.2.1

package/src/context/HyperProvider.res.js

@@ -0,0 +1,112 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as React from "react";
+import * as Js_exn from "rescript/lib/es6/js_exn.js";
+import * as Caml_obj from "rescript/lib/es6/caml_obj.js";
+import * as JsxRuntime from "react/jsx-runtime";
+import * as Caml_js_exceptions from "rescript/lib/es6/caml_js_exceptions.js";
+import * as NativeHyperswitchSdk$JuspayTechReactNativeHyperswitch from "../modules/NativeHyperswitchSdk.res.js";
+
+var defaultVal = {
+  publishableKey: "",
+  isInitialized: false
+};
+
+var hyperProviderContext = React.createContext([
+      defaultVal,
+      (function (param) {
+          
+        })
+    ]);
+
+var make = hyperProviderContext.Provider;
+
+var Provider = {
+  make: make
+};
+
+function initHyperswitch(publishableKey, customBackendUrl, customLogUrl, customParams) {
+  return NativeHyperswitchSdk$JuspayTechReactNativeHyperswitch.nativeHyperswitchSdk.initialise(publishableKey, customBackendUrl, customLogUrl, customParams);
+}
+
+function HyperProvider(props) {
+  var customParams = props.customParams;
+  var customLogUrl = props.customLogUrl;
+  var customBackendUrl = props.customBackendUrl;
+  var __publishableKey = props.publishableKey;
+  var publishableKey = __publishableKey !== undefined ? __publishableKey : "";
+  var match = React.useState(function () {
+        return {
+                publishableKey: publishableKey,
+                customBackendUrl: customBackendUrl,
+                customLogUrl: customLogUrl,
+                customParams: customParams,
+                isInitialized: false
+              };
+      });
+  var setState = match[1];
+  var state = match[0];
+  var getError = function (errorOpt) {
+    var error = errorOpt !== undefined ? errorOpt : "Failed to initialize Hyperswitch";
+    var newrecord = Caml_obj.obj_dup(state);
+    newrecord.error = error;
+    return newrecord;
+  };
+  var initialise = async function () {
+    try {
+      await initHyperswitch(publishableKey, customBackendUrl, customLogUrl, customParams);
+      return setState(function (param) {
+                  var newrecord = Caml_obj.obj_dup(state);
+                  newrecord.isInitialized = true;
+                  return newrecord;
+                });
+    }
+    catch (raw_obj){
+      var obj = Caml_js_exceptions.internalToOCamlException(raw_obj);
+      if (obj.RE_EXN_ID !== Js_exn.$$Error) {
+        return setState(function (param) {
+                    return getError(undefined);
+                  });
+      }
+      var error = obj._1.message;
+      if (error !== undefined) {
+        return setState(function (param) {
+                    return getError(error);
+                  });
+      } else {
+        return setState(function (param) {
+                    return getError(undefined);
+                  });
+      }
+    }
+  };
+  React.useEffect((function () {
+          if (publishableKey !== "") {
+            initialise();
+          }
+          
+        }), [publishableKey]);
+  var setState$1 = React.useCallback((function (val) {
+          setState(function (param) {
+                return val;
+              });
+        }), [setState]);
+  return JsxRuntime.jsx(make, {
+              value: [
+                state,
+                setState$1
+              ],
+              children: props.children
+            });
+}
+
+var make$1 = HyperProvider;
+
+export {
+  defaultVal ,
+  hyperProviderContext ,
+  Provider ,
+  initHyperswitch ,
+  make$1 as make,
+}
+/* hyperProviderContext Not a pure module */

package/src/hooks/useHyper.gen.tsx

@@ -0,0 +1,18 @@
+/* TypeScript file generated from useHyper.res by genType. */
+
+/* eslint-disable */
+/* tslint:disable */
+
+import * as useHyperJS from './useHyper.res.js';
+
+import type {initPaymentSessionParams as NativeHyperswitchSdk_initPaymentSessionParams} from '../../src/modules/NativeHyperswitchSdk.gen';
+
+import type {initPaymentSessionResult as NativeHyperswitchSdk_initPaymentSessionResult} from '../../src/modules/NativeHyperswitchSdk.gen';
+
+import type {presentPaymentSheetParams as NativeHyperswitchSdk_presentPaymentSheetParams} from '../../src/modules/NativeHyperswitchSdk.gen';
+
+import type {presentPaymentSheetResult as NativeHyperswitchSdk_presentPaymentSheetResult} from '../../src/modules/NativeHyperswitchSdk.gen';
+
+export type useHyper = { readonly initPaymentSession: (_1:NativeHyperswitchSdk_initPaymentSessionParams) => Promise<NativeHyperswitchSdk_initPaymentSessionResult>; readonly presentPaymentSheet: (_1:NativeHyperswitchSdk_presentPaymentSheetParams) => Promise<NativeHyperswitchSdk_presentPaymentSheetResult> };
+
+export const useHyper: () => useHyper = useHyperJS.useHyper as any;

package/src/hooks/useHyper.res

@@ -0,0 +1,142 @@
+open NativeHyperswitchSdk
+
+let getError: (~error: string=?) => presentPaymentSheetResult = (
+  ~error="Unknown error occurred while presenting payment sheet",
+) => {
+  {
+    error: {
+      code: "failed",
+      message: error,
+    },
+  }
+}
+
+let _initPaymentSession = async (params: initPaymentSessionParams): initPaymentSessionResult => {
+  try {
+    await nativeHyperswitchSdk.initPaymentSession(
+      ~paymentIntentClientSecret=params.paymentIntentClientSecret->Option.getOr(""),
+    )
+    {}
+  } catch {
+  | Exn.Error(obj) =>
+    switch Exn.message(obj) {
+    | Some(msg) => {error: msg}
+    | None => {error: "Unknown error occurred while initializing payment sheet"}
+    }
+  | _ => {error: "Unexpected error occurred while initializing payment sheet"}
+  }
+}
+let getData = (data, ~key : string, ~fallback : string)=>{
+  data
+  ->Option.flatMap(obj =>
+        obj->Js.Dict.get(key)->Option.flatMap(json => json->Js.Json.decodeString)
+      )
+      ->Option.getOr(fallback)
+}
+
+let parsePaymentSheetResult = (result: 'a): presentPaymentSheetResult => {
+  try {
+    let parsed = switch Js.typeof(result) {
+    | "string" => Js.Json.parseExn(result)
+    | _ => result->Obj.magic
+    }
+    let decodedObject = parsed->Js.Json.decodeObject
+
+    let status =
+      decodedObject->getData(~key="status", ~fallback="failed")
+    let errorMessage =
+      decodedObject->getData(~key="error", ~fallback="")
+    
+
+    let code =
+      decodedObject->getData(~key="code", ~fallback="")
+
+    let typeData =
+      decodedObject->getData(~key="type", ~fallback="")
+      
+    let message =
+      decodedObject
+      ->getData(~key="message", ~fallback="failed")
+
+    let paymentResult = {
+      status,
+      message,
+      error: errorMessage,
+      \"type": typeData,
+    }
+    let error = {
+      code,
+      message: errorMessage,
+    }
+
+    if errorMessage != "" {
+      {error, paymentResult}
+    } else {
+      {paymentResult: paymentResult}
+    }
+  } catch {
+  | _ => getError(~error="Failed to parse payment sheet result")
+  }
+}
+
+let _presentPaymentSheet = async (params: presentPaymentSheetParams): presentPaymentSheetResult => {
+  try {
+    let result = await nativeHyperswitchSdk.presentPaymentSheet(params)
+    result->parsePaymentSheetResult
+  } catch {
+  | Exn.Error(obj) =>
+    // Check if the error is an object error - if so, return the error
+    switch Js.typeof(obj) {
+    | "object" =>
+      // Try to parse the object error
+      try {
+        let errorObj = obj->Obj.magic
+        let parsedError = errorObj->parsePaymentSheetResult
+        parsedError
+      } catch {
+      | _ =>
+        switch Exn.message(obj) {
+        | Some(error) => getError(~error)
+        | None => getError()
+        }
+      }
+    | _ =>
+      switch Exn.message(obj) {
+      | Some(error) => getError(~error)
+      | None => getError()
+      }
+    }
+  | _ => getError()
+  }
+}
+
+type useHyper = {
+  initPaymentSession: initPaymentSessionParams => promise<initPaymentSessionResult>,
+  presentPaymentSheet: presentPaymentSheetParams => promise<presentPaymentSheetResult>,
+}
+
+@genType
+let useHyper = () => {
+  let (contextData, _) = React.useContext(HyperProvider.hyperProviderContext)
+  let isReady = contextData.isInitialized && contextData.error->Belt.Option.isNone
+
+  let initPaymentSession = React.useCallback0((params: initPaymentSessionParams) => {
+    _initPaymentSession(params)
+  })
+
+  let presentPaymentSheet = React.useCallback1((params: presentPaymentSheetParams) => {
+    if !isReady {
+      let a: promise<presentPaymentSheetResult> = Promise.resolve(
+        getError(~error="Hyperswitch is not initialized"),
+      )
+      a
+    } else {
+      _presentPaymentSheet(params)
+    }
+  }, [isReady])
+
+  {
+    initPaymentSession,
+    presentPaymentSheet,
+  }
+}

package/src/hooks/useHyper.res.js

@@ -0,0 +1,157 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as React from "react";
+import * as Js_exn from "rescript/lib/es6/js_exn.js";
+import * as Js_dict from "rescript/lib/es6/js_dict.js";
+import * as Js_json from "rescript/lib/es6/js_json.js";
+import * as Belt_Option from "rescript/lib/es6/belt_Option.js";
+import * as Core__Option from "@rescript/core/src/Core__Option.res.js";
+import * as Caml_js_exceptions from "rescript/lib/es6/caml_js_exceptions.js";
+import * as HyperProvider$JuspayTechReactNativeHyperswitch from "../context/HyperProvider.res.js";
+import * as NativeHyperswitchSdk$JuspayTechReactNativeHyperswitch from "../modules/NativeHyperswitchSdk.res.js";
+
+function getError(errorOpt) {
+  var error = errorOpt !== undefined ? errorOpt : "Unknown error occurred while presenting payment sheet";
+  return {
+          error: {
+            code: "failed",
+            message: error
+          }
+        };
+}
+
+async function _initPaymentSession(params) {
+  try {
+    await NativeHyperswitchSdk$JuspayTechReactNativeHyperswitch.nativeHyperswitchSdk.initPaymentSession(Core__Option.getOr(params.paymentIntentClientSecret, ""));
+    return {};
+  }
+  catch (raw_obj){
+    var obj = Caml_js_exceptions.internalToOCamlException(raw_obj);
+    if (obj.RE_EXN_ID !== Js_exn.$$Error) {
+      return {
+              error: "Unexpected error occurred while initializing payment sheet"
+            };
+    }
+    var msg = obj._1.message;
+    if (msg !== undefined) {
+      return {
+              error: msg
+            };
+    } else {
+      return {
+              error: "Unknown error occurred while initializing payment sheet"
+            };
+    }
+  }
+}
+
+function getData(data, key, fallback) {
+  return Core__Option.getOr(Core__Option.flatMap(data, (function (obj) {
+                    return Core__Option.flatMap(Js_dict.get(obj, key), Js_json.decodeString);
+                  })), fallback);
+}
+
+function parsePaymentSheetResult(result) {
+  try {
+    var match = typeof result;
+    var parsed = match === "string" ? JSON.parse(result) : result;
+    var decodedObject = Js_json.decodeObject(parsed);
+    var status = getData(decodedObject, "status", "failed");
+    var errorMessage = getData(decodedObject, "error", "");
+    var code = getData(decodedObject, "code", "");
+    var typeData = getData(decodedObject, "type", "");
+    var message = getData(decodedObject, "message", "failed");
+    var paymentResult_error = errorMessage;
+    var paymentResult_type = typeData;
+    var paymentResult = {
+      status: status,
+      message: message,
+      error: paymentResult_error,
+      type: paymentResult_type
+    };
+    var error_code = code;
+    var error_message = errorMessage;
+    var error = {
+      code: error_code,
+      message: error_message
+    };
+    if (errorMessage !== "") {
+      return {
+              error: error,
+              paymentResult: paymentResult
+            };
+    } else {
+      return {
+              paymentResult: paymentResult
+            };
+    }
+  }
+  catch (exn){
+    return getError("Failed to parse payment sheet result");
+  }
+}
+
+async function _presentPaymentSheet(params) {
+  try {
+    var result = await NativeHyperswitchSdk$JuspayTechReactNativeHyperswitch.nativeHyperswitchSdk.presentPaymentSheet(params);
+    return parsePaymentSheetResult(result);
+  }
+  catch (raw_obj){
+    var obj = Caml_js_exceptions.internalToOCamlException(raw_obj);
+    if (obj.RE_EXN_ID !== Js_exn.$$Error) {
+      return getError(undefined);
+    }
+    var obj$1 = obj._1;
+    var match = typeof obj$1;
+    if (match === "object") {
+      try {
+        return parsePaymentSheetResult(obj$1);
+      }
+      catch (exn){
+        var error = obj$1.message;
+        if (error !== undefined) {
+          return getError(error);
+        } else {
+          return getError(undefined);
+        }
+      }
+    } else {
+      var error$1 = obj$1.message;
+      if (error$1 !== undefined) {
+        return getError(error$1);
+      } else {
+        return getError(undefined);
+      }
+    }
+  }
+}
+
+function useHyper() {
+  var match = React.useContext(HyperProvider$JuspayTechReactNativeHyperswitch.hyperProviderContext);
+  var contextData = match[0];
+  var isReady = contextData.isInitialized && Belt_Option.isNone(contextData.error);
+  var initPaymentSession = React.useCallback((function (params) {
+          return _initPaymentSession(params);
+        }), []);
+  var presentPaymentSheet = React.useCallback((function (params) {
+          if (isReady) {
+            return _presentPaymentSheet(params);
+          } else {
+            return Promise.resolve(getError("Hyperswitch is not initialized"));
+          }
+        }), [isReady]);
+  return {
+          initPaymentSession: initPaymentSession,
+          presentPaymentSheet: presentPaymentSheet
+        };
+}
+
+export {
+  getError ,
+  _initPaymentSession ,
+  getData ,
+  parsePaymentSheetResult ,
+  _presentPaymentSheet ,
+  useHyper ,
+}
+/* react Not a pure module */

package/src/index.tsx

@@ -0,0 +1,13 @@
+export type {
+  initPaymentSessionParams as InitPaymentSessionParams,
+  initPaymentSessionResult as InitPaymentSessionResult,
+  presentPaymentSheetParams as PresentPaymentSheetParams,
+  presentPaymentSheetResult as PresentPaymentSheetResult,
+} from './modules/NativeHyperswitchSdk.gen';
+
+export {
+  make as HyperProvider,
+  initHyperswitch,
+} from './context/HyperProvider.gen';
+
+export { useHyper } from './hooks/useHyper.gen';

package/src/modules/NativeHyperswitchSdk.gen.tsx

@@ -0,0 +1,25 @@
+/* TypeScript file generated from NativeHyperswitchSdk.res by genType. */
+
+/* eslint-disable */
+/* tslint:disable */
+
+import type {options as PaymentSheetConfiguration_options} from '../../src/types/PaymentSheetConfiguration.gen';
+
+export type initPaymentSessionParams = { readonly paymentIntentClientSecret?: string };
+
+export type initPaymentSessionResult = { readonly error?: string };
+
+export type presentPaymentSheetParams = PaymentSheetConfiguration_options;
+
+export type paymentResult = {
+  readonly status: string; 
+  readonly message: string; 
+  readonly error?: string; 
+  readonly type?: string
+};
+
+export type error = { readonly code?: string; readonly message?: string };
+
+export type presentPaymentSheetResult = { readonly error?: error; readonly paymentResult?: paymentResult };
+
+export type presentPaymentSheet = (_1:presentPaymentSheetParams) => Promise<string>;

package/src/modules/NativeHyperswitchSdk.res

@@ -0,0 +1,55 @@
+
+type initialise = (
+  ~publishableKey: string,
+  ~customBackendUrl: string=?,
+  ~customLogUrl: string=?,
+  ~customParams: Js.Json.t=?,
+) => promise<unit>
+
+type initPaymentSession = (~paymentIntentClientSecret: string) => promise<unit>
+
+@genType
+type initPaymentSessionParams = {paymentIntentClientSecret?: string}
+
+@genType
+type initPaymentSessionResult = {error?: string}
+
+@genType
+type presentPaymentSheetParams = PaymentSheetConfiguration.options
+
+type status =
+  | @as("succeeded") Completed
+  | @as("cancelled") Canceled
+  | @as("Failed") Failed
+
+@genType
+type paymentResult = {
+  status: string,
+  message: string,
+  error?: string,
+  \"type"?: string,
+}
+
+@genType
+type error = {
+  code?: string,
+  message?: string
+}
+
+@genType
+type presentPaymentSheetResult = {
+  error?: error,
+  paymentResult?: paymentResult
+}
+
+@genType
+type presentPaymentSheet = presentPaymentSheetParams => promise<string>
+
+type nativeHyperswitchSdk = {
+  initialise: initialise,
+  initPaymentSession: initPaymentSession,
+  presentPaymentSheet: presentPaymentSheet,
+}
+
+@module("../specs/NativeHyperswitchSdkReactNative")
+external nativeHyperswitchSdk: nativeHyperswitchSdk = "default"

package/src/modules/NativeHyperswitchSdk.res.js

@@ -0,0 +1,10 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import NativeHyperswitchSdkReactNative from "../specs/NativeHyperswitchSdkReactNative";
+
+var nativeHyperswitchSdk = NativeHyperswitchSdkReactNative;
+
+export {
+  nativeHyperswitchSdk ,
+}
+/* nativeHyperswitchSdk Not a pure module */

package/src/shims/Js.shim.ts

@@ -0,0 +1,5 @@
+export type Json_t = Object;
+
+export type t = unknown;
+
+export type TypedArray2_Uint8Array_t = Uint8Array;

package/src/specs/ApplePayButtonNativeComponent.ts

@@ -0,0 +1,11 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+import type { Double } from 'react-native/Libraries/Types/CodegenTypes';
+
+interface NativeProps extends ViewProps {
+  buttonType?: string;
+  buttonStyle?: string;
+  cornerRadius?: Double;
+}
+
+export default codegenNativeComponent<NativeProps>('ApplePayView');

package/src/specs/GooglePayButtonNativeComponent.android.ts

@@ -0,0 +1,12 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+import type { Double } from 'react-native/Libraries/Types/CodegenTypes';
+
+interface NativeProps extends ViewProps {
+  buttonType?: string;
+  buttonStyle?: string;
+  borderRadius?: Double;
+  allowedPaymentMethods?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('GooglePayButton');

package/src/specs/HyperswitchSdkReactNativeViewNativeComponent.ts

@@ -0,0 +1,10 @@
+// import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+// import type { ViewProps } from 'react-native';
+
+// interface NativeProps extends ViewProps {
+//   color?: string;
+// }
+
+// export default codegenNativeComponent<NativeProps>(
+//   'HyperswitchSdkReactNativeView'
+// );

package/src/specs/NativeHyperswitchSdkNative.ts

@@ -0,0 +1,33 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  // Send message to native
+  sendMessageToNative(message: string): void;
+
+  // Apple Pay methods
+  launchApplePay(requestObj: string, callback: (result: Object) => void): void;
+  // Google Pay method
+  launchGPay(requestObj: string, callback: (result: Object) => void): void;
+
+  // Exit methods
+  exitPaymentsheet(rootTag: number, result: string, reset: boolean): void;
+  exitPaymentMethodManagement(
+    rootTag: number,
+    result: string,
+    reset: boolean
+  ): void;
+  exitWidget(result: string, widgetType: string): void;
+  exitCardForm(result: string): void;
+  exitWidgetPaymentsheet(rootTag: number, result: string, reset: boolean): void;
+
+  // Widget methods
+  launchWidgetPaymentSheet(
+    requestObj: string,
+    callback: (result: Object) => void
+  ): void;
+  updateWidgetHeight(height: number): void;
+  onAddPaymentMethod(data: string): void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('HyperModules') as Spec;

package/src/specs/NativeHyperswitchSdkReactNative.ts

@@ -0,0 +1,17 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  initialise(
+    publishableKey: string,
+    customBackendUrl: undefined | string,
+    customLogUrl: undefined | string,
+    customParams: undefined | Object
+  ): Promise<void>;
+  initPaymentSession(paymentIntentClientSecret: string): Promise<string>;
+  presentPaymentSheet(configuration: Object): Promise<string>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>(
+  'HyperswitchSdkReactNative'
+);