diff --git a/.run/main.dart.run.xml b/.run/main_example.dart.run.xml
similarity index 82%
rename from .run/main.dart.run.xml
rename to .run/main_example.dart.run.xml
index 1ba54c48..ed7a2a40 100644
--- a/.run/main.dart.run.xml
+++ b/.run/main_example.dart.run.xml
@@ -1,5 +1,5 @@
 <component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="main.dart" type="FlutterRunConfigurationType" factoryName="Flutter">
+  <configuration default="false" name="main.dart" type="FlutterRunConfigurationType" factoryName="Flutter" nameIsGenerated="true">
     <option name="additionalArgs" value="--dart-define-from-file=secrets.json" />
     <option name="filePath" value="$PROJECT_DIR$/example/lib/main.dart" />
     <method v="2" />
diff --git a/.run/main_netlify.dart.run.xml b/.run/main_netlify.dart.run.xml
new file mode 100644
index 00000000..489607c1
--- /dev/null
+++ b/.run/main_netlify.dart.run.xml
@@ -0,0 +1,7 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="main_netlify.dart" type="FlutterRunConfigurationType" factoryName="Flutter" nameIsGenerated="true">
+    <option name="additionalArgs" value="--dart-define=&quot;CLIENT_KEY=test_O3LEH54C3JDPREE3QOEPOCRG4QGEICBQ&quot; --dart-define=&quot;APPLE_PAY_MERCHANT_ID_KEY=demo&quot;" />
+    <option name="filePath" value="$PROJECT_DIR$/example/lib/main_netlify.dart" />
+    <method v="2" />
+  </configuration>
+</component>
\ No newline at end of file
diff --git a/example/lib/extensions/card_configuration_extension.dart b/example/lib/extensions/card_configuration_extension.dart
new file mode 100644
index 00000000..09f2ea3d
--- /dev/null
+++ b/example/lib/extensions/card_configuration_extension.dart
@@ -0,0 +1,71 @@
+import 'package:adyen_checkout/adyen_checkout.dart';
+
+extension CardConfigurationExtension on CardConfiguration {
+  static CardConfiguration fromJson(Map<String, dynamic> json) {
+    return CardConfiguration(
+      holderNameRequired: json['holderNameRequired'] ?? false,
+      addressMode: _parseAddressMode(json['addressMode']),
+      showStorePaymentField: json['showStorePaymentField'] ?? false,
+      showCvcForStoredCard: json['showCvcForStoredCard'] ?? true,
+      showCvc: json['showCvc'] ?? true,
+      kcpFieldVisibility: _parseFieldVisibility(json['kcpFieldVisibility']),
+      socialSecurityNumberFieldVisibility:
+          _parseFieldVisibility(json['socialSecurityNumberFieldVisibility']),
+      supportedCardTypes: (json['supportedCardTypes'] as List<dynamic>?)
+              ?.map((element) => element as String)
+              .toList() ??
+          [],
+    );
+  }
+
+  CardConfiguration copyWith({
+    bool? holderNameRequired,
+    AddressMode? addressMode,
+    bool? showStorePaymentField,
+    bool? showCvcForStoredCard,
+    bool? showCvc,
+    FieldVisibility? kcpFieldVisibility,
+    FieldVisibility? socialSecurityNumberFieldVisibility,
+    List<String>? supportedCardTypes,
+    Function(List<BinLookupData>)? onBinLookup,
+    Function(String)? onBinValue,
+  }) {
+    return CardConfiguration(
+      holderNameRequired: holderNameRequired ?? this.holderNameRequired,
+      addressMode: addressMode ?? this.addressMode,
+      showStorePaymentField:
+          showStorePaymentField ?? this.showStorePaymentField,
+      showCvcForStoredCard: showCvcForStoredCard ?? this.showCvcForStoredCard,
+      showCvc: showCvc ?? this.showCvc,
+      kcpFieldVisibility: kcpFieldVisibility ?? this.kcpFieldVisibility,
+      socialSecurityNumberFieldVisibility:
+          socialSecurityNumberFieldVisibility ??
+              this.socialSecurityNumberFieldVisibility,
+      supportedCardTypes: supportedCardTypes ?? this.supportedCardTypes,
+      onBinLookup: onBinLookup ?? this.onBinLookup,
+      onBinValue: onBinValue ?? this.onBinValue,
+    );
+  }
+
+  static AddressMode _parseAddressMode(String? value) {
+    switch (value) {
+      case 'full':
+        return AddressMode.full;
+      case 'postalCode':
+        return AddressMode.postalCode;
+      case 'none':
+      default:
+        return AddressMode.none;
+    }
+  }
+
+  static FieldVisibility _parseFieldVisibility(String? value) {
+    switch (value) {
+      case 'show':
+        return FieldVisibility.show;
+      case 'hide':
+      default:
+        return FieldVisibility.hide;
+    }
+  }
+}
diff --git a/example/lib/main.dart b/example/lib/main.dart
index 7eab53b2..96e3e53d 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -1,185 +1,6 @@
-// ignore_for_file: unused_local_variable
-
-import 'package:adyen_checkout/adyen_checkout.dart';
-import 'package:adyen_checkout_example/network/service.dart';
-import 'package:adyen_checkout_example/repositories/adyen_apple_pay_component_repository.dart';
-import 'package:adyen_checkout_example/repositories/adyen_card_component_repository.dart';
-import 'package:adyen_checkout_example/repositories/adyen_cse_repository.dart';
-import 'package:adyen_checkout_example/repositories/adyen_drop_in_repository.dart';
-import 'package:adyen_checkout_example/repositories/adyen_google_pay_component_repository.dart';
-import 'package:adyen_checkout_example/repositories/adyen_instant_component_repository.dart';
-import 'package:adyen_checkout_example/screens/api_only/card_state_notifier.dart';
-import 'package:adyen_checkout_example/screens/api_only/custom_card_screen.dart';
-import 'package:adyen_checkout_example/screens/component/apple_pay/apple_pay_advanced_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/apple_pay/apple_pay_navigation_screen.dart';
-import 'package:adyen_checkout_example/screens/component/apple_pay/apple_pay_session_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/card/card_advanced_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/card/card_bottom_sheet_screen.dart';
-import 'package:adyen_checkout_example/screens/component/card/card_navigation_screen.dart';
-import 'package:adyen_checkout_example/screens/component/card/card_session_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/google_pay/google_pay_advanced_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/google_pay/google_pay_navigation_screen.dart';
-import 'package:adyen_checkout_example/screens/component/google_pay/google_pay_session_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/instant/instant_advanced_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/instant/instant_navigation_screen.dart';
-import 'package:adyen_checkout_example/screens/component/instant/instant_session_component_screen.dart';
-import 'package:adyen_checkout_example/screens/component/multi_component/multi_component_advanced_screen.dart';
-import 'package:adyen_checkout_example/screens/component/multi_component/multi_component_navigation_screen.dart';
-import 'package:adyen_checkout_example/screens/component/multi_component/multi_component_session_screen.dart';
-import 'package:adyen_checkout_example/screens/drop_in/drop_in_screen.dart';
-import 'package:adyen_checkout_example/utils/provider.dart';
-import 'package:flutter/foundation.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:adyen_checkout_example/main_common.dart';
+import 'package:adyen_checkout_example/network/checkout_service.dart';
 
 void main() {
-  final service = Service();
-  final adyenGooglePayComponentRepository =
-      AdyenGooglePayComponentRepository(service: service);
-  final adyenApplePayComponentRepository =
-      AdyenApplePayComponentRepository(service: service);
-  final adyenCardComponentRepository =
-      AdyenCardComponentRepository(service: service);
-  final adyenInstantComponentRepository =
-      AdyenInstantComponentRepository(service: service);
-  final adyenCseRepository = AdyenCseRepository(service: service);
-
-  runApp(MaterialApp(
-    localizationsDelegates: const [
-      GlobalMaterialLocalizations.delegate,
-      GlobalWidgetsLocalizations.delegate,
-      GlobalCupertinoLocalizations.delegate,
-    ],
-    supportedLocales: const [
-      Locale('en'), // English
-      Locale('ar'), // Arabic
-    ],
-    themeMode: ThemeMode.system,
-    theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(
-      seedColor: const Color(0xFF00112C),
-      brightness: Brightness.light,
-    )),
-    darkTheme: ThemeData(
-      colorScheme: ColorScheme.fromSeed(
-        seedColor: const Color(0xFFEFEFEF),
-        brightness: Brightness.dark,
-      ),
-    ),
-    routes: {
-      '/': (context) => const MyApp(),
-      '/dropInScreen': (context) => DropInScreen(
-            repository: AdyenDropInRepository(service: service),
-          ),
-      '/cardComponentScreen': (context) => const CardNavigationScreen(),
-      '/cardSessionComponentScreen': (context) => CardSessionComponentScreen(
-            repository: adyenCardComponentRepository,
-          ),
-      '/cardAdvancedComponentScreen': (context) => CardAdvancedComponentScreen(
-            repository: adyenCardComponentRepository,
-          ),
-      '/cardBottomSheetScreen': (context) => CardBottomSheetScreen(
-            repository: adyenCardComponentRepository,
-          ),
-      '/googlePayNavigation': (context) => const GooglePayNavigationScreen(),
-      '/googlePaySessionComponent': (context) =>
-          GooglePaySessionsComponentScreen(
-            repository: adyenGooglePayComponentRepository,
-          ),
-      '/googlePayAdvancedComponent': (context) =>
-          GooglePayAdvancedComponentScreen(
-            repository: adyenGooglePayComponentRepository,
-          ),
-      '/applePayNavigation': (context) => const ApplePayNavigationScreen(),
-      '/applePaySessionComponent': (context) => ApplePaySessionComponentScreen(
-            repository: adyenApplePayComponentRepository,
-          ),
-      '/applePayAdvancedComponent': (context) =>
-          ApplePayAdvancedComponentScreen(
-            repository: adyenApplePayComponentRepository,
-          ),
-      '/instantComponentNavigation': (context) =>
-          const InstantNavigationScreen(),
-      '/instantSessionComponent': (context) => InstantSessionComponentScreen(
-          repository: adyenInstantComponentRepository),
-      '/instantAdvancedComponent': (context) => InstantAdvancedComponentScreen(
-          repository: adyenInstantComponentRepository),
-      '/multiComponentNavigationScreen': (context) =>
-          const MultiComponentNavigationScreen(),
-      '/multiComponentSessionScreen': (context) => MultiComponentSessionScreen(
-            cardRepository: adyenCardComponentRepository,
-            googlePayRepository: adyenGooglePayComponentRepository,
-            applePayRepository: adyenApplePayComponentRepository,
-          ),
-      '/multiComponentAdvancedScreen': (context) =>
-          MultiComponentAdvancedScreen(
-            cardRepository: adyenCardComponentRepository,
-            googlePayRepository: adyenGooglePayComponentRepository,
-            applePayRepository: adyenApplePayComponentRepository,
-          ),
-      '/customCard': (context) => Provider(
-            notifier: CardStateNotifier(adyenCseRepository),
-            child: const CustomCardScreen(),
-          ),
-    },
-    initialRoute: "/",
-  ));
-}
-
-class MyApp extends StatelessWidget {
-  const MyApp({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    AdyenCheckout.instance.enableConsoleLogging(enabled: false);
-
-    return Scaffold(
-      appBar: AppBar(
-        title: const Center(child: Text('Checkout example app')),
-      ),
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            TextButton(
-                onPressed: () => Navigator.pushNamed(context, "/dropInScreen"),
-                child: const Text("Drop-in")),
-            TextButton(
-                onPressed: () =>
-                    Navigator.pushNamed(context, "/cardComponentScreen"),
-                child: const Text("Card component")),
-            _buildGoogleOrApplePayComponent(context),
-            TextButton(
-                onPressed: () =>
-                    Navigator.pushNamed(context, "/instantComponentNavigation"),
-                child: const Text("Instant component")),
-            TextButton(
-                onPressed: () => Navigator.pushNamed(
-                    context, "/multiComponentNavigationScreen"),
-                child: const Text("Multi component")),
-            TextButton(
-                onPressed: () => Navigator.pushNamed(context, "/customCard"),
-                child: const Text("Custom card (CSE)")),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _buildGoogleOrApplePayComponent(BuildContext context) {
-    switch (defaultTargetPlatform) {
-      case TargetPlatform.android:
-        return TextButton(
-            onPressed: () =>
-                Navigator.pushNamed(context, "/googlePayNavigation"),
-            child: const Text("Google pay component"));
-      case TargetPlatform.iOS:
-        return TextButton(
-            onPressed: () =>
-                Navigator.pushNamed(context, "/applePayNavigation"),
-            child: const Text("Apple pay component"));
-      default:
-        return const SizedBox.shrink();
-    }
-  }
+  mainCommon(CheckoutService());
 }
diff --git a/example/lib/main_common.dart b/example/lib/main_common.dart
new file mode 100644
index 00000000..938d3d6f
--- /dev/null
+++ b/example/lib/main_common.dart
@@ -0,0 +1,189 @@
+// ignore_for_file: unused_local_variable
+
+import 'package:adyen_checkout/adyen_checkout.dart';
+import 'package:adyen_checkout_example/network/service.dart';
+import 'package:adyen_checkout_example/repositories/adyen_apple_pay_component_repository.dart';
+import 'package:adyen_checkout_example/repositories/adyen_card_component_repository.dart';
+import 'package:adyen_checkout_example/repositories/adyen_cse_repository.dart';
+import 'package:adyen_checkout_example/repositories/adyen_drop_in_repository.dart';
+import 'package:adyen_checkout_example/repositories/adyen_google_pay_component_repository.dart';
+import 'package:adyen_checkout_example/repositories/adyen_instant_component_repository.dart';
+import 'package:adyen_checkout_example/repositories/config_repository.dart';
+import 'package:adyen_checkout_example/screens/api_only/card_state_notifier.dart';
+import 'package:adyen_checkout_example/screens/api_only/custom_card_screen.dart';
+import 'package:adyen_checkout_example/screens/component/apple_pay/apple_pay_advanced_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/apple_pay/apple_pay_navigation_screen.dart';
+import 'package:adyen_checkout_example/screens/component/apple_pay/apple_pay_session_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/card/card_advanced_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/card/card_bottom_sheet_screen.dart';
+import 'package:adyen_checkout_example/screens/component/card/card_navigation_screen.dart';
+import 'package:adyen_checkout_example/screens/component/card/card_session_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/google_pay/google_pay_advanced_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/google_pay/google_pay_navigation_screen.dart';
+import 'package:adyen_checkout_example/screens/component/google_pay/google_pay_session_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/instant/instant_advanced_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/instant/instant_navigation_screen.dart';
+import 'package:adyen_checkout_example/screens/component/instant/instant_session_component_screen.dart';
+import 'package:adyen_checkout_example/screens/component/multi_component/multi_component_advanced_screen.dart';
+import 'package:adyen_checkout_example/screens/component/multi_component/multi_component_navigation_screen.dart';
+import 'package:adyen_checkout_example/screens/component/multi_component/multi_component_session_screen.dart';
+import 'package:adyen_checkout_example/screens/drop_in/drop_in_screen.dart';
+import 'package:adyen_checkout_example/utils/provider.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
+
+void mainCommon(Service service) {
+  final adyenGooglePayComponentRepository =
+      AdyenGooglePayComponentRepository(service: service);
+  final adyenApplePayComponentRepository =
+      AdyenApplePayComponentRepository(service: service);
+  final adyenCardComponentRepository =
+      AdyenCardComponentRepository(service: service);
+  final adyenInstantComponentRepository =
+      AdyenInstantComponentRepository(service: service);
+  final adyenCseRepository = AdyenCseRepository(service: service);
+  final configRepository = ConfigRepository();
+
+  runApp(MaterialApp(
+    localizationsDelegates: const [
+      GlobalMaterialLocalizations.delegate,
+      GlobalWidgetsLocalizations.delegate,
+      GlobalCupertinoLocalizations.delegate,
+    ],
+    supportedLocales: const [
+      Locale('en'), // English
+      Locale('ar'), // Arabic
+    ],
+    themeMode: ThemeMode.system,
+    theme: ThemeData(
+        colorScheme: ColorScheme.fromSeed(
+      seedColor: const Color(0xFF00112C),
+      brightness: Brightness.light,
+    )),
+    darkTheme: ThemeData(
+      colorScheme: ColorScheme.fromSeed(
+        seedColor: const Color(0xFFEFEFEF),
+        brightness: Brightness.dark,
+      ),
+    ),
+    routes: {
+      '/': (context) => const MyApp(),
+      '/dropInScreen': (context) => DropInScreen(
+            repository: AdyenDropInRepository(service: service),
+            configRepository: configRepository,
+          ),
+      '/cardComponentScreen': (context) => const CardNavigationScreen(),
+      '/cardSessionComponentScreen': (context) => CardSessionComponentScreen(
+            repository: adyenCardComponentRepository,
+            configRepository: configRepository,
+          ),
+      '/cardAdvancedComponentScreen': (context) => CardAdvancedComponentScreen(
+            repository: adyenCardComponentRepository,
+          ),
+      '/cardBottomSheetScreen': (context) => CardBottomSheetScreen(
+            repository: adyenCardComponentRepository,
+          ),
+      '/googlePayNavigation': (context) => const GooglePayNavigationScreen(),
+      '/googlePaySessionComponent': (context) =>
+          GooglePaySessionsComponentScreen(
+            repository: adyenGooglePayComponentRepository,
+          ),
+      '/googlePayAdvancedComponent': (context) =>
+          GooglePayAdvancedComponentScreen(
+            repository: adyenGooglePayComponentRepository,
+          ),
+      '/applePayNavigation': (context) => const ApplePayNavigationScreen(),
+      '/applePaySessionComponent': (context) => ApplePaySessionComponentScreen(
+            repository: adyenApplePayComponentRepository,
+          ),
+      '/applePayAdvancedComponent': (context) =>
+          ApplePayAdvancedComponentScreen(
+            repository: adyenApplePayComponentRepository,
+          ),
+      '/instantComponentNavigation': (context) =>
+          const InstantNavigationScreen(),
+      '/instantSessionComponent': (context) => InstantSessionComponentScreen(
+          repository: adyenInstantComponentRepository),
+      '/instantAdvancedComponent': (context) => InstantAdvancedComponentScreen(
+          repository: adyenInstantComponentRepository),
+      '/multiComponentNavigationScreen': (context) =>
+          const MultiComponentNavigationScreen(),
+      '/multiComponentSessionScreen': (context) => MultiComponentSessionScreen(
+            cardRepository: adyenCardComponentRepository,
+            googlePayRepository: adyenGooglePayComponentRepository,
+            applePayRepository: adyenApplePayComponentRepository,
+          ),
+      '/multiComponentAdvancedScreen': (context) =>
+          MultiComponentAdvancedScreen(
+            cardRepository: adyenCardComponentRepository,
+            googlePayRepository: adyenGooglePayComponentRepository,
+            applePayRepository: adyenApplePayComponentRepository,
+          ),
+      '/customCard': (context) => Provider(
+            notifier: CardStateNotifier(adyenCseRepository),
+            child: const CustomCardScreen(),
+          ),
+    },
+    initialRoute: "/",
+  ));
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    AdyenCheckout.instance.enableConsoleLogging(enabled: false);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Center(child: Text('Checkout example app')),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            TextButton(
+                key: const Key('Drop-in'),
+                onPressed: () => Navigator.pushNamed(context, "/dropInScreen"),
+                child: const Text("Drop-in")),
+            TextButton(
+                onPressed: () =>
+                    Navigator.pushNamed(context, "/cardComponentScreen"),
+                child: const Text("Card component")),
+            _buildGoogleOrApplePayComponent(context),
+            TextButton(
+                onPressed: () =>
+                    Navigator.pushNamed(context, "/instantComponentNavigation"),
+                child: const Text("Instant component")),
+            TextButton(
+                onPressed: () => Navigator.pushNamed(
+                    context, "/multiComponentNavigationScreen"),
+                child: const Text("Multi component")),
+            TextButton(
+                onPressed: () => Navigator.pushNamed(context, "/customCard"),
+                child: const Text("Custom card (CSE)")),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildGoogleOrApplePayComponent(BuildContext context) {
+    switch (defaultTargetPlatform) {
+      case TargetPlatform.android:
+        return TextButton(
+            onPressed: () =>
+                Navigator.pushNamed(context, "/googlePayNavigation"),
+            child: const Text("Google pay component"));
+      case TargetPlatform.iOS:
+        return TextButton(
+            onPressed: () =>
+                Navigator.pushNamed(context, "/applePayNavigation"),
+            child: const Text("Apple pay component"));
+      default:
+        return const SizedBox.shrink();
+    }
+  }
+}
diff --git a/example/lib/main_netlify.dart b/example/lib/main_netlify.dart
new file mode 100644
index 00000000..5db18b3d
--- /dev/null
+++ b/example/lib/main_netlify.dart
@@ -0,0 +1,8 @@
+import 'package:adyen_checkout_example/main_common.dart';
+import 'package:adyen_checkout_example/network/netlify_service.dart';
+import 'package:flutter_driver/driver_extension.dart';
+
+void main() {
+  enableFlutterDriverExtension();
+  mainCommon(NetlifyService());
+}
diff --git a/example/lib/network/checkout_service.dart b/example/lib/network/checkout_service.dart
new file mode 100644
index 00000000..cf0a737d
--- /dev/null
+++ b/example/lib/network/checkout_service.dart
@@ -0,0 +1,122 @@
+// ignore_for_file: avoid_print
+
+import 'dart:convert';
+
+import 'package:adyen_checkout_example/config.dart';
+import 'package:adyen_checkout_example/network/service.dart';
+import 'package:flutter/foundation.dart';
+import 'package:http/http.dart' as http;
+
+class CheckoutService implements Service {
+  @override
+  Future<Map<String, dynamic>> createSession(Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/sessions"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    return jsonDecode(response.body);
+  }
+
+  @override
+  Future<Map<String, dynamic>> fetchPaymentMethods(
+      Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/paymentMethods"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    return jsonDecode(response.body);
+  }
+
+  @override
+  Future<Map<String, dynamic>> postPayments(Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/payments"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    debugPrint("PspReference: ${response.headers["pspreference"]}");
+    return jsonDecode(response.body);
+  }
+
+  @override
+  Future<Map<String, dynamic>> postPaymentsDetails(
+      Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/payments/details"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    return jsonDecode(response.body);
+  }
+
+  @override
+  Future<bool> deleteStoredPaymentMethod(
+    String storedPaymentMethodId,
+    Map<String, dynamic> queryParameters,
+  ) async {
+    final response = await http.delete(
+      Uri.https(
+        Config.baseUrl,
+        "/${Config.apiVersion}/storedPaymentMethods/$storedPaymentMethodId",
+        queryParameters,
+      ),
+      headers: _createHeaders(),
+    );
+
+    if (response.statusCode == 204) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  @override
+  Future<Map<String, dynamic>> postPaymentMethodsBalance(
+      Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/paymentMethods/balance"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    return jsonDecode(response.body);
+  }
+
+  @override
+  Future<Map<String, dynamic>> postOrders(Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/orders"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    return jsonDecode(response.body);
+  }
+
+  @override
+  Future<Map<String, dynamic>> postOrdersCancel(
+      Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/orders/cancel"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    return jsonDecode(response.body);
+  }
+
+  @override
+  Future<Map<String, dynamic>> postCardDetails(
+      Map<String, dynamic> body) async {
+    final response = await http.post(
+      Uri.https(Config.baseUrl, "/${Config.apiVersion}/cardDetails"),
+      headers: _createHeaders(),
+      body: jsonEncode(body),
+    );
+    return jsonDecode(response.body);
+  }
+
+  Map<String, String> _createHeaders() => {
+        "content-type": "application/json",
+        "x-API-key": Config.xApiKey,
+      };
+}
diff --git a/example/lib/network/netlify_service.dart b/example/lib/network/netlify_service.dart
new file mode 100644
index 00000000..4ec9048f
--- /dev/null
+++ b/example/lib/network/netlify_service.dart
@@ -0,0 +1,86 @@
+import 'dart:convert';
+
+import 'package:adyen_checkout_example/network/service.dart';
+import 'package:http/http.dart' as http;
+
+class NetlifyService implements Service {
+  final _baseUrl = "https://www.mystoredemo.io/.netlify/functions";
+
+  @override
+  Future<Map<String, dynamic>> createSession(Map<String, dynamic> body) async {
+    final http.Response response = await http.post(
+      Uri.parse('$_baseUrl/sessions'),
+      body: jsonEncode(body),
+    );
+
+    final String responseJsonString = utf8.decode(response.bodyBytes);
+    return jsonDecode(responseJsonString);
+  }
+
+  @override
+  Future<Map<String, dynamic>> fetchPaymentMethods(
+      Map<String, dynamic> body) async {
+    final http.Response response = await http.post(
+      Uri.parse('$_baseUrl/paymentMethods'),
+      body: jsonEncode(body),
+    );
+
+    final String responseJsonString = utf8.decode(response.bodyBytes);
+    return jsonDecode(responseJsonString);
+  }
+
+  @override
+  Future<Map<String, dynamic>> postPayments(Map<String, dynamic> body) async {
+    final http.Response response = await http.post(
+      Uri.parse('$_baseUrl/payments'),
+      body: jsonEncode(body),
+    );
+
+    final String responseJsonString = utf8.decode(response.bodyBytes);
+    return jsonDecode(responseJsonString);
+  }
+
+  @override
+  Future<Map<String, dynamic>> postPaymentsDetails(
+      Map<String, dynamic> body) async {
+    final http.Response response = await http.post(
+      Uri.parse('$_baseUrl/payments/details'),
+      body: jsonEncode(body),
+    );
+
+    final String responseJsonString = utf8.decode(response.bodyBytes);
+    return jsonDecode(responseJsonString);
+  }
+
+  @override
+  Future<bool> deleteStoredPaymentMethod(
+      String storedPaymentMethodId, Map<String, dynamic> queryParameters) {
+    // TODO: implement deleteStoredPaymentMethod
+    throw UnimplementedError();
+  }
+
+  @override
+  Future<Map<String, dynamic>> postCardDetails(Map<String, dynamic> body) {
+    // TODO: implement postCardDetails
+    throw UnimplementedError();
+  }
+
+  @override
+  Future<Map<String, dynamic>> postOrders(Map<String, dynamic> body) {
+    // TODO: implement postOrders
+    throw UnimplementedError();
+  }
+
+  @override
+  Future<Map<String, dynamic>> postOrdersCancel(Map<String, dynamic> body) {
+    // TODO: implement postOrdersCancel
+    throw UnimplementedError();
+  }
+
+  @override
+  Future<Map<String, dynamic>> postPaymentMethodsBalance(
+      Map<String, dynamic> body) {
+    // TODO: implement postPaymentMethodsBalance
+    throw UnimplementedError();
+  }
+}
diff --git a/example/lib/network/service.dart b/example/lib/network/service.dart
index 8befc2b4..0fb74d90 100644
--- a/example/lib/network/service.dart
+++ b/example/lib/network/service.dart
@@ -1,113 +1,23 @@
-// ignore_for_file: avoid_print
+abstract interface class Service {
+  Future<Map<String, dynamic>> createSession(Map<String, dynamic> body);
 
-import 'dart:convert';
+  Future<Map<String, dynamic>> fetchPaymentMethods(Map<String, dynamic> body);
 
-import 'package:adyen_checkout_example/config.dart';
-import 'package:http/http.dart' as http;
+  Future<Map<String, dynamic>> postPayments(Map<String, dynamic> body);
 
-class Service {
-  Future<Map<String, dynamic>> createSession(Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/sessions"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    final sessionResponse = jsonDecode(response.body);
-    print("Session id: ${sessionResponse["id"]}");
-    return sessionResponse;
-  }
-
-  Future<Map<String, dynamic>> fetchPaymentMethods(
-      Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/paymentMethods"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    return jsonDecode(response.body);
-  }
-
-  Future<Map<String, dynamic>> postPayments(Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/payments"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    print("PspReference: ${response.headers["pspreference"]}");
-    return jsonDecode(response.body);
-  }
-
-  Future<Map<String, dynamic>> postPaymentsDetails(
-      Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/payments/details"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    return jsonDecode(response.body);
-  }
+  Future<Map<String, dynamic>> postPaymentsDetails(Map<String, dynamic> body);
 
   Future<bool> deleteStoredPaymentMethod(
     String storedPaymentMethodId,
     Map<String, dynamic> queryParameters,
-  ) async {
-    final response = await http.delete(
-      Uri.https(
-        Config.baseUrl,
-        "/${Config.apiVersion}/storedPaymentMethods/$storedPaymentMethodId",
-        queryParameters,
-      ),
-      headers: _createHeaders(),
-    );
-
-    if (response.statusCode == 204) {
-      return true;
-    } else {
-      return false;
-    }
-  }
+  );
 
   Future<Map<String, dynamic>> postPaymentMethodsBalance(
-      Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/paymentMethods/balance"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    return jsonDecode(response.body);
-  }
-
-  Future<Map<String, dynamic>> postOrders(Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/orders"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    return jsonDecode(response.body);
-  }
+      Map<String, dynamic> body);
 
-  Future<Map<String, dynamic>> postOrdersCancel(
-      Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/orders/cancel"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    return jsonDecode(response.body);
-  }
+  Future<Map<String, dynamic>> postOrders(Map<String, dynamic> body);
 
-  Future<Map<String, dynamic>> postCardDetails(
-      Map<String, dynamic> body) async {
-    final response = await http.post(
-      Uri.https(Config.baseUrl, "/${Config.apiVersion}/cardDetails"),
-      headers: _createHeaders(),
-      body: jsonEncode(body),
-    );
-    return jsonDecode(response.body);
-  }
+  Future<Map<String, dynamic>> postOrdersCancel(Map<String, dynamic> body);
 
-  Map<String, String> _createHeaders() => {
-        "content-type": "application/json",
-        "x-API-key": Config.xApiKey,
-      };
+  Future<Map<String, dynamic>> postCardDetails(Map<String, dynamic> body);
 }
diff --git a/example/lib/repositories/adyen_drop_in_repository.dart b/example/lib/repositories/adyen_drop_in_repository.dart
index 6856951e..cb60ffe2 100644
--- a/example/lib/repositories/adyen_drop_in_repository.dart
+++ b/example/lib/repositories/adyen_drop_in_repository.dart
@@ -21,7 +21,7 @@ class AdyenDropInRepository extends AdyenBaseRepository {
       "countryCode": Config.countryCode,
       "shopperLocale": Config.shopperLocale,
       "shopperReference": Config.shopperReference,
-      "storePaymentMethodMode": "disabled",
+      "storePaymentMethodMode": "askForConsent",
       "recurringProcessingModel": "CardOnFile",
       "shopperInteraction": "Ecommerce",
       "channel": determineChannel(),
diff --git a/example/lib/repositories/config_repository.dart b/example/lib/repositories/config_repository.dart
new file mode 100644
index 00000000..6963f59d
--- /dev/null
+++ b/example/lib/repositories/config_repository.dart
@@ -0,0 +1,22 @@
+import 'dart:convert';
+
+import 'package:adyen_checkout/adyen_checkout.dart';
+import 'package:adyen_checkout_example/extensions/card_configuration_extension.dart';
+import 'package:flutter_launch_arguments/flutter_launch_arguments.dart';
+
+class ConfigRepository {
+  final String launchConfigKey = "config";
+  final String cardConfigurationKey = "CARD_CONFIGURATION";
+
+  Future<CardConfiguration> loadCardConfiguration() async {
+    final String? launchConfigString = await _loadLaunchConfig();
+    final Map<String, dynamic>? launchConfigJson =
+        launchConfigString != null ? jsonDecode(launchConfigString) : null;
+    final Map<String, dynamic> cardConfigJson =
+        launchConfigJson?[cardConfigurationKey] ?? {};
+    return CardConfigurationExtension.fromJson(cardConfigJson);
+  }
+
+  Future<String?> _loadLaunchConfig() async =>
+      await FlutterLaunchArguments().getString(launchConfigKey);
+}
diff --git a/example/lib/screens/component/card/card_session_component_screen.dart b/example/lib/screens/component/card/card_session_component_screen.dart
index 5766e6a3..7c7db35a 100644
--- a/example/lib/screens/component/card/card_session_component_screen.dart
+++ b/example/lib/screens/component/card/card_session_component_screen.dart
@@ -2,7 +2,9 @@
 
 import 'package:adyen_checkout/adyen_checkout.dart';
 import 'package:adyen_checkout_example/config.dart';
+import 'package:adyen_checkout_example/extensions/card_configuration_extension.dart';
 import 'package:adyen_checkout_example/repositories/adyen_card_component_repository.dart';
+import 'package:adyen_checkout_example/repositories/config_repository.dart';
 import 'package:adyen_checkout_example/utils/dialog_builder.dart';
 import 'package:collection/collection.dart';
 import 'package:flutter/material.dart';
@@ -10,43 +12,35 @@ import 'package:flutter/material.dart';
 class CardSessionComponentScreen extends StatelessWidget {
   const CardSessionComponentScreen({
     required this.repository,
+    required this.configRepository,
     super.key,
   });
 
   final AdyenCardComponentRepository repository;
+  final ConfigRepository configRepository;
 
   @override
   Widget build(BuildContext context) {
-    final CardComponentConfiguration cardComponentConfiguration =
-        CardComponentConfiguration(
-      environment: Config.environment,
-      clientKey: Config.clientKey,
-      countryCode: Config.countryCode,
-      shopperLocale: Config.shopperLocale,
-      cardConfiguration: CardConfiguration(
-        onBinLookup: _onBinLookup,
-        onBinValue: _onBinValue,
-      ),
-    );
-
     return Scaffold(
       appBar: AppBar(title: const Text('Adyen card component')),
       body: SafeArea(
-        child: FutureBuilder(
-          future: _getSessionCheckout(cardComponentConfiguration),
-          builder:
-              (BuildContext context, AsyncSnapshot<SessionCheckout> snapshot) {
+        child: FutureBuilder<_CardComponentData>(
+          future: _loadCardComponentData(),
+          builder: (
+            BuildContext context,
+            AsyncSnapshot<_CardComponentData> snapshot,
+          ) {
             if (snapshot.hasData) {
-              final SessionCheckout sessionCheckout = snapshot.data!;
-              final paymentMethod =
-                  _extractPaymentMethod(sessionCheckout.paymentMethods);
+              final _CardComponentData checkoutData = snapshot.data!;
+              final paymentMethod = _extractPaymentMethod(
+                  checkoutData.sessionCheckout.paymentMethods);
               return SingleChildScrollView(
                 child: Column(
                   children: [
                     AdyenCardComponent(
-                      configuration: cardComponentConfiguration,
+                      configuration: checkoutData.cardComponentConfiguration,
                       paymentMethod: paymentMethod,
-                      checkout: sessionCheckout,
+                      checkout: checkoutData.sessionCheckout,
                       onPaymentResult: (paymentResult) async {
                         Navigator.pop(context);
                         DialogBuilder.showPaymentResultDialog(
@@ -66,9 +60,27 @@ class CardSessionComponentScreen extends StatelessWidget {
     );
   }
 
-  Future<SessionCheckout> _getSessionCheckout(
-          CardComponentConfiguration configuration) async =>
-      await repository.createSessionCheckout(configuration);
+  Future<_CardComponentData> _loadCardComponentData() async {
+    final cardConfiguration = await configRepository.loadCardConfiguration();
+    final cardComponentConfiguration = CardComponentConfiguration(
+      environment: Config.environment,
+      clientKey: Config.clientKey,
+      countryCode: Config.countryCode,
+      shopperLocale: Config.shopperLocale,
+      cardConfiguration: cardConfiguration.copyWith(
+        onBinLookup: _onBinLookup,
+        onBinValue: _onBinValue,
+      ),
+    );
+
+    final sessionCheckout =
+        await repository.createSessionCheckout(cardComponentConfiguration);
+
+    return _CardComponentData(
+      sessionCheckout: sessionCheckout,
+      cardComponentConfiguration: cardComponentConfiguration,
+    );
+  }
 
   Map<String, dynamic> _extractPaymentMethod(
       Map<String, dynamic> paymentMethods) {
@@ -103,3 +115,13 @@ class CardSessionComponentScreen extends StatelessWidget {
     // debugPrint("Bin value: $binValue");
   }
 }
+
+class _CardComponentData {
+  final SessionCheckout sessionCheckout;
+  final CardComponentConfiguration cardComponentConfiguration;
+
+  _CardComponentData({
+    required this.sessionCheckout,
+    required this.cardComponentConfiguration,
+  });
+}
diff --git a/example/lib/screens/drop_in/drop_in_screen.dart b/example/lib/screens/drop_in/drop_in_screen.dart
index 23381d91..c18c6776 100644
--- a/example/lib/screens/drop_in/drop_in_screen.dart
+++ b/example/lib/screens/drop_in/drop_in_screen.dart
@@ -2,17 +2,21 @@ import 'dart:async';
 
 import 'package:adyen_checkout/adyen_checkout.dart';
 import 'package:adyen_checkout_example/config.dart';
+import 'package:adyen_checkout_example/extensions/card_configuration_extension.dart';
 import 'package:adyen_checkout_example/repositories/adyen_drop_in_repository.dart';
+import 'package:adyen_checkout_example/repositories/config_repository.dart';
 import 'package:adyen_checkout_example/utils/dialog_builder.dart';
 import 'package:flutter/material.dart';
 
 class DropInScreen extends StatelessWidget {
   const DropInScreen({
     required this.repository,
+    required this.configRepository,
     super.key,
   });
 
   final AdyenDropInRepository repository;
+  final ConfigRepository configRepository;
 
   @override
   Widget build(BuildContext context) {
@@ -25,10 +29,12 @@ class DropInScreen extends StatelessWidget {
             children: [
               TextButton(
                 onPressed: () => startDropInSessions(context),
-                child: const Text("Drop-in sessions"),
+                key: const Key('Drop-in sessions flow'),
+                child: const Text("Drop-in sessions flow"),
               ),
               TextButton(
                 onPressed: () => startDropInAdvancedFlow(context),
+                key: const Key('Drop-in advanced flow'),
                 child: const Text("Drop-in advanced flow"),
               ),
             ],
@@ -95,10 +101,7 @@ class DropInScreen extends StatelessWidget {
   }
 
   Future<DropInConfiguration> _createDropInConfiguration() async {
-    CardConfiguration cardsConfiguration = CardConfiguration(
-      onBinLookup: _onBinLookup,
-      onBinValue: _onBinValue,
-    );
+    CardConfiguration cardsConfiguration = await _createCardConfiguration();
 
     ApplePayConfiguration applePayConfiguration = ApplePayConfiguration(
       merchantId: Config.merchantId,
@@ -138,14 +141,20 @@ class DropInScreen extends StatelessWidget {
       googlePayConfiguration: googlePayConfiguration,
       cashAppPayConfiguration: cashAppPayConfiguration,
       storedPaymentMethodConfiguration: storedPaymentMethodConfiguration,
-      paymentMethodNames: {
-        "scheme": "Credit card",
-      },
     );
 
     return dropInConfiguration;
   }
 
+  Future<CardConfiguration> _createCardConfiguration() async {
+    final CardConfiguration cardConfiguration =
+        await configRepository.loadCardConfiguration();
+    return cardConfiguration.copyWith(
+      onBinLookup: _onBinLookup,
+      onBinValue: _onBinValue,
+    );
+  }
+
   void _onBinLookup(List<BinLookupData> binLookupDataList) {
     // Bin lookup data based on bin value input. Supports co-branded cards.
     // for (final binLookupData in binLookupDataList) {
diff --git a/example/pubspec.yaml b/example/pubspec.yaml
index 86663ce4..459447f5 100644
--- a/example/pubspec.yaml
+++ b/example/pubspec.yaml
@@ -9,6 +9,8 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  flutter_driver:
+    sdk: flutter
 
   adyen_checkout:
     path: ../
@@ -18,6 +20,7 @@ dependencies:
     sdk: flutter
   intl: any
   flutter_svg: ^2.0.10
+  flutter_launch_arguments: 1.0.1
 
 dev_dependencies:
   integration_test:
diff --git a/example/test/widget_test.dart b/example/test/widget_test.dart
index 093be530..bb750a9f 100644
--- a/example/test/widget_test.dart
+++ b/example/test/widget_test.dart
@@ -5,7 +5,7 @@
 // gestures. You can also use WidgetTester to find child widgets in the widget
 // tree, read text, and verify that the values of widget properties are correct.
 
-import 'package:adyen_checkout_example/main.dart';
+import 'package:adyen_checkout_example/main_common.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';