From ab5569b61b2413be35b77839a814df5ffcaced87 Mon Sep 17 00:00:00 2001
From: Pankaj Yadav <pyadav@fiskerinc.com>
Date: Fri, 12 Jul 2024 23:14:51 +0530
Subject: [PATCH] CEC-6070: custom dtc ttl (#538)

* CEC-6070: custom dtc ttl

* CEC-6070: Removed 1 and 6 hours dtc ttl and added 72 hours ttl

* CEC-6070: Added more options
---
 .../Update/__snapshots__/index.test.jsx.snap  | 93 +++++++++++++++++++
 src/components/Cars/Update/index.jsx          | 42 ++++++++-
 .../Update/__snapshots__/index.test.jsx.snap  | 86 +++++++++++++++++
 src/components/Fleets/Update/index.jsx        | 40 ++++++++
 4 files changed, 260 insertions(+), 1 deletion(-)

diff --git a/src/components/Cars/Update/__snapshots__/index.test.jsx.snap b/src/components/Cars/Update/__snapshots__/index.test.jsx.snap
index 4dbabb9..0015df1 100644
--- a/src/components/Cars/Update/__snapshots__/index.test.jsx.snap
+++ b/src/components/Cars/Update/__snapshots__/index.test.jsx.snap
@@ -1102,6 +1102,99 @@ exports[`VehicleUpdate Render 1`] = `
                   </span>
                 </label>
               </div>
+              <div>
+                <label
+                  class="MuiFormControlLabel-root"
+                >
+                  <div
+                    class="MuiInputBase-root MuiOutlinedInput-root"
+                  >
+                    <select
+                      class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
+                      id="send-command"
+                      name="send-command"
+                    >
+                      <option
+                        value="0"
+                      >
+                        Select How Long to Send DTCs
+                      </option>
+                      <option
+                        value="43200"
+                      >
+                        12 Hours
+                      </option>
+                      <option
+                        value="86400"
+                      >
+                        24 Hours
+                      </option>
+                      <option
+                        value="172800"
+                      >
+                        48 Hours
+                      </option>
+                      <option
+                        value="259200"
+                      >
+                        72 Hours
+                      </option>
+                      <option
+                        value="604800"
+                      >
+                        1 Week
+                      </option>
+                      <option
+                        value="1209600"
+                      >
+                        2 Weeks
+                      </option>
+                      <option
+                        value="1814400"
+                      >
+                        3 Weeks
+                      </option>
+                      <option
+                        value="2419200"
+                      >
+                        4 Weeks
+                      </option>
+                      <option
+                        value="3024000"
+                      >
+                        5 Weeks
+                      </option>
+                    </select>
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root MuiSelect-icon MuiSelect-iconOutlined"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M7 10l5 5 5-5z"
+                      />
+                    </svg>
+                    <fieldset
+                      aria-hidden="true"
+                      class="PrivateNotchedOutline-root-0 MuiOutlinedInput-notchedOutline"
+                      style="padding-left: 8px;"
+                    >
+                      <legend
+                        class="PrivateNotchedOutline-legend-0"
+                        style="width: 0.01px;"
+                      >
+                        <span>
+                          ​
+                        </span>
+                      </legend>
+                    </fieldset>
+                  </div>
+                  <span
+                    class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
+                  />
+                </label>
+              </div>
               <div>
                 <label
                   class="MuiFormControlLabel-root"
diff --git a/src/components/Cars/Update/index.jsx b/src/components/Cars/Update/index.jsx
index c9173c1..210b47b 100644
--- a/src/components/Cars/Update/index.jsx
+++ b/src/components/Cars/Update/index.jsx
@@ -6,7 +6,8 @@ import {
   FormLabel,
   Radio,
   RadioGroup,
-  TextField
+  TextField,
+  Select
 } from "@material-ui/core";
 import React, { useEffect, useRef, useState } from "react";
 import { Redirect } from "react-router";
@@ -56,6 +57,20 @@ const MainForm = () => {
   const [dltLevel, setDLTLevel] = useState(0);
   const debugMaskEl = useRef(null);
   const tagsEl = useRef(null);
+  const [dtc_ttl, setDtcTTL] = useState(0);
+
+  const dtcTtlList = [
+    { value: 0, label: "Select How Long to Send DTCs" },
+    { value: 43200, label: "12 Hours" },
+    { value: 86400, label: "24 Hours" },
+    { value: 172800, label: "48 Hours" },
+    { value: 259200, label: "72 Hours" },
+    { value: 604800, label: "1 Week" },
+    { value: 1209600, label: "2 Weeks" },
+    { value: 1814400, label: "3 Weeks" },
+    { value: 2419200, label: "4 Weeks" },
+    { value: 3024000, label: "5 Weeks" },
+  ]
 
   const showDebugMask = (process.env.REACT_APP_ENABLE_DEBUGMASK === "1");
 
@@ -148,6 +163,10 @@ const MainForm = () => {
     setDLTEnabled(event.target.checked);
   }
 
+  const changeDtcTTL = (event) => {
+    setDtcTTL(event.target.value);
+  }
+
   const onDltLevelChange = (event) => {
     setDLTLevel(event.target.value);
   }
@@ -190,6 +209,7 @@ const MainForm = () => {
         dlt_level: dltEnabled ? parseInt(dltLevel) : 0,
         debug_mask: debugMaskEl.current?.value,
         idps_enabled: idpsEnabled,
+        dtc_ttl: +dtc_ttl
       };
 
       const result = await updateVehicle(vin, formData, token);
@@ -467,6 +487,26 @@ const MainForm = () => {
             />
           } label="DTC Enabled" />
         </div>
+        <div>
+          <FormControlLabel control={
+            <Select
+              native
+              value={dtc_ttl}
+              variant="outlined"
+              inputProps={{
+                name: "send-command",
+                id: "send-command",
+              }}
+              disabled={!dtcEnabled}
+              onChange={changeDtcTTL}
+            >
+              {dtcTtlList.map((item, index) => (
+                <option key={index} value={item.value}>
+                  {item.label}
+                </option>
+              ))}
+            </Select>} />
+        </div>
         <div>
           <FormControlLabel control={
             <Checkbox
diff --git a/src/components/Fleets/Update/__snapshots__/index.test.jsx.snap b/src/components/Fleets/Update/__snapshots__/index.test.jsx.snap
index d6a5ba7..596c5eb 100644
--- a/src/components/Fleets/Update/__snapshots__/index.test.jsx.snap
+++ b/src/components/Fleets/Update/__snapshots__/index.test.jsx.snap
@@ -603,6 +603,92 @@ exports[`FleetUpdate Render 1`] = `
                   DTC Enabled
                 </span>
               </label>
+              <div>
+                <div
+                  class="MuiInputBase-root MuiOutlinedInput-root"
+                >
+                  <select
+                    class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
+                    id="send-command"
+                    name="send-command"
+                  >
+                    <option
+                      value="0"
+                    >
+                      Select How Long to Send DTCs
+                    </option>
+                    <option
+                      value="43200"
+                    >
+                      12 Hours
+                    </option>
+                    <option
+                      value="86400"
+                    >
+                      24 Hours
+                    </option>
+                    <option
+                      value="172800"
+                    >
+                      48 Hours
+                    </option>
+                    <option
+                      value="259200"
+                    >
+                      72 Hours
+                    </option>
+                    <option
+                      value="604800"
+                    >
+                      1 Week
+                    </option>
+                    <option
+                      value="1209600"
+                    >
+                      2 Weeks
+                    </option>
+                    <option
+                      value="1814400"
+                    >
+                      3 Weeks
+                    </option>
+                    <option
+                      value="2419200"
+                    >
+                      4 Weeks
+                    </option>
+                    <option
+                      value="3024000"
+                    >
+                      5 Weeks
+                    </option>
+                  </select>
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root MuiSelect-icon MuiSelect-iconOutlined"
+                    focusable="false"
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      d="M7 10l5 5 5-5z"
+                    />
+                  </svg>
+                  <fieldset
+                    aria-hidden="true"
+                    class="PrivateNotchedOutline-root-0 MuiOutlinedInput-notchedOutline"
+                    style="padding-left: 8px;"
+                  >
+                    <legend
+                      class="PrivateNotchedOutline-legend-0"
+                      style="width: 0.01px;"
+                    >
+                      <span>
+                        ​
+                      </span>
+                    </legend>
+                  </fieldset>
+                </div>
+              </div>
               <div
                 class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
               >
diff --git a/src/components/Fleets/Update/index.jsx b/src/components/Fleets/Update/index.jsx
index 66eb3dd..4cc6b0d 100644
--- a/src/components/Fleets/Update/index.jsx
+++ b/src/components/Fleets/Update/index.jsx
@@ -10,6 +10,7 @@ import {
   Radio,
   RadioGroup,
   TextField,
+  Select,
 } from "@material-ui/core";
 
 import useStyles from "../../useStyles";
@@ -42,6 +43,21 @@ const MainForm = () => {
   const [dtcEnabled, setDTCEnabled] = useState(true);
   const debugMaskEl = useRef(null);
 
+  const [dtc_ttl, setDtcTTL] = useState(0);
+
+  const dtcTtlList = [
+    { value: 0, label: "Select How Long to Send DTCs" },
+    { value: 43200, label: "12 Hours" },
+    { value: 86400, label: "24 Hours" },
+    { value: 172800, label: "48 Hours" },
+    { value: 259200, label: "72 Hours" },
+    { value: 604800, label: "1 Week" },
+    { value: 1209600, label: "2 Weeks" },
+    { value: 1814400, label: "3 Weeks" },
+    { value: 2419200, label: "4 Weeks" },
+    { value: 3024000, label: "5 Weeks" },
+  ]
+
   const showDebugMask = (process.env.REACT_APP_ENABLE_DEBUGMASK === "1");
 
   useEffect(() => {
@@ -111,6 +127,10 @@ const MainForm = () => {
     setIDPSEnabled(event.target.checked);
   }
 
+  const changeDtcTTL = (event) => {
+    setDtcTTL(event.target.value);
+  }
+
   const onDataLoggerChange = (event) => {
     setDataLoggerEnabled(event.target.checked);
   };
@@ -142,6 +162,7 @@ const MainForm = () => {
         },
         debug_mask: debugMaskEl.current?.value,
         idps_enabled: idpsEnabled,
+        dtc_ttl: +dtc_ttl,
       };
 
       const result = await updateFleet(oldName, formData, token);
@@ -257,6 +278,25 @@ const MainForm = () => {
             onChange={onDtcEnabledChange}
           />
         } label="DTC Enabled" />
+        <div>
+          <Select
+            native
+            value={dtc_ttl}
+            variant="outlined"
+            inputProps={{
+              name: "send-command",
+              id: "send-command",
+            }}
+            disabled={!dtcEnabled}
+            onChange={changeDtcTTL}
+          >
+            {dtcTtlList.map((item, index) => (
+              <option key={index} value={item.value}>
+                {item.label}
+              </option>
+            ))}
+          </Select>
+        </div>
         {showDebugMask && (
           <TextField
             id="debug_mask"