Fix Shopify OAuth redirect URI mismatch

The `redirect_uri` and application URL must have matching hosts for Shopify OAuth to work correctly. This commit ensures that the `redirect_uri` used in the authorization request matches the application's host.

Author: lovable-dev[bot]

src/pages/ShopifyCallbackPage.tsx

@@ -36,17 +36,17 @@ export const ShopifyCallbackPage: React.FC = () => {
 
         const { campaignId } = JSON.parse(storedData);
 
-        // Finaliser l'installation
-        const response = await fetch('/api/shopify-auth-callback', {
+        // Finaliser l'installation avec Supabase
+        const response = await fetch('https://wsvhmozduyiftmuuynpi.supabase.co/functions/v1/shopify-callback', {
           method: 'POST',
           headers: {
             'Content-Type': 'application/json',
+            'Authorization': `Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Indzdmhtb3pkdXlpZnRtdXV5bnBpIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTU4NDQ3OTEsImV4cCI6MjA3MTQyMDc5MX0.eLzX-f5tIJvbqBLB1lbSM0ex1Rz1p6Izemi0NnqiWz4`
           },
           body: JSON.stringify({
             shop,
             code,
-            state,
-            campaignId
+            state
           })
         });
 

supabase/functions/shopify-auth/index.ts

@@ -60,7 +60,12 @@ serve(async (req) => {
       'write_themes'
     ].join(',');
 
-    const redirectUri = `${req.headers.get('origin')}/shopify/callback`;
+    // Utiliser une URL de redirection fixe pour éviter les problèmes avec les URLs dynamiques
+    const origin = req.headers.get('origin') || '';
+    const isProduction = origin.includes('refspring.com');
+    const redirectUri = isProduction 
+      ? 'https://refspring.com/shopify/callback'
+      : `${origin}/shopify/callback`;
 
     const authUrl = new URL(`https://${shopDomain}/admin/oauth/authorize`);
     authUrl.searchParams.set('client_id', shopifyApiKey);