keep class BuildConfig

Author: kiftio

sample/android/app/build.gradle

@@ -85,7 +85,7 @@ android {
     applicationId "com.shopify.checkoutkitreactnative"
     minSdkVersion rootProject.ext.minSdkVersion
     targetSdkVersion rootProject.ext.targetSdkVersion
-    versionCode 10
+    versionCode 11
     versionName "1.1"
   }
   signingConfigs {

sample/android/app/proguard-rules.pro

@@ -8,3 +8,4 @@
 #   http://developer.android.com/guide/developing/tools/proguard.html
 
 # Add any project specific keep options here:
+-keep class com.shopify.checkoutkitreactnative.BuildConfig { *; }

sample/src/App.tsx

@@ -33,7 +33,7 @@ import {
 import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
 import {ApolloClient, InMemoryCache, ApolloProvider} from '@apollo/client';
-import env from 'react-native-config';
+import Config from 'react-native-config';
 import Icon from 'react-native-vector-icons/Entypo';
 
 import CatalogScreen from './screens/CatalogScreen';
@@ -94,11 +94,11 @@ const Stack = createNativeStackNavigator<RootStackParamList>();
 export const cache = new InMemoryCache();
 
 const client = new ApolloClient({
-  uri: `https://${env.STOREFRONT_DOMAIN}/api/${env.STOREFRONT_VERSION}/graphql.json`,
+  uri: `https://${Config.STOREFRONT_DOMAIN}/api/${Config.STOREFRONT_VERSION}/graphql.json`,
   cache,
   headers: {
     'Content-Type': 'application/json',
-    'X-Shopify-Storefront-Access-Token': env.STOREFRONT_ACCESS_TOKEN ?? '',
+    'X-Shopify-Storefront-Access-Token': Config.STOREFRONT_ACCESS_TOKEN ?? '',
   },
   connectToDevTools: true,
 });

sample/src/screens/SettingsScreen.tsx

@@ -33,6 +33,7 @@ import {
   View,
 } from 'react-native';
 import pkg from '../../../package.json';
+import Config from 'react-native-config';
 import {useConfig} from '../context/Config';
 import {
   ColorScheme,
@@ -220,6 +221,16 @@ function SettingsScreen() {
         type: SectionType.Text,
         value: pkg.version,
       },
+      {
+        title: 'Storefront Domain',
+        type: SectionType.Text,
+        value: Config.STOREFRONT_DOMAIN || 'undefined',
+      },
+      {
+        title: 'Storefront Access Token (last 4)',
+        type: SectionType.Text,
+        value: Config.STOREFRONT_ACCESS_TOKEN?.slice(-4) || 'undefined',
+      },
     ],
     [ShopifyCheckout.version],
   );

sample/src/utils.ts

@@ -1,4 +1,4 @@
-import env from 'react-native-config';
+import Config from 'react-native-config';
 import {NativeModules, Platform} from 'react-native';
 import type {AppConfig} from './context/Config';
 
@@ -14,7 +14,7 @@ const {
   PROVINCE,
   ZIP,
   PHONE,
-} = env;
+} = Config;
 
 export function createBuyerIdentityCartInput(appConfig: AppConfig) {
   if (!appConfig.prefillBuyerInformation) {