From f74b4361d467015fcac828c2c18b7983d1447269 Mon Sep 17 00:00:00 2001
From: Deepak Pradhan <deepak.pradhan048@gmail.com>
Date: Fri, 22 Dec 2023 16:23:27 +0545
Subject: [PATCH 1/7] feat: added formatted message and handled loading after
 download

---
 .../components/projectDetail/downloadOsmData.js  | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/projectDetail/downloadOsmData.js b/frontend/src/components/projectDetail/downloadOsmData.js
index 350f9d2dc8..016d77f0cd 100644
--- a/frontend/src/components/projectDetail/downloadOsmData.js
+++ b/frontend/src/components/projectDetail/downloadOsmData.js
@@ -3,6 +3,8 @@ import { RoadIcon, HomeIcon, WavesIcon, TaskIcon, AsteriskIcon } from '../svgIco
 import FileFormatCard from './fileFormatCard';
 import Popup from 'reactjs-popup';
 import { EXPORT_TOOL_S3_URL } from '../../config';
+import messages from './messages';
+import { FormattedMessage } from 'react-intl';
 
 export const TITLED_ICONS = [
   { Icon: RoadIcon, title: 'roads', value: 'ROADS' },
@@ -22,7 +24,7 @@ const fileFormats = [{ format: 'SHP' }, { format: 'GEOJSON' }, { format: 'KML' }
  */
 
 export const DownloadOsmData = ({ projectMappingTypes, project }) => {
-  const [showPopup, setShowPopup] = useState(false);
+  const [showPopup, setShowPopup] = useState(true);
   const [isDownloadingState, setIsDownloadingState] = useState(null);
 
   /**
@@ -47,9 +49,6 @@ export const DownloadOsmData = ({ projectMappingTypes, project }) => {
 
       // Check if the request was successful
       if (response.ok) {
-        // Set the state to indicate that the file download is complete
-        setIsDownloadingState({ title: title, fileFormat: fileFormat, isDownloading: false });
-
         // Get the file data as a blob
         const blob = await response.blob();
 
@@ -66,6 +65,8 @@ export const DownloadOsmData = ({ projectMappingTypes, project }) => {
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link);
+        // Set the state to indicate that the file download is complete
+        setIsDownloadingState({ title: title, fileFormat: fileFormat, isDownloading: false });
       } else {
         // Show a popup and throw an error if the request was not successful
         setShowPopup(true);
@@ -87,7 +88,12 @@ export const DownloadOsmData = ({ projectMappingTypes, project }) => {
       <Popup modal open={showPopup} closeOnDocumentClick nested onClose={() => setShowPopup(false)}>
         {(close) => (
           <div class="blue-dark bg-white pv2 pv4-ns ph2 ph4-ns">
-            <h3 class="barlow-condensed f3 fw6 mv0">Data Not Available.</h3>
+            <h3 class="barlow-condensed f3 fw6 mv0">
+              <FormattedMessage {...messages.errorDownloadOsmData} />
+            </h3>
+            <p class="mt4">
+              <FormattedMessage {...messages.errorDownloadOsmDataDescription} />
+            </p>
             <div class="w-100 pt3 flex justify-end">
               <button
                 aria-pressed="false"

From e4fcaf07da5afbd0a88312affc7b4db96d7f79fe Mon Sep 17 00:00:00 2001
From: Deepak Pradhan <deepak.pradhan048@gmail.com>
Date: Fri, 22 Dec 2023 16:23:54 +0545
Subject: [PATCH 2/7] feat: toggle mode changed

---
 frontend/src/components/projectDetail/downloadOsmData.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/projectDetail/downloadOsmData.js b/frontend/src/components/projectDetail/downloadOsmData.js
index 016d77f0cd..f6cf249d5a 100644
--- a/frontend/src/components/projectDetail/downloadOsmData.js
+++ b/frontend/src/components/projectDetail/downloadOsmData.js
@@ -24,7 +24,7 @@ const fileFormats = [{ format: 'SHP' }, { format: 'GEOJSON' }, { format: 'KML' }
  */
 
 export const DownloadOsmData = ({ projectMappingTypes, project }) => {
-  const [showPopup, setShowPopup] = useState(true);
+  const [showPopup, setShowPopup] = useState(false);
   const [isDownloadingState, setIsDownloadingState] = useState(null);
 
   /**

From b910488cc01c2b901e7dd6fccddd965392336010 Mon Sep 17 00:00:00 2001
From: Deepak Pradhan <deepak.pradhan048@gmail.com>
Date: Fri, 22 Dec 2023 16:24:21 +0545
Subject: [PATCH 3/7] feat: loadingstate refactored

---
 .../projectDetail/fileFormatCard.js           | 49 +++++++++++--------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/projectDetail/fileFormatCard.js b/frontend/src/components/projectDetail/fileFormatCard.js
index c6ee525945..9c4ff67392 100644
--- a/frontend/src/components/projectDetail/fileFormatCard.js
+++ b/frontend/src/components/projectDetail/fileFormatCard.js
@@ -12,27 +12,34 @@ import { AnimatedLoadingIcon } from '../button';
 function FileFormatCard({ title, fileFormats, downloadS3Data, isDownloadingState }) {
   return (
     <>
-      {fileFormats.map((fileFormat, index) => (
-        <React.Fragment key={index}>
-          <div
-            tabIndex={0}
-            style={{ cursor: 'pointer' }}
-            role="button"
-            onClick={() => downloadS3Data(title, fileFormat.format)}
-            className="link hover-red color-inherit"
-          >
-            <p className="underline fw5" style={{ textUnderlineOffset: '5px' }}>
-              {fileFormat.format}
-              {isDownloadingState?.isDownloading &&
-              isDownloadingState?.title === title &&
-              isDownloadingState?.fileFormat === fileFormat?.format ? (
-                <AnimatedLoadingIcon />
-              ) : null}
-            </p>
-          </div>
-          {index !== fileFormats.length - 1 && <hr className="file-list-separator" />}
-        </React.Fragment>
-      ))}
+      {fileFormats.map((fileFormat, index) => {
+        const loadingState =
+          isDownloadingState?.isDownloading &&
+          isDownloadingState?.title === title &&
+          isDownloadingState?.fileFormat === fileFormat?.format;
+
+        return (
+          <React.Fragment key={index}>
+            <div
+              tabIndex={0}
+              style={
+                loadingState
+                  ? { cursor: 'not-allowed', pointerEvents: 'none' }
+                  : { cursor: 'pointer' }
+              }
+              role="button"
+              onClick={() => downloadS3Data(title, fileFormat.format)}
+              className="link hover-red color-inherit"
+            >
+              <p className="underline fw5" style={{ textUnderlineOffset: '5px' }}>
+                {fileFormat.format}
+                {loadingState ? <AnimatedLoadingIcon /> : null}
+              </p>
+            </div>
+            {index !== fileFormats.length - 1 && <hr className="file-list-separator" />}
+          </React.Fragment>
+        );
+      })}
     </>
   );
 }

From 9469377e64a2debacdb42149d22aea3cd70c209f Mon Sep 17 00:00:00 2001
From: Deepak Pradhan <deepak.pradhan048@gmail.com>
Date: Fri, 22 Dec 2023 16:24:31 +0545
Subject: [PATCH 4/7] feat: messages json maintened

---
 frontend/src/components/projectDetail/messages.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/src/components/projectDetail/messages.js b/frontend/src/components/projectDetail/messages.js
index ba02a397de..76e452b827 100644
--- a/frontend/src/components/projectDetail/messages.js
+++ b/frontend/src/components/projectDetail/messages.js
@@ -227,6 +227,15 @@ export default defineMessages({
     id: 'project.detail.sections.downloadOsmData',
     defaultMessage: 'Download OSM Data',
   },
+  errorDownloadOsmData: {
+    id: 'project.detail.sections.errorDownloadOsmData',
+    defaultMessage: 'Data Extraction Unavailable',
+  },
+  errorDownloadOsmDataDescription: {
+    id: 'project.detail.sections.errorDownloadOsmDataDescription',
+    defaultMessage:
+      'The data extract you are attempting to download is currently inactive or unavailable. Please ensure that the extract is active and try again later.',
+  },
   viewInOsmcha: {
     id: 'project.detail.sections.contributions.osmcha',
     defaultMessage: 'Changesets in OSMCha',

From 22d79a018032f76430f24040c0170867ff3307d6 Mon Sep 17 00:00:00 2001
From: Deepak Pradhan <deepak.pradhan048@gmail.com>
Date: Fri, 22 Dec 2023 17:07:46 +0545
Subject: [PATCH 5/7] feat: conditional export tool feature added

---
 .../src/components/projectDetail/index.js     | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/projectDetail/index.js b/frontend/src/components/projectDetail/index.js
index 0fcfad6ce9..011820beae 100644
--- a/frontend/src/components/projectDetail/index.js
+++ b/frontend/src/components/projectDetail/index.js
@@ -27,6 +27,7 @@ import { Alert } from '../alert';
 import './styles.scss';
 import { useWindowSize } from '../../hooks/UseWindowSize';
 import { DownloadOsmData } from './downloadOsmData.js';
+import { ENABLE_EXPORT_TOOL } from '../../config/index.js';
 
 /* lazy imports must be last import */
 const ProjectTimeline = React.lazy(() => import('./timeline' /* webpackChunkName: "timeline" */));
@@ -288,19 +289,21 @@ export const ProjectDetail = (props) => {
       </div>
 
       {/* Download OSM Data section Start */}
-
-      <div className="bg-tan-dim">
-        <a href="#downloadOsmData" name="downloadOsmData" style={{ visibility: 'hidden' }}>
-          <FormattedMessage {...messages.downloadOsmData} />
-        </a>
-        <h3 className={`${h2Classes}`}>
-          <FormattedMessage {...messages.downloadOsmData} />
-        </h3>
-        <DownloadOsmData
-          projectMappingTypes={props?.project?.mappingTypes}
-          project={props.project}
-        />
-      </div>
+      {/* Converted String to Integer */}
+      {+ENABLE_EXPORT_TOOL === 1 && (
+        <div className="bg-tan-dim">
+          <a href="#downloadOsmData" name="downloadOsmData" style={{ visibility: 'hidden' }}>
+            <FormattedMessage {...messages.downloadOsmData} />
+          </a>
+          <h3 className={`${h2Classes}`}>
+            <FormattedMessage {...messages.downloadOsmData} />
+          </h3>
+          <DownloadOsmData
+            projectMappingTypes={props?.project?.mappingTypes}
+            project={props.project}
+          />
+        </div>
+      )}
 
       {/* Download OSM Data section End */}
 

From 080da1ca15ef0c88c584940f3b9136b725b7e1be Mon Sep 17 00:00:00 2001
From: Deepak Pradhan <deepak.pradhan048@gmail.com>
Date: Fri, 22 Dec 2023 17:08:10 +0545
Subject: [PATCH 6/7] feat: added env bool for enable export tool

---
 frontend/.env.expand | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/.env.expand b/frontend/.env.expand
index 93b6e9df93..58cf2498ab 100644
--- a/frontend/.env.expand
+++ b/frontend/.env.expand
@@ -44,3 +44,4 @@ REACT_APP_ENVIRONMENT=$TM_ENVIRONMENT
 REACT_APP_TM_DEFAULT_CHANGESET_COMMENT=$TM_DEFAULT_CHANGESET_COMMENT
 REACT_APP_RAPID_EDITOR_URL=$RAPID_EDITOR_URL
 REACT_APP_EXPORT_TOOL_S3_URL=$EXPORT_TOOL_S3_URL
+REACT_APP_ENABLE_EXPORT_TOOL=$ENABLE_EXPORT_TOOL

From 6d812ed03a38f0e08e893fee9fdfae82a657b236 Mon Sep 17 00:00:00 2001
From: Deepak Pradhan <deepak.pradhan048@gmail.com>
Date: Fri, 22 Dec 2023 17:08:21 +0545
Subject: [PATCH 7/7] feat: config added

---
 frontend/src/config/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/config/index.js b/frontend/src/config/index.js
index 16348cf611..343f7c3171 100644
--- a/frontend/src/config/index.js
+++ b/frontend/src/config/index.js
@@ -60,6 +60,7 @@ export const POTLATCH2_EDITOR_URL =
 export const RAPID_EDITOR_URL =
   process.env.REACT_APP_RAPID_EDITOR_URL || 'https://mapwith.ai/rapid';
 export const EXPORT_TOOL_S3_URL = process.env.REACT_APP_EXPORT_TOOL_S3_URL || '';
+export const ENABLE_EXPORT_TOOL = process.env.REACT_APP_ENABLE_EXPORT_TOOL || '';
 
 export const TASK_COLOURS = {
   READY: '#fff',