From 7919981c68a28b5a97009ca447cc20fcfea0c4f0 Mon Sep 17 00:00:00 2001
From: Luis Zenteno <luis.zenteno.5@wriconsultant.org>
Date: Tue, 25 Feb 2025 14:29:06 -0600
Subject: [PATCH 1/3] feat(satellite-basemaps): make google satellite basemap
 as default

---
 components/map/basemaps.js                  |  1 +
 components/satellite-basemaps/component.jsx | 11 ++++++++++-
 components/satellite-basemaps/selectors.js  |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/map/basemaps.js b/components/map/basemaps.js
index cb8d6241e1..801f59aa64 100644
--- a/components/map/basemaps.js
+++ b/components/map/basemaps.js
@@ -51,6 +51,7 @@ export default {
     baseStyle: false,
     hasSettings: false,
     infoModal: 'satellite_basemap',
+    caveat: '(global)',
     image: satelliteImage,
     basemapGroup: 'basemap-satellite',
     labelsGroup: 'labels-dark',
diff --git a/components/satellite-basemaps/component.jsx b/components/satellite-basemaps/component.jsx
index 5b790883a8..1ff83db448 100644
--- a/components/satellite-basemaps/component.jsx
+++ b/components/satellite-basemaps/component.jsx
@@ -63,6 +63,15 @@ const SatelliteBasemaps = ({
     }
   }, [isTropics, defaultSatSet]);
 
+  let sortedBasemaps = basemaps;
+  if (basemaps.length >= 4) {
+    sortedBasemaps = [
+      basemaps[1],
+      ...basemaps.slice(0, 1),
+      ...basemaps.slice(2),
+    ];
+  }
+
   const handleToggleActive = () => {
     setOpen(!activeBasemap.active);
     setMapBasemap({
@@ -142,7 +151,7 @@ const SatelliteBasemaps = ({
         <section className="satellite-basemaps">
           <h4>SATELLITE IMAGERY</h4>
           <ul>
-            {basemaps.map((basemap) => {
+            {sortedBasemaps.map((basemap) => {
               return (
                 <li
                   key={`satellite-basemap-${basemap.value}`}
diff --git a/components/satellite-basemaps/selectors.js b/components/satellite-basemaps/selectors.js
index c060d80679..a3051ea0c7 100644
--- a/components/satellite-basemaps/selectors.js
+++ b/components/satellite-basemaps/selectors.js
@@ -49,7 +49,7 @@ export const getActiveDynoBasemap = createSelector(
     if (!basemaps || !activeBasemap) {
       return null;
     }
-    const defaultBasemap = find(basemaps, { value: 'planet' });
+    const defaultBasemap = find(basemaps, { value: 'satellite' });
     const dynoBasemap = find(basemaps, { value: activeBasemap.value });
 
     if (dynoBasemap) {

From 722e3ae6e875d936d75ce25a92803173a75dab42 Mon Sep 17 00:00:00 2001
From: Luis Zenteno <luis.zenteno.5@wriconsultant.org>
Date: Tue, 14 Jan 2025 12:01:25 -0600
Subject: [PATCH 2/3] feat(profile-form): update profile form

---
 components/forms/newsletter/component.jsx |  9 +----
 components/forms/profile/actions.js       |  4 ++
 components/forms/profile/component.jsx    | 26 +++++++-----
 components/forms/profile/config.js        | 48 +++++++++++++----------
 4 files changed, 50 insertions(+), 37 deletions(-)

diff --git a/components/forms/newsletter/component.jsx b/components/forms/newsletter/component.jsx
index 6820bb5000..ee25b906e2 100644
--- a/components/forms/newsletter/component.jsx
+++ b/components/forms/newsletter/component.jsx
@@ -11,6 +11,7 @@ import Select from 'components/forms/components/select';
 import Submit from 'components/forms/components/submit';
 import SuccessMessage from 'components/success-message';
 import Error from 'components/forms/components/error';
+import { preferredLanguages } from 'components/forms/profile/config';
 
 import { email as validateEmail } from 'components/forms/validations';
 import Checkbox from '../components/checkbox/component';
@@ -29,14 +30,6 @@ const sectors = [
   'Other',
 ];
 
-const preferredLanguages = [
-  { label: 'English', value: 'en' },
-  { label: 'Français', value: 'fr' },
-  { label: 'Español', value: 'es' },
-  { label: 'Português', value: 'pt' },
-  { label: 'Bahasa Indonesia', value: 'id' },
-];
-
 const interests = [
   'Innovations in Monitoring',
   'Fires',
diff --git a/components/forms/profile/actions.js b/components/forms/profile/actions.js
index 34893a5fb1..e1f6fd9590 100644
--- a/components/forms/profile/actions.js
+++ b/components/forms/profile/actions.js
@@ -29,6 +29,8 @@ export const saveProfile = createThunkAction(
       jobTitle,
       signUpForTesting,
       isUserProfileFilled,
+      receive_updates = false,
+      preferred_language = 'en',
     } = fields;
 
     const postData = {
@@ -47,6 +49,8 @@ export const saveProfile = createThunkAction(
           aoiCountry,
           jobTitle,
           areaOrRegionOfInterest,
+          receive_updates,
+          preferred_language,
           subsector:
             subsector && subsector.includes('Other')
               ? `Other: ${subsector_otherInput || ''}`
diff --git a/components/forms/profile/component.jsx b/components/forms/profile/component.jsx
index df45b72073..3b36d36269 100644
--- a/components/forms/profile/component.jsx
+++ b/components/forms/profile/component.jsx
@@ -14,6 +14,7 @@ import Submit from 'components/forms/components/submit';
 import ConfirmationMessage from 'components/confirmation-message';
 import Button from 'components/ui/button';
 import Error from 'components/forms/components/error';
+import { preferredLanguages } from 'components/forms/profile/config';
 
 import {
   email as validateEmail,
@@ -155,15 +156,17 @@ class ProfileForm extends PureComponent {
                         label="What topics are you interested in?"
                         multiple
                         required
-                        options={[
-                          ...sortBy(
-                            interests.map((r) => ({
-                              label: r,
-                              value: r.replace(/( )+|(\/)+/g, '_'),
-                            })),
-                            'label'
-                          ),
-                        ]}
+                        options={interests.map((r) => ({
+                          label: r,
+                          value: r.replace(/( )+|(\/)+/g, '_').toLowerCase(),
+                        }))}
+                      />
+                      <Select
+                        name="preferred_language"
+                        label="Preferred Language"
+                        description="Please note that most communications will be sent in English."
+                        placeholder="Select a preferred language"
+                        options={preferredLanguages}
                       />
                       <Checkbox
                         name="howDoYouUse"
@@ -209,6 +212,11 @@ class ProfileForm extends PureComponent {
                         label="Would you like to help us test new application features?"
                         options={[{ label: 'Yes', value: 'true' }]}
                       />
+                      <Checkbox
+                        name="receive_updates"
+                        label="WOULD YOU LIKE TO RECEIVE UPDATES ON NEWS AND EVENTS FROM GLOBAL FOREST?"
+                        options={[{ label: 'Yes', value: 'true' }]}
+                      />
                       <Error
                         valid={valid}
                         submitFailed={submitFailed}
diff --git a/components/forms/profile/config.js b/components/forms/profile/config.js
index 76754f92c1..26a8bea509 100644
--- a/components/forms/profile/config.js
+++ b/components/forms/profile/config.js
@@ -5,7 +5,7 @@ export const sectors = {
     'Legislature/Parliament',
     'Ministry/National Agency',
     'Subnational Agency',
-    'Other:'
+    'Other:',
   ],
   'Donor Institution / Agency': [
     'Director/Executive',
@@ -13,7 +13,7 @@ export const sectors = {
     'Researcher',
     'Monitoring/Evaluation',
     'Field/Country Staff',
-    'Other:'
+    'Other:',
   ],
   'Local NGO (national or subnational)': [
     'Director/Executive',
@@ -24,7 +24,7 @@ export const sectors = {
     'Field Staff',
     'Communications Specialist',
     'Park/Forest Ranger',
-    'Other:'
+    'Other:',
   ],
   'International NGO': [
     'Director/Executive',
@@ -34,7 +34,7 @@ export const sectors = {
     'Field/Country Staff',
     'Communications Specialist',
     'Researcher',
-    'Other:'
+    'Other:',
   ],
   'UN or International Organization': [
     'Director/Executive',
@@ -44,7 +44,7 @@ export const sectors = {
     'Monitoring/Evaluation Specialist',
     'GIS/Technical Specialist',
     'Communications Specialist',
-    'Other:'
+    'Other:',
   ],
   'Academic / Research Organization': [
     'Faculty (Primary/Secondary)',
@@ -52,7 +52,7 @@ export const sectors = {
     'Student (Primary/Secondary)',
     'Student (University/Graduate)',
     'Researcher (Post-Doc, Fellow, etc.)',
-    'Other:'
+    'Other:',
   ],
   'Journalist / Media Organization': ['Reporter', 'Editor', 'Other:'],
   'Indigenous or Community-Based Organization': [
@@ -60,7 +60,7 @@ export const sectors = {
     'Forest Manager/Monitor',
     'GIS/Technical Specialist',
     'Communications Specialist',
-    'Other:'
+    'Other:',
   ],
   'Private sector': [
     'Supply Chain Manager',
@@ -68,24 +68,24 @@ export const sectors = {
     'Procurement Staff',
     'Retailer/Trader',
     'Land or Concession Owner',
-    'Other:'
+    'Other:',
   ],
   'Individual / No Affiliation': ['Other:'],
-  Other: ['Other:']
+  Other: ['Other:'],
 };
 
 export const interests = [
-  'Climate/Carbon',
-  'Biodiversity',
-  'Deforestation/Forest Degradation',
-  'Innovations in forest monitoring',
-  'Watersheds ',
-  'General information/Data about forests',
-  'Reforestation/Landscape restoration',
-  'Agricultural supply chains',
+  'Innovations in Monitoring',
   'Fires',
+  'Forest Watcher Mobile App',
+  'Climate and Carbon',
+  'Biodiversity',
+  'Agricultural Supply Chains',
   'Small Grants Fund and Tech Fellowship',
-  'My region or country'
+  'Landscape Restoration',
+  'GFW Users in Action',
+  'Places to Watch alerts',
+  'Deforestation',
 ];
 
 export const howDoYouUse = [
@@ -102,7 +102,7 @@ export const howDoYouUse = [
   'Learn about forests/my country',
   'Inform purchasing/procurement/investment decisions',
   'Educational support materials',
-  'Not sure; new to GFW'
+  'Not sure; new to GFW',
 ];
 
 export const topics = [
@@ -111,5 +111,13 @@ export const topics = [
   'Fires',
   'Forest Watcher Mobile App',
   'Innovations in Monitoring',
-  'Small Grants Fund and Tech Fellowship'
+  'Small Grants Fund and Tech Fellowship',
+];
+
+export const preferredLanguages = [
+  { label: 'English', value: 'en' },
+  { label: 'Français', value: 'fr' },
+  { label: 'Español', value: 'es' },
+  { label: 'Português', value: 'pt' },
+  { label: 'Bahasa Indonesia', value: 'id' },
 ];

From effc51487ccae5cef90d959492c09fc195eacbc0 Mon Sep 17 00:00:00 2001
From: Luis Zenteno <luis.zenteno.5@wriconsultant.org>
Date: Thu, 16 Jan 2025 19:51:49 -0600
Subject: [PATCH 3/3] feat(profile-form): send post request to ortto

---
 components/forms/profile/actions.js    | 32 ++++++++++-
 components/forms/profile/component.jsx |  5 ++
 components/forms/profile/index.js      |  3 +-
 pages/api/ortto/index.js               | 78 ++++++++++++++++++++++++++
 4 files changed, 116 insertions(+), 2 deletions(-)
 create mode 100644 pages/api/ortto/index.js

diff --git a/components/forms/profile/actions.js b/components/forms/profile/actions.js
index e1f6fd9590..02da3ef394 100644
--- a/components/forms/profile/actions.js
+++ b/components/forms/profile/actions.js
@@ -1,9 +1,19 @@
 import { createThunkAction } from 'redux/actions';
+import axios from 'axios';
 import { FORM_ERROR } from 'final-form';
 
 import { updateProfile, createProfile } from 'services/user';
 import { setMyGFW } from 'providers/mygfw-provider/actions';
 
+const saveOrttoProfile = async (payload) => {
+  try {
+    await axios.post('/api/ortto', payload);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  }
+};
+
 export const saveProfile = createThunkAction(
   'saveProfile',
   (fields) => (dispatch) => {
@@ -17,6 +27,7 @@ export const saveProfile = createThunkAction(
       firstName,
       lastName,
       email,
+      old_email,
       country,
       city,
       state,
@@ -76,8 +87,27 @@ export const saveProfile = createThunkAction(
     const updateOrCreate = isUserProfileFilled ? updateProfile : createProfile;
 
     return updateOrCreate(id, postData)
-      .then((response) => {
+      .then(async (response) => {
         if (response.data && response.data.data) {
+          saveOrttoProfile({
+            email,
+            first_name: firstName,
+            last_name: lastName,
+            organization: company,
+            job_title: jobTitle,
+            job_function:
+              subsector && subsector.includes('Other')
+                ? `Other: ${subsector_otherInput || ''}`
+                : subsector,
+            sector,
+            city,
+            country,
+            preferred_language,
+            interests: interests.toString(),
+            receive_updates,
+            old_email,
+          });
+
           const { attributes } = response.data.data;
           dispatch(
             setMyGFW({
diff --git a/components/forms/profile/component.jsx b/components/forms/profile/component.jsx
index 3b36d36269..d3f8659e5b 100644
--- a/components/forms/profile/component.jsx
+++ b/components/forms/profile/component.jsx
@@ -96,6 +96,11 @@ class ProfileForm extends PureComponent {
                         validate={[validateEmail]}
                         required
                       />
+                      <Input
+                        name="old_email"
+                        type="hidden"
+                        value={initialValues.old_email}
+                      />
                       <Select
                         name="sector"
                         label="sector"
diff --git a/components/forms/profile/index.js b/components/forms/profile/index.js
index cedb464dad..a615c768ed 100644
--- a/components/forms/profile/index.js
+++ b/components/forms/profile/index.js
@@ -18,7 +18,7 @@ const splitLastName = (fullName) => {
 };
 
 const mapStateToProps = ({ myGfw, countryData }) => {
-  const { howDoYouUse, subsector, firstName, fullName, lastName } =
+  const { howDoYouUse, subsector, firstName, fullName, lastName, email } =
     myGfw.data || {};
 
   const subsectorHasOther = subsector && subsector.includes('Other');
@@ -43,6 +43,7 @@ const mapStateToProps = ({ myGfw, countryData }) => {
       myGfw.data && {
         initialValues: {
           ...myGfw.data,
+          old_email: email,
           firstName: firstName || (fullName && splitFirstName(fullName)),
           lastName: lastName || (fullName && splitLastName(fullName)),
           subsector: subsectorOther ? 'Other:' : subsector,
diff --git a/pages/api/ortto/index.js b/pages/api/ortto/index.js
new file mode 100644
index 0000000000..714c15aea9
--- /dev/null
+++ b/pages/api/ortto/index.js
@@ -0,0 +1,78 @@
+import axios from 'axios';
+
+export default async (req, res) => {
+  if (req.method !== 'POST') {
+    return res.status(405);
+  }
+  const {
+    email,
+    first_name,
+    last_name,
+    organization,
+    job_title,
+    job_function,
+    sector,
+    city,
+    country,
+    preferred_language,
+    interests,
+    receive_updates,
+    old_email,
+  } = req.body;
+
+  const forwarded = req.headers['x-forwarded-for'];
+  const ip = forwarded
+    ? forwarded.split(/, /)[0]
+    : req.connection.remoteAddress;
+
+  const INTERESTS = [
+    'general_information_data_about_forests',
+    'fires',
+    'climate_and_carbon',
+    'agricultural_supply_chains',
+    'forest_watcher_mobile_app',
+    'small_grants_fund_and_tech_fellowship',
+    'innovations_in_monitoring',
+    'biodiversity',
+    'landscape_restoration',
+    'gfw_users_in_action',
+    'places_to_watch_alerts',
+    'deforestation',
+  ];
+
+  const filteredInterests = interests
+    .split(',')
+    .filter((item) => INTERESTS.includes(item.toLowerCase()));
+
+  const formData = new FormData();
+
+  formData.append('email', email);
+  formData.append('old_email', old_email);
+  formData.append('first_name', first_name);
+  formData.append('last_name', last_name);
+  formData.append('organization', organization);
+  formData.append('job_title', job_title);
+  formData.append('job_function', job_function);
+  formData.append('sector', sector);
+  formData.append('city', city);
+  formData.append('country', country);
+  formData.append('preferred_language', preferred_language);
+  formData.append('interests', filteredInterests.join());
+  formData.append('receive_updates', receive_updates);
+  formData.append('ip_addr', ip);
+  formData.append('form_name', 'GFW My Profile Update');
+
+  try {
+    await axios.post('https://ortto.wri.org/custom-forms/gfw/', formData, {
+      headers: {
+        'content-type': 'multipart/form-data',
+      },
+    });
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+    return res.status(400);
+  }
+
+  return res.status(201);
+};