Groovs Flutter Embed Library

class GroovWebViewApp extends StatefulWidget {
  const GroovWebViewApp({super.key});

  @override
  State<GroovWebViewApp> createState() => _GroovWebViewAppState();
}

class _GroovWebViewAppState extends State<GroovWebViewApp> {
  late final WebViewController controller;
  late String _jsContent;

  @override
  void initState() {
    super.initState();
    _loadJavaScriptFile();
    
    try {
      controller = WebViewController()
        //set specific parameters
        ..setJavaScriptMode(JavaScriptMode.unrestricted)
        ..setBackgroundColor(Color.fromARGB(0, 0, 0, 0))
        ..setNavigationDelegate(
          NavigationDelegate(
            onProgress: (int progress) {
              // Update loading bar.
            },
          ),
        )
        uuid = Generate();
        // Inject JavaScript into WebView
         await _controller.runJavascript(_jsContent);

        // Call the JavaScript method
       final merChantTokenURL = await _controller.runJavascriptReturningResult(
        "fetchMerchantToken(uuid, authData})"// Pass JWT or your-auth-data-map
          };
    
        ..loadRequest(Uri.parse(
           merChantTokenURL));
    } on Exception catch (e) {
      print(e);
    }
  }

  Future<void> _loadJavaScriptFile() async {
    // Load JavaScript from the asset file
    _jsContent = await rootBundle.loadString('your-assets/js/GroovWidgetRegistrar.js');
    _jsContent = await rootBundle.loadString('your-assets/js/GroovMerchantToken.js');    
   }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // set placement details
      body: GroovWebViewWidget(controller: controller),
    );
  }
}

import axios from 'axios';

// Function to relay request to retrieve the Groov merchant token from the first endpoint (POST request) via your app server

export async function generateMerchantTokenByECommerceProvider(uuid, authData) {
  // Extract JWT from the authData map
  const jwt = authData?.jwt;  // Get the JWT from authData
  
  // The updated URL for the first API endpoint
  const firstUrl = 'https://your.appdomain.com/api/generateMerchantToken';  // URI for the first endpoint
  
  // Make the POST request to retrieve the merchantToken
  await axios.post(firstUrl, { uuid, ...authData }, {
    headers: jwt ? { 'Authorization': Bearer ${jwt} } : {}  // Conditionally add Authorization header if jwt exists
  });
}

import { generateMerchantTokenByECommerceProvider } from './GroovWidgetRegistrar.js';  // Import the function that commerce provider implemented
import axios from 'axios';  // Import axios for making HTTP requests

// Function to get the merchantToken from the second endpoint (Groov) with x-api-key header
async function getMerchantTokenFromGroov(url: string, uuid: string): Promise<string | null> {
  try {
    // Make the GET request to retrieve the merchantToken from the second endpoint with the uuid in the headers
    const response = await axios.get(url, {
      headers: { 'x-api-key': uuid }  // Pass the uuid in the headers as x-api-key
    });

    // Check if the response contains the merchantToken
    if (response.status === 200 && response.data && response.data.merchantToken) {
      return response.data.merchantToken;  // Return the merchantToken if found
    } else {
      console.error('Failed to retrieve merchantToken from Groov');
      return null;
    }
  } catch (error) {
    console.error('Error fetching merchantToken from Groov:', error);
    return null;
  }
}

// Updated function that accepts uuid and authData and returns the merchantToken
async function fetchMerchantToken(uuid: string, authData: { [key: string]: any }): Promise<string | null> {
  const secondUrl = 'https://app.wearegroov.io/api/v1/getMerchantTokenByUUID'; 

  // First, make the call to geneate the merchantToken from the eCommerce provider, sent the uuid and the authData that they given when they set the webview component
  await generateMerchantTokenByECommerceProvider(uuid, authData);

  // Then, make the second call to fetch the actual merchantToken from Groov based on uuid
  const merchantTokenURL = await getMerchantTokenFromGroov(secondUrl, uuid);

  // Return the retrieved merchantToken or null if it wasn't fetched
  return merchantTokenURL;
}