From d6bd694536c7a53d9b65f91dea374e87d4def3c2 Mon Sep 17 00:00:00 2001
From: Kenneth Nevarez <kenough@google.com>
Date: Mon, 13 May 2024 19:04:34 -0700
Subject: [PATCH] fix: add solutionChannel to RGM examples (#1729)

* fix: add solutionChannel to RGM examples

* update packages

* correct package setting
---
 package-lock.json                    | 8 ++++----
 package.json                         | 2 +-
 samples/rgm-autocomplete/index.tsx   | 2 +-
 samples/rgm-basic-map/index.tsx      | 2 +-
 samples/rgm-college-picker/index.tsx | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 182026e548..4b15309a20 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
         "@material/mwc-button": "^0.27.0",
         "@material/select": "^14.0.0",
         "@tweenjs/tween.js": "^21.0.0",
-        "@vis.gl/react-google-maps": "*",
+        "@vis.gl/react-google-maps": "latest",
         "clsx": "^2.1.1",
         "fast-equals": "^3.0.3",
         "playground-elements": "^0.18.1",
@@ -4439,9 +4439,9 @@
       "dev": true
     },
     "node_modules/@vis.gl/react-google-maps": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/@vis.gl/react-google-maps/-/react-google-maps-0.8.3.tgz",
-      "integrity": "sha512-iubZIH9MJSkJA9NCMwKkMlHb/iNSeXzVRE7fPVhkKJPId6TBvQcpKA98tirUXi2AfEkYL+IVcE3doL6WdeQ2QA==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@vis.gl/react-google-maps/-/react-google-maps-1.0.0.tgz",
+      "integrity": "sha512-qkD2k8SIg5SrNJjM+FNOh0IITGLGCBULdALDOXGhVBq0hriv1GkTsoi7D0rs4fiYDQeKSqX8cmWgwGZcMTum1g==",
       "dependencies": {
         "@types/google.maps": "^3.54.10",
         "fast-deep-equal": "^3.1.3"
diff --git a/package.json b/package.json
index b6c0fd1fae..6caea68cd9 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "@material/mwc-button": "^0.27.0",
     "@material/select": "^14.0.0",
     "@tweenjs/tween.js": "^21.0.0",
-    "@vis.gl/react-google-maps": "latest",
+    "@vis.gl/react-google-maps": "^1.0.0",
     "clsx": "^2.1.1",
     "fast-equals": "^3.0.3",
     "playground-elements": "^0.18.1",
diff --git a/samples/rgm-autocomplete/index.tsx b/samples/rgm-autocomplete/index.tsx
index 0f88326266..400c8da9ad 100644
--- a/samples/rgm-autocomplete/index.tsx
+++ b/samples/rgm-autocomplete/index.tsx
@@ -37,7 +37,7 @@ const App = () => {
     const [markerRef, marker] = useAdvancedMarkerRef();
     
     return ( 
-        <APIProvider apiKey={API_KEY}>
+        <APIProvider apiKey={API_KEY} solutionChannel='GMP_JS_SAMPLE_rgm-autocomplete'>
             <Map
                 mapId={'bf51a910020fa25a'}
                 defaultZoom={3}
diff --git a/samples/rgm-basic-map/index.tsx b/samples/rgm-basic-map/index.tsx
index 4ce1204a86..5b882f09b1 100644
--- a/samples/rgm-basic-map/index.tsx
+++ b/samples/rgm-basic-map/index.tsx
@@ -22,7 +22,7 @@ const API_KEY =
   globalThis.GOOGLE_MAPS_API_KEY ?? ("YOUR_API_KEY");
 
 const App = () => (
-  <APIProvider apiKey={API_KEY}>
+  <APIProvider solutionChannel='GMP_JS_SAMPLE_rgm-basic-map' apiKey={API_KEY}>
     <Map
       defaultZoom={8}
       defaultCenter={{ lat: -34.397, lng: 150.644 }}
diff --git a/samples/rgm-college-picker/index.tsx b/samples/rgm-college-picker/index.tsx
index 2c80883078..c276d5d43d 100644
--- a/samples/rgm-college-picker/index.tsx
+++ b/samples/rgm-college-picker/index.tsx
@@ -48,7 +48,7 @@ const App = () => {
  */
   return (
     <div className="App">
-      <APIProvider apiKey={API_KEY} version='beta' >
+      <APIProvider solutionChannel='GMP_JS_SAMPLE_rgm-college-picker' apiKey={API_KEY} version='beta' >
         <SplitLayout rowReverse rowLayoutMinWidth={700}>
           <div className="SlotDiv" slot="fixed">
             <OverlayLayout ref={overlayLayoutRef}>