[WIFI-11306] Added key-caching field to encryption config

Signed-off-by: Charles <charles.bourque96@gmail.com>

src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Encryption/Encryption.tsx

@@ -4,6 +4,7 @@ import { ENCRYPTION_OPTIONS } from '../../../interfacesConstants';
 import Radius from './Radius';
 import SelectField from 'components/FormFields/SelectField';
 import StringField from 'components/FormFields/StringField';
+import ToggleField from 'components/FormFields/ToggleField';
 
 interface Props {
   editing: boolean;
@@ -68,6 +69,13 @@ const EncryptionForm = ({
           w="120px"
         />
       )}
+      <ToggleField
+        name={`${namePrefix}.key-caching`}
+        label="key-caching"
+        definitionKey="interface.ssid.encryption.key-caching"
+        isDisabled={!editing}
+        defaultValue
+      />
     </SimpleGrid>
     {isUsingRadius && <Radius editing={editing} namePrefix={radiusPrefix} isPasspoint={isPasspoint} />}
   </>

src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/LockedEncryption.jsx

@@ -56,6 +56,14 @@ const LockedEncryption = ({ data }) => {
               isRequired
             />
           )}
+          <DisplayToggleField
+            value={data?.encryption?.['key-caching']}
+            label="key-caching"
+            definitionKey="interface.ssid.encryption.key-caching"
+            isDisabled
+            isRequired
+            hideButton
+          />
         </SimpleGrid>
       )}
       {data?.radius && (

src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/interfacesConstants.js

@@ -321,6 +321,7 @@ export const INTERFACE_SSID_ENCRYPTION_SCHEMA = (t, useDefault = false) => {
           return v.length >= 8 && v.length <= 63;
         })
         .default(''),
+      'key-caching': bool().default(true),
     })
     .default({
       proto: 'psk',