From ccdb3f261a0d54f92ee4c06adfdfb01fd1658b4c Mon Sep 17 00:00:00 2001
From: Kyle Schellen <kyle.schellen@shopify.com>
Date: Wed, 6 May 2026 09:35:26 -0400
Subject: [PATCH] fix: preserve sample checkout color overrides

---
 metro.config.js    | 17 +++++++++++++++++
 sample/src/App.tsx | 14 ++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/metro.config.js b/metro.config.js
index 415a895a..e7eb3f45 100644
--- a/metro.config.js
+++ b/metro.config.js
@@ -16,6 +16,23 @@ const config = mergeConfig(getDefaultConfig(__dirname), {
   watchFolders: [root],
 
   resolver: {
+    resolveRequest: (context, moduleName, platform) => {
+      if (
+        moduleName === '@shopify/checkout-sheet-kit' ||
+        moduleName.startsWith('@shopify/checkout-sheet-kit/')
+      ) {
+        const sub = moduleName.replace('@shopify/checkout-sheet-kit', '');
+        const target = path.resolve(
+          root,
+          'modules',
+          '@shopify/checkout-sheet-kit',
+          'src',
+          sub ? sub.replace(/^\//, '') : 'index.ts',
+        );
+        return {type: 'sourceFile', filePath: target};
+      }
+      return context.resolveRequest(context, moduleName, platform);
+    },
     extraNodeModules: {
       react: path.resolve(sample, 'node_modules', 'react'),
       'react-native': path.resolve(sample, 'node_modules', 'react-native'),
diff --git a/sample/src/App.tsx b/sample/src/App.tsx
index 6b1a4d9b..b67bd33d 100644
--- a/sample/src/App.tsx
+++ b/sample/src/App.tsx
@@ -406,6 +406,20 @@ function AppWithCheckoutKit({children}: PropsWithChildren) {
     return {
       ...checkoutKitConfigDefaults,
       ...checkoutKitThemeConfig,
+      colors: {
+        ...checkoutKitThemeConfig.colors,
+        ios: {
+          ...checkoutKitThemeConfig.colors?.ios,
+          ...checkoutKitConfigDefaults.colors?.ios,
+        },
+        android:
+          appConfig.colorScheme === ColorScheme.automatic
+            ? checkoutKitThemeConfig.colors?.android
+            : {
+                ...checkoutKitThemeConfig.colors?.android,
+                ...checkoutKitConfigDefaults.colors?.android,
+              },
+      },
       acceleratedCheckouts: {
         storefrontDomain: env.STOREFRONT_DOMAIN!,
         storefrontAccessToken: env.STOREFRONT_ACCESS_TOKEN!,