feat: added support for titleImageUrl

README.md

@@ -79,6 +79,7 @@ const result: KhipuResult = await startOperation({
   operationId: '<paymentId>',
   options: {
     title: '<Title to display in the payment process>', // Title for the top bar during the payment process.
+    titleImageUrl: '<Image to display centered in the topbar>', // Url of the image to display in the top bar.
     locale: 'es_CL', // Regional settings for the interface language. The standard format combines an ISO 639-1 language code and an ISO 3166 country code. For example, "es_CL" for Spanish (Chile).
     theme: 'light', // The theme of the interface, can be 'dark', 'light' or 'system'
     skipExitPage: false, // If true, skips the exit page at the end of the payment process, whether successful or failed.

android/build.gradle

@@ -95,6 +95,6 @@ dependencies {
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  implementation 'com.khipu:khipu-client-android:2.3.0'
+  implementation 'com.khipu:khipu-client-android:2.5.0'
 }
 

android/src/main/java/com/khipu/KhipuModule.kt

@@ -97,6 +97,7 @@ class KhipuModule(reactContext: ReactApplicationContext) :
     if (options !== null) {
 
       options.getString("title")?.let { optionsBuilder.topBarTitle(it) }
+      options.getString("titleImageUrl")?.let { optionsBuilder.topBarImageUrl(it) }
       options.getBoolean("skipExitPage").let { optionsBuilder.skipExitPage(it) }
       options.getString("locale")?.let { optionsBuilder.locale(it) }
       if (options.hasKey("theme")) {

example/src/App.tsx

@@ -16,6 +16,8 @@ export default function App() {
       operationId: 'hxet5stmvvoj',
       options: {
         title: 'KhipuReactNative',
+        titleImageUrl:
+          'https://s3.amazonaws.com/static.khipu.com/buttons/2024/200x75-black.png',
         locale: 'es_CL',
         theme: 'light',
         skipExitPage: true,

ios/Khipu.swift

@@ -2,28 +2,32 @@ import KhipuClientIOS
 
 @objc(Khipu)
 class Khipu: NSObject {
-    
+
     @objc(startOperation:withResolver:withRejecter:)
     func startOperation(startOperationOptions: NSDictionary, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
-        
+
         var optionsBuilder = KhipuOptions.Builder()
-        
+
         if(startOperationOptions["options"] != nil) {
-            
+
             let options = startOperationOptions["options"] as! NSDictionary
-            
+
             if (options["title"] != nil) {
                 optionsBuilder = optionsBuilder.topBarTitle(options["title"]! as! String)
             }
-
+
+            if (options["titleImageUrl"] != nil) {
+                            optionsBuilder = optionsBuilder.topBarImageUrl(options["titleImageUrl"]! as! String)
+            }
+
             if (options["skipExitPage"] != nil) {
                 optionsBuilder = optionsBuilder.skipExitPage(options["skipExitPage"]! as! Bool)
             }
-            
+
             if (options["locale"] != nil) {
                 optionsBuilder = optionsBuilder.locale(options["locale"]! as! String)
             }
-            
+
             if (options["theme"] != nil) {
                 let theme = options["theme"]! as! String
                 if(theme == "light") {
@@ -34,12 +38,12 @@ class Khipu: NSObject {
                     optionsBuilder = optionsBuilder.theme(.system)
                 }
             }
-            
+
             if (options["colors"] != nil) {
                 let colors = options["colors"] as! NSDictionary
-                
+
                 var colorsBuilder = KhipuColors.Builder()
-                
+
                 if (colors["lightBackground"] != nil) {
                     colorsBuilder = colorsBuilder.lightBackground(colors["lightBackground"]! as! String)
                 }
@@ -76,26 +80,26 @@ class Khipu: NSObject {
                 if (colors["darkOnTopBarContainer"] != nil) {
                     colorsBuilder = colorsBuilder.darkOnTopBarContainer(colors["darkOnTopBarContainer"]! as! String)
                 }
-                
-                
+
+
                 optionsBuilder = optionsBuilder.colors(colorsBuilder.build())
             }
         }
 
-        
-        
-        
+
+
+
         DispatchQueue.main.async {
             guard let presenter = RCTPresentedViewController() else {
                 reject("NO_AVAILABLE_VIEW", "There is no presented UIViewController", NSError())
                 return
             }
-            
+
             guard let operationId = startOperationOptions["operationId"] else {
                 reject("NO_OPERATION_ID", "OperationId is needed to start the operation", NSError())
                 return
             }
-        
+
             KhipuLauncher.launch(presenter: presenter,
                                  operationId: operationId as! String,
                                  options: optionsBuilder.build()) { result in

react-native-khipu.podspec

@@ -16,7 +16,7 @@ Pod::Spec.new do |s|
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
-  s.dependency "KhipuClientIOS", "1.1.6"
+  s.dependency "KhipuClientIOS", "1.1.7"
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
   # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
   if respond_to?(:install_modules_dependencies, true)

src/index.tsx

@@ -31,6 +31,7 @@ export interface StartOperationOptions {
 export interface KhipuOptions {
   locale: string | undefined;
   title: string | undefined;
+  titleImageUrl: string | undefined;
   skipExitPage: boolean | undefined;
   theme: 'light' | 'dark' | 'system' | undefined;
   colors: KhipuColors | undefined;