Use union type instead of enum for SettingName

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 - Updated portuguese translations
 - Added automatic RuboCop validation on pre-commit
+- Use union type instead of enum for SettingName
 - Fix a bug: wrong variable reference in `SingleSignOnConcern:Merge_form_sso`
 - Fix a bug: wrong focus behavior on text editor
 

app/frontend/src/javascript/api/setting.ts

@@ -55,7 +55,7 @@ export default class SettingAPI {
         itemData.localized = item.localized;
       }
 
-      map.set(item.name as SettingName, itemData);
+      map.set(item.name, itemData);
     });
     return map;
   }

app/frontend/src/javascript/components/dashboard/reservations/reservations-dashboard.tsx

@@ -20,17 +20,17 @@ const ReservationsDashboard: React.FC<ReservationsDashboardProps> = ({ onError,
   const [modules, setModules] = useState<Map<SettingName, string>>();
 
   useEffect(() => {
-    SettingAPI.query([SettingName.SpacesModule, SettingName.MachinesModule])
+    SettingAPI.query(['spaces_module', 'machines_module'])
       .then(res => setModules(res))
       .catch(error => onError(error));
   }, []);
 
   return (
     <div className="reservations-dashboard">
-      {modules?.get(SettingName.MachinesModule) !== 'false' && <CreditsPanel userId={userId} onError={onError} reservableType="Machine" />}
+      {modules?.get('machines_module') !== 'false' && <CreditsPanel userId={userId} onError={onError} reservableType="Machine" />}
-      {modules?.get(SettingName.SpacesModule) !== 'false' && <CreditsPanel userId={userId} onError={onError} reservableType="Space" />}
+      {modules?.get('spaces_module') !== 'false' && <CreditsPanel userId={userId} onError={onError} reservableType="Space" />}
-      {modules?.get(SettingName.MachinesModule) !== 'false' && <ReservationsPanel userId={userId} onError={onError} reservableType="Machine" />}
+      {modules?.get('machines_module') !== 'false' && <ReservationsPanel userId={userId} onError={onError} reservableType="Machine" />}
-      {modules?.get(SettingName.SpacesModule) !== 'false' && <ReservationsPanel userId={userId} onError={onError} reservableType="Space" />}
+      {modules?.get('spaces_module') !== 'false' && <ReservationsPanel userId={userId} onError={onError} reservableType="Space" />}
     </div>
   );
 };

app/frontend/src/javascript/components/group/change-group.tsx

@@ -46,7 +46,7 @@ export const ChangeGroup: React.FC<ChangeGroupProps> = ({ user, onSuccess, onErr
   useEffect(() => {
     GroupAPI.index({ disabled: false, admins: user?.role === 'admin' }).then(setGroups).catch(onError);
     MemberAPI.current().then(setOperator).catch(onError);
-    SettingAPI.get(SettingName.UserChangeGroup).then((setting) => {
+    SettingAPI.get('user_change_group').then((setting) => {
       setAllowedUserChangeGoup(setting.value === 'true');
     }).catch(onError);
   }, []);

app/frontend/src/javascript/components/machines/reserve-button.tsx

@@ -46,7 +46,7 @@ const ReserveButton: React.FC<ReserveButtonProps> = ({ currentUser, machineId, o
   // check the trainings after we retrieved the machine data
   useEffect(() => checkTraining(), [machine]);
   useEffect(() => {
-    SettingAPI.get(SettingName.PackOnlyForSubscription)
+    SettingAPI.get('pack_only_for_subscription')
       .then(data => setIsPackOnlyForSubscription(data.value === 'true'))
       .catch(error => onError(error));
   }, []);

app/frontend/src/javascript/components/payment-schedule/payment-schedules-table.tsx

@@ -40,7 +40,7 @@ const PaymentSchedulesTable: React.FC<PaymentSchedulesTableProps> = ({ paymentSc
   const [gateway, setGateway] = useState<Setting>(null);
 
   useEffect(() => {
-    SettingAPI.get(SettingName.PaymentGateway)
+    SettingAPI.get('payment_gateway')
       .then(setting => setGateway(setting))
       .catch(error => onError(error));
   }, []);

app/frontend/src/javascript/components/payment/abstract-payment-modal.tsx

@@ -91,7 +91,7 @@ export const AbstractPaymentModal: React.FC<AbstractPaymentModalProps> = ({ isOp
   useEffect(() => {
     mounted.current = true;
     CustomAssetAPI.get(CustomAssetName.CgvFile).then(asset => setCgv(asset));
-    SettingAPI.get(SettingName.PaymentGateway).then((setting) => {
+    SettingAPI.get('payment_gateway').then((setting) => {
       // we capitalize the first letter of the name
       if (setting.value) {
         setGateway(setting.value.replace(/^\w/, (c) => c.toUpperCase()));

app/frontend/src/javascript/components/payment/card-payment-modal.tsx

@@ -35,7 +35,7 @@ const CardPaymentModal: React.FC<CardPaymentModalProps> = ({ isOpen, toggleModal
   const [gateway, setGateway] = useState<Setting>(null);
 
   useEffect(() => {
-    SettingAPI.get(SettingName.PaymentGateway)
+    SettingAPI.get('payment_gateway')
       .then(setting => setGateway(setting))
       .catch(error => onError(error));
   }, []);

app/frontend/src/javascript/components/payment/local-payment/local-payment-form.tsx

@@ -75,7 +75,7 @@ export const LocalPaymentForm: React.FC<GatewayFormProps> = ({ onSubmit, onSucce
     if (paymentSchedule && method === 'card') {
       // check that the online payment is active
       try {
-        const online = await SettingAPI.get(SettingName.OnlinePaymentModule);
+        const online = await SettingAPI.get('online_payment_module');
         if (online.value !== 'true') {
           return onError(t('app.admin.local_payment_form.online_payment_disabled'));
         }

app/frontend/src/javascript/components/payment/payzen/payzen-form.tsx

@@ -27,10 +27,10 @@ export const PayzenForm: React.FC<PayzenFormProps> = ({ onSubmit, onSuccess, onE
   const [loadingClass, setLoadingClass] = useState<'hidden' | 'loader' | 'loader-overlay'>('loader');
 
   useEffect(() => {
-    SettingAPI.query([SettingName.PayZenEndpoint, SettingName.PayZenPublicKey]).then(settings => {
+    SettingAPI.query(['payzen_endpoint', 'payzen_public_key']).then(settings => {
       createToken().then(formToken => {
         // Load the remote library
-        KRGlue.loadLibrary(settings.get(SettingName.PayZenEndpoint), settings.get(SettingName.PayZenPublicKey))
+        KRGlue.loadLibrary(settings.get('payzen_endpoint'), settings.get('payzen_public_key'))
           .then(({ KR }) =>
             KR.setFormConfig({
               formToken: formToken.formToken

app/frontend/src/javascript/components/payment/payzen/payzen-keys-form.tsx

@@ -17,9 +17,9 @@ interface PayzenKeysFormProps {
 }
 
 // all settings related to PayZen that are requested by this form
-const payZenSettings: Array<SettingName> = [SettingName.PayZenUsername, SettingName.PayZenPassword, SettingName.PayZenEndpoint, SettingName.PayZenHmacKey, SettingName.PayZenPublicKey];
+const payzenSettings: Array<SettingName> = ['payzen_username', 'payzen_password', 'payzen_endpoint', 'payzen_hmac', 'payzen_public_key'];
-// settings related the to PayZen REST API (server side)
+// settings related to the PayZen REST API (server side)
-const restApiSettings: Array<SettingName> = [SettingName.PayZenUsername, SettingName.PayZenPassword, SettingName.PayZenEndpoint, SettingName.PayZenHmacKey];
+const restApiSettings: Array<SettingName> = ['payzen_username', 'payzen_password', 'payzen_endpoint', 'payzen_hmac'];
 
 // Prevent multiples call to the payzen keys validation endpoint.
 // this cannot be handled by a React state because of their asynchronous nature
@@ -32,7 +32,7 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
   const { t } = useTranslation('admin');
 
   // values of the PayZen settings
-  const [settings, updateSettings] = useImmer<Map<SettingName, string>>(new Map(payZenSettings.map(name => [name, ''])));
+  const [settings, updateSettings] = useImmer<Map<SettingName, string>>(new Map(payzenSettings.map(name => [name, ''])));
   // Icon of the fieldset for the PayZen's keys concerning the REST API. Used to display if the key is valid.
   const [restApiAddOn, setRestApiAddOn] = useState<ReactNode>(null);
   // Style class for the add-on icon, for the REST API
@@ -46,7 +46,7 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
    * When the component loads for the first time, initialize the keys with the values fetched from the API (if any)
    */
   useEffect(() => {
-    SettingAPI.query(payZenSettings).then(payZenKeys => {
+    SettingAPI.query(payzenSettings).then(payZenKeys => {
       updateSettings(new Map(payZenKeys));
     }).catch(error => console.error(error));
   }, []);
@@ -78,7 +78,7 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
       setPublicKeyAddOnClassName('key-invalid');
       return;
     }
-    updateSettings(draft => draft.set(SettingName.PayZenPublicKey, key));
+    updateSettings(draft => draft.set('payzen_public_key', key));
     setPublicKeyAddOn(<i className="fa fa-check" />);
     setPublicKeyAddOnClassName('key-valid');
   };
@@ -94,9 +94,9 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
     if (valid && !pendingKeysValidation) {
       pendingKeysValidation = true;
       PayzenAPI.chargeSDKTest(
-        settings.get(SettingName.PayZenEndpoint),
+        settings.get('payzen_endpoint'),
-        settings.get(SettingName.PayZenUsername),
+        settings.get('payzen_username'),
-        settings.get(SettingName.PayZenPassword)
+        settings.get('payzen_password')
       ).then(result => {
         pendingKeysValidation = false;
 
@@ -123,7 +123,7 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
   /**
    * Assign the inputted key to the given settings
    */
-  const setApiKey = (setting: SettingName.PayZenUsername | SettingName.PayZenPassword | SettingName.PayZenEndpoint | SettingName.PayZenHmacKey) => {
+  const setApiKey = (setting: typeof restApiSettings[number]) => {
     return (key: string) => {
       updateSettings(draft => draft.set(setting, key));
     };
@@ -148,7 +148,7 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
             <label htmlFor="payzen_public_key">{ t('app.admin.invoices.payzen_keys_form.payzen_public_key') } *</label>
             <FabInput id="payzen_public_key"
               icon={<i className="fas fa-info" />}
-              defaultValue={settings.get(SettingName.PayZenPublicKey)}
+              defaultValue={settings.get('payzen_public_key')}
               onChange={testPublicKey}
               addOn={publicKeyAddOn}
               addOnClassName={publicKeyAddOnClassName}
@@ -166,8 +166,8 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
             <FabInput id="payzen_username"
               type="number"
               icon={<i className="fas fa-user-alt" />}
-              defaultValue={settings.get(SettingName.PayZenUsername)}
+              defaultValue={settings.get('payzen_username')}
-              onChange={setApiKey(SettingName.PayZenUsername)}
+              onChange={setApiKey('payzen_username')}
               debounce={200}
               required />
           </div>
@@ -175,8 +175,8 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
             <label htmlFor="payzen_password">{ t('app.admin.invoices.payzen_keys_form.payzen_password') } *</label>
             <FabInput id="payzen_password"
               icon={<i className="fas fa-key" />}
-              defaultValue={settings.get(SettingName.PayZenPassword)}
+              defaultValue={settings.get('payzen_password')}
-              onChange={setApiKey(SettingName.PayZenPassword)}
+              onChange={setApiKey('payzen_password')}
               debounce={200}
               required />
           </div>
@@ -185,8 +185,8 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
             <FabInput id="payzen_endpoint"
               type="url"
               icon={<i className="fas fa-link" />}
-              defaultValue={settings.get(SettingName.PayZenEndpoint)}
+              defaultValue={settings.get('payzen_endpoint')}
-              onChange={setApiKey(SettingName.PayZenEndpoint)}
+              onChange={setApiKey('payzen_endpoint')}
               debounce={200}
               required />
           </div>
@@ -194,8 +194,8 @@ const PayzenKeysForm: React.FC<PayzenKeysFormProps> = ({ onValidKeys, onInvalidK
             <label htmlFor="payzen_hmac">{ t('app.admin.invoices.payzen_keys_form.payzen_hmac') } *</label>
             <FabInput id="payzen_hmac"
               icon={<i className="fas fa-subscript" />}
-              defaultValue={settings.get(SettingName.PayZenHmacKey)}
+              defaultValue={settings.get('payzen_hmac')}
-              onChange={setApiKey(SettingName.PayZenHmacKey)}
+              onChange={setApiKey('payzen_hmac')}
               debounce={200}
               required />
           </div>

app/frontend/src/javascript/components/payment/payzen/payzen-settings.tsx

@@ -21,21 +21,21 @@ interface PayzenSettingsProps {
 const PAYZEN_HIDDEN = 'HiDdEnHIddEnHIdDEnHiDdEnHIddEnHIdDEn';
 
 // settings related to PayZen that can be shown publicly
-const payZenPublicSettings: Array<SettingName> = [SettingName.PayZenPublicKey, SettingName.PayZenEndpoint, SettingName.PayZenUsername];
+const payZenPublicSettings: Array<SettingName> = ['payzen_public_key', 'payzen_endpoint', 'payzen_username'];
 // settings related to PayZen that must be kept on server-side
-const payZenPrivateSettings: Array<SettingName> = [SettingName.PayZenPassword, SettingName.PayZenHmacKey];
+const payZenPrivateSettings: Array<SettingName> = ['payzen_password', 'payzen_hmac'];
 // other settings related to PayZen
-const payZenOtherSettings: Array<SettingName> = [SettingName.PayZenCurrency];
+const payZenOtherSettings: Array<SettingName> = ['payzen_currency'];
 // all PayZen settings
 const payZenSettings: Array<SettingName> = payZenPublicSettings.concat(payZenPrivateSettings).concat(payZenOtherSettings);
 
 // icons for the inputs of each setting
 const icons:Map<SettingName, string> = new Map([
-  [SettingName.PayZenHmacKey, 'subscript'],
+  ['payzen_hmac', 'subscript'],
-  [SettingName.PayZenPassword, 'key'],
+  ['payzen_password', 'key'],
-  [SettingName.PayZenUsername, 'user'],
+  ['payzen_username', 'user'],
-  [SettingName.PayZenEndpoint, 'link'],
+  ['payzen_endpoint', 'link'],
-  [SettingName.PayZenPublicKey, 'info']
+  ['payzen_public_key', 'info']
 ]);
 
 /**
@@ -55,11 +55,11 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({ onEditKeys, onCu
    */
   useEffect(() => {
     SettingAPI.query(payZenPublicSettings.concat(payZenOtherSettings)).then(payZenKeys => {
-      SettingAPI.isPresent(SettingName.PayZenPassword).then(pzPassword => {
+      SettingAPI.isPresent('payzen_password').then(pzPassword => {
-        SettingAPI.isPresent(SettingName.PayZenHmacKey).then(pzHmac => {
+        SettingAPI.isPresent('payzen_hmac').then(pzHmac => {
           const map = new Map(payZenKeys);
-          map.set(SettingName.PayZenPassword, pzPassword ? PAYZEN_HIDDEN : '');
+          map.set('payzen_password', pzPassword ? PAYZEN_HIDDEN : '');
-          map.set(SettingName.PayZenHmacKey, pzHmac ? PAYZEN_HIDDEN : '');
+          map.set('payzen_hmac', pzHmac ? PAYZEN_HIDDEN : '');
 
           updateSettings(map);
         }).catch(error => { console.error(error); });
@@ -81,7 +81,7 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({ onEditKeys, onCu
   const handleCurrencyUpdate = (value: string, validity?: ValidityState): void => {
     if (!validity || validity.valid) {
       setError('');
-      updateSettings(draft => draft.set(SettingName.PayZenCurrency, value));
+      updateSettings(draft => draft.set('payzen_currency', value));
     } else {
       setError(t('app.admin.invoices.payment.payzen_settings.currency_error'));
     }
@@ -92,9 +92,9 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({ onEditKeys, onCu
    * This will update the setting on the server.
    */
   const saveCurrency = (): void => {
-    SettingAPI.update(SettingName.PayZenCurrency, settings.get(SettingName.PayZenCurrency)).then(result => {
+    SettingAPI.update('payzen_currency', settings.get('payzen_currency')).then(result => {
       setError('');
-      updateSettings(draft => draft.set(SettingName.PayZenCurrency, result.value));
+      updateSettings(draft => draft.set('payzen_currency', result.value));
       onCurrencyUpdateSuccess(result.value);
     }, reason => {
       setError(t('app.admin.invoices.payment.payzen_settings.error_while_saving') + reason);
@@ -130,7 +130,7 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({ onEditKeys, onCu
         <div className="payzen-currency-form">
           <div className="currency-wrapper">
             <label htmlFor="payzen_currency">{t('app.admin.invoices.payment.payzen_settings.payzen_currency')}</label>
-            <FabInput defaultValue={settings.get(SettingName.PayZenCurrency)}
+            <FabInput defaultValue={settings.get('payzen_currency')}
               id="payzen_currency"
               icon={<i className="fas fa-money-bill" />}
               onChange={handleCurrencyUpdate}

app/frontend/src/javascript/components/payment/select-gateway-modal.tsx

@@ -38,7 +38,7 @@ export const SelectGatewayModal: React.FC<SelectGatewayModalModalProps> = ({ isO
 
   // request the configured gateway to the API
   useEffect(() => {
-    SettingAPI.get(SettingName.PaymentGateway).then(gateway => {
+    SettingAPI.get('payment_gateway').then(gateway => {
       setSelectedGateway(gateway.value ? gateway.value : '');
     });
   }, []);
@@ -73,8 +73,8 @@ export const SelectGatewayModal: React.FC<SelectGatewayModalModalProps> = ({ isO
   const handleValidStripeKeys = (publicKey: string, secretKey: string): void => {
     setGatewayConfig((prev) => {
       const newMap = new Map(prev);
-      newMap.set(SettingName.StripeSecretKey, secretKey);
+      newMap.set('stripe_secret_key', secretKey);
-      newMap.set(SettingName.StripePublicKey, publicKey);
+      newMap.set('stripe_public_key', publicKey);
       return newMap;
     });
     setPreventConfirmGateway(false);
@@ -100,7 +100,7 @@ export const SelectGatewayModal: React.FC<SelectGatewayModalModalProps> = ({ isO
    */
   const updateSettings = (): void => {
     const settings = new Map<SettingName, string>(gatewayConfig);
-    settings.set(SettingName.PaymentGateway, selectedGateway);
+    settings.set('payment_gateway', selectedGateway);
 
     SettingAPI.bulkUpdate(settings, true).then(result => {
       const errorResults = Array.from(result.values()).filter(item => !item.status);

app/frontend/src/javascript/components/payment/stripe/stripe-elements.tsx

@@ -14,7 +14,7 @@ export const StripeElements: React.FC = memo(({ children }) => {
    * When this component is mounted, we initialize the <Elements> tag with the Stripe's public key
    */
   useEffect(() => {
-    SettingAPI.get(SettingName.StripePublicKey).then(key => {
+    SettingAPI.get('stripe_public_key').then(key => {
       if (key?.value) {
         const promise = loadStripe(key.value);
         setStripe(promise);

app/frontend/src/javascript/components/payment/stripe/stripe-keys-form.tsx

@@ -42,9 +42,9 @@ const StripeKeysForm: React.FC<StripeKeysFormProps> = ({ onValidKeys, onInvalidK
   useEffect(() => {
     mounted.current = true;
 
-    SettingAPI.query([SettingName.StripePublicKey, SettingName.StripeSecretKey]).then(stripeKeys => {
+    SettingAPI.query(['stripe_public_key', 'stripe_secret_key']).then(stripeKeys => {
-      setPublicKey(stripeKeys.get(SettingName.StripePublicKey));
+      setPublicKey(stripeKeys.get('stripe_public_key'));
-      setSecretKey(stripeKeys.get(SettingName.StripeSecretKey));
+      setSecretKey(stripeKeys.get('stripe_secret_key'));
     }).catch(error => console.error(error));
 
     // when the component unmounts, mark it as unmounted

app/frontend/src/javascript/components/prepaid-packs/packs-summary.tsx

@@ -44,10 +44,10 @@ const PacksSummary: React.FC<PacksSummaryProps> = ({ item, itemType, customer, o
   const [isPackOnlyForSubscription, setIsPackOnlyForSubscription] = useState<boolean>(true);
 
   useEffect(() => {
-    SettingAPI.get(SettingName.RenewPackThreshold)
+    SettingAPI.get('renew_pack_threshold')
       .then(data => setThreshold(parseFloat(data.value)))
       .catch(error => onError(error));
-    SettingAPI.get(SettingName.PackOnlyForSubscription)
+    SettingAPI.get('pack_only_for_subscription')
       .then(data => setIsPackOnlyForSubscription(data.value === 'true'))
       .catch(error => onError(error));
   }, []);

app/frontend/src/javascript/components/profile-completion/completion-header-info.tsx

@@ -6,7 +6,7 @@ import { Loader } from '../base/loader';
 import { react2angular } from 'react2angular';
 import { IApplication } from '../../models/application';
 import SettingAPI from '../../api/setting';
-import { SettingName } from '../../models/setting';
+import { SettingName, titleSettings } from '../../models/setting';
 import UserLib from '../../lib/user';
 
 declare const Application: IApplication;
@@ -27,7 +27,7 @@ export const CompletionHeaderInfo: React.FC<CompletionHeaderInfoProps> = ({ user
   const userLib = new UserLib(user);
 
   useEffect(() => {
-    SettingAPI.query([SettingName.NameGenre, SettingName.FablabName]).then(setSettings).catch(onError);
+    SettingAPI.query(titleSettings).then(setSettings).catch(onError);
   }, []);
 
   return (
@@ -39,8 +39,8 @@ export const CompletionHeaderInfo: React.FC<CompletionHeaderInfoProps> = ({ user
         <p className="intro">
           <span>
             {t('app.logged.profile_completion.completion_header_info.sso_intro', {
-              GENDER: settings?.get(SettingName.NameGenre),
+              GENDER: settings?.get('name_genre'),
-              NAME: settings?.get(SettingName.FablabName)
+              NAME: settings?.get('fablab_name')
             })}
           </span>
           <span className="provider-name">

app/frontend/src/javascript/components/settings/user-validation-setting.tsx

@@ -36,7 +36,7 @@ export const UserValidationSetting: React.FC<UserValidationSettingProps> = ({ on
   const updateSetting = (name: SettingName, value: string) => {
     SettingAPI.update(name, value)
       .then(() => {
-        if (name === SettingName.UserValidationRequired) {
+        if (name === 'user_validation_required') {
           onSuccess(t('app.admin.settings.account.user_validation_setting.customization_of_SETTING_successfully_saved', {
             SETTING: t(`app.admin.settings.account.${name}`) // eslint-disable-line fabmanager/scoped-translation
           }));
@@ -45,7 +45,7 @@ export const UserValidationSetting: React.FC<UserValidationSettingProps> = ({ on
         if (err.status === 304) return;
 
         if (err.status === 423) {
-          if (name === SettingName.UserValidationRequired) {
+          if (name === 'user_validation_required') {
             onError(t('app.admin.settings.account.user_validation_setting.error_SETTING_locked', {
               SETTING: t(`app.admin.settings.account.${name}`) // eslint-disable-line fabmanager/scoped-translation
             }));
@@ -62,19 +62,19 @@ export const UserValidationSetting: React.FC<UserValidationSettingProps> = ({ on
    * Callback triggered when the 'save' button is clicked.
    */
   const handleSave = () => {
-    updateSetting(SettingName.UserValidationRequired, userValidationRequired);
+    updateSetting('user_validation_required', userValidationRequired);
     if (userValidationRequiredList !== null) {
       if (userValidationRequired === 'true') {
-        updateSetting(SettingName.UserValidationRequiredList, userValidationRequiredList);
+        updateSetting('user_validation_required_list', userValidationRequiredList);
       } else {
-        updateSetting(SettingName.UserValidationRequiredList, null);
+        updateSetting('user_validation_required_list', null);
       }
     }
   };
 
   return (
     <div className="user-validation-setting">
-      <BooleanSetting name={SettingName.UserValidationRequired}
+      <BooleanSetting name={'user_validation_required'}
         label={t('app.admin.settings.account.user_validation_setting.user_validation_required_option_label')}
         hideSave={true}
         onChange={setUserValidationRequired}
@@ -90,7 +90,7 @@ export const UserValidationSetting: React.FC<UserValidationSettingProps> = ({ on
           <FabAlert level="warning">
             {t('app.admin.settings.account.user_validation_setting.user_validation_required_list_other_info')}
           </FabAlert>
-          <CheckListSetting name={SettingName.UserValidationRequiredList}
+          <CheckListSetting name={'user_validation_required_list'}
             label=""
             availableOptions={userValidationRequiredOptions}
             defaultValue={userValidationRequiredListDefault.join(',')}

app/frontend/src/javascript/components/socials/fab-socials.tsx

@@ -25,7 +25,7 @@ interface FabSocialsProps {
  */
 export const FabSocials: React.FC<FabSocialsProps> = ({ show = false, onError, onSuccess }) => {
   const { t } = useTranslation('shared');
-  // regular expression to validate the the input fields
+  // regular expression to validate the input fields
   const urlRegex = /^(https?:\/\/)([\da-z.-]+)\.([-a-z\d.]{2,30})([/\w .-]*)*\/?$/;
 
   const { handleSubmit, register, setValue, formState } = useForm();

app/frontend/src/javascript/components/user/user-profile-form.tsx

@@ -99,7 +99,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
       });
       setValue('invoicing_profile_attributes.user_profile_custom_fields_attributes', userProfileCustomFields);
     }).catch(error => onError(error));
-    SettingAPI.query([SettingName.PhoneRequired, SettingName.AddressRequired])
+    SettingAPI.query(['phone_required', 'address_required'])
       .then(settings => setRequiredFieldsSettings(settings))
       .catch(error => onError(error));
   }, []);
@@ -219,7 +219,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
                            value: phoneRegex,
                            message: t('app.shared.user_profile_form.phone_number_invalid')
                          },
-                         required: requiredFieldsSettings.get(SettingName.PhoneRequired) === 'true'
+                         required: requiredFieldsSettings.get('phone_required') === 'true'
                        }}
                        disabled={isDisabled}
                        formState={formState}
@@ -232,7 +232,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
             <FormInput id="invoicing_profile_attributes.address_attributes.address"
                        register={register}
                        disabled={isDisabled}
-                       rules={{ required: requiredFieldsSettings.get(SettingName.AddressRequired) === 'true' }}
+                       rules={{ required: requiredFieldsSettings.get('address_required') === 'true' }}
                        label={t('app.shared.user_profile_form.address')} />
           </div>
         </div>

app/frontend/src/javascript/models/setting.ts

@@ -1,144 +1,242 @@
 import { HistoryValue } from './history-value';
 import { TDateISO } from '../typings/date-iso';
 
-export enum SettingName {
+export const homePageSettings = [
-  AboutTitle = 'about_title',
+  'twitter_name',
-  AboutBody = 'about_body',
+  'home_blogpost',
-  AboutContacts = 'about_contacts',
+  'home_content',
-  PrivacyDraft = 'privacy_draft',
+  'home_css',
-  PrivacyBody = 'privacy_body',
+  'upcoming_events_shown'
-  PrivacyDpo = 'privacy_dpo',
+];
-  TwitterName = 'twitter_name',
+
-  HomeBlogpost = 'home_blogpost',
+export const privacyPolicySettings = [
-  MachineExplicationsAlert = 'machine_explications_alert',
+  'privacy_draft',
-  TrainingExplicationsAlert = 'training_explications_alert',
+  'privacy_body',
-  TrainingInformationMessage = 'training_information_message',
+  'privacy_dpo'
-  SubscriptionExplicationsAlert = 'subscription_explications_alert',
+];
-  InvoiceLogo = 'invoice_logo',
+
-  InvoiceReference = 'invoice_reference',
+export const aboutPageSettings = [
-  InvoiceCodeActive = 'invoice_code-active',
+  'about_title',
-  InvoiceCodeValue = 'invoice_code-value',
+  'about_body',
-  InvoiceOrderNb = 'invoice_order-nb',
+  'about_contacts',
-  InvoiceVATActive = 'invoice_VAT-active',
+  'link_name'
-  InvoiceVATRate = 'invoice_VAT-rate',
+];
-  InvoiceVATRateMachine = 'invoice_VAT-rate_Machine',
+
-  InvoiceVATRateTraining = 'invoice_VAT-rate_Training',
+export const socialNetworksSettings = [
-  InvoiceVATRateSpace = 'invoice_VAT-rate_Space',
+  'facebook',
-  InvoiceVATRateEvent = 'invoice_VAT-rate_Event',
+  'twitter',
-  InvoiceVATRateSubscription = 'invoice_VAT-rate_Subscription',
+  'viadeo',
-  InvoiceText = 'invoice_text',
+  'linkedin',
-  InvoiceLegals = 'invoice_legals',
+  'instagram',
-  BookingWindowStart = 'booking_window_start',
+  'youtube',
-  BookingWindowEnd = 'booking_window_end',
+  'vimeo',
-  BookingMoveEnable = 'booking_move_enable',
+  'dailymotion',
-  BookingMoveDelay = 'booking_move_delay',
+  'github',
-  BookingCancelEnable = 'booking_cancel_enable',
+  'echosciences',
-  BookingCancelDelay = 'booking_cancel_delay',
+  'pinterest',
-  MainColor = 'main_color',
+  'lastfm',
-  SecondaryColor = 'secondary_color',
+  'flickr'
-  FablabName = 'fablab_name',
+];
-  NameGenre = 'name_genre',
+
-  ReminderEnable = 'reminder_enable',
+export const messagesSettings = [
-  ReminderDelay = 'reminder_delay',
+  'machine_explications_alert',
-  EventExplicationsAlert = 'event_explications_alert',
+  'training_explications_alert',
-  SpaceExplicationsAlert = 'space_explications_alert',
+  'training_information_message',
-  VisibilityYearly = 'visibility_yearly',
+  'subscription_explications_alert',
-  VisibilityOthers = 'visibility_others',
+  'event_explications_alert',
-  DisplayNameEnable = 'display_name_enable',
+  'space_explications_alert'
-  MachinesSortBy = 'machines_sort_by',
+];
-  AccountingJournalCode = 'accounting_journal_code',
+
-  AccountingCardClientCode = 'accounting_card_client_code',
+export const invoicesSettings = [
-  AccountingCardClientLabel = 'accounting_card_client_label',
+  'invoice_logo',
-  AccountingWalletClientCode = 'accounting_wallet_client_code',
+  'invoice_reference',
-  AccountingWalletClientLabel = 'accounting_wallet_client_label',
+  'invoice_code-active',
-  AccountingOtherClientCode = 'accounting_other_client_code',
+  'invoice_code-value',
-  AccountingOtherClientLabel = 'accounting_other_client_label',
+  'invoice_order-nb',
-  AccountingWalletCode = 'accounting_wallet_code',
+  'invoice_VAT-active',
-  AccountingWalletLabel = 'accounting_wallet_label',
+  'invoice_VAT-rate',
-  AccountingVATCode = 'accounting_VAT_code',
+  'invoice_VAT-rate_Machine',
-  AccountingVATLabel = 'accounting_VAT_label',
+  'invoice_VAT-rate_Training',
-  AccountingSubscriptionCode = 'accounting_subscription_code',
+  'invoice_VAT-rate_Space',
-  AccountingSubscriptionLabel = 'accounting_subscription_label',
+  'invoice_VAT-rate_Event',
-  AccountingMachineCode = 'accounting_Machine_code',
+  'invoice_VAT-rate_Subscription',
-  AccountingMachineLabel = 'accounting_Machine_label',
+  'invoice_text',
-  AccountingTrainingCode = 'accounting_Training_code',
+  'invoice_legals',
-  AccountingTrainingLabel = 'accounting_Training_label',
+  'invoice_prefix',
-  AccountingEventCode = 'accounting_Event_code',
+  'payment_schedule_prefix'
-  AccountingEventLabel = 'accounting_Event_label',
+];
-  AccountingSpaceCode = 'accounting_Space_code',
+
-  AccountingSpaceLabel = 'accounting_Space_label',
+export const bookingSettings = [
-  HubLastVersion = 'hub_last_version',
+  'booking_window_start',
-  HubPublicKey = 'hub_public_key',
+  'booking_window_end',
-  FabAnalytics = 'fab_analytics',
+  'booking_move_enable',
-  LinkName = 'link_name',
+  'booking_move_delay',
-  HomeContent = 'home_content',
+  'booking_cancel_enable',
-  HomeCss = 'home_css',
+  'booking_cancel_delay',
-  Origin = 'origin',
+  'reminder_enable',
-  Uuid = 'uuid',
+  'reminder_delay',
-  PhoneRequired = 'phone_required',
+  'visibility_yearly',
-  TrackingId = 'tracking_id',
+  'visibility_others',
-  BookOverlappingSlots = 'book_overlapping_slots',
+  'display_name_enable',
-  SlotDuration = 'slot_duration',
+  'book_overlapping_slots',
-  EventsInCalendar = 'events_in_calendar',
+  'slot_duration',
-  SpacesModule = 'spaces_module',
+  'overlapping_categories'
-  PlansModule = 'plans_module',
+];
-  InvoicingModule = 'invoicing_module',
+
-  FacebookAppId = 'facebook_app_id',
+export const themeSettings = [
-  TwitterAnalytics = 'twitter_analytics',
+  'main_color',
-  RecaptchaSiteKey = 'recaptcha_site_key',
+  'secondary_color'
-  RecaptchaSecretKey = 'recaptcha_secret_key',
+];
-  FeatureTourDisplay = 'feature_tour_display',
+
-  EmailFrom = 'email_from',
+export const titleSettings = [
-  DisqusShortname = 'disqus_shortname',
+  'fablab_name',
-  AllowedCadExtensions = 'allowed_cad_extensions',
+  'name_genre'
-  AllowedCadMimeTypes = 'allowed_cad_mime_types',
+];
-  OpenlabAppId = 'openlab_app_id',
+
-  OpenlabAppSecret = 'openlab_app_secret',
+export const accountingSettings = [
-  OpenlabDefault = 'openlab_default',
+  'accounting_journal_code',
-  OnlinePaymentModule = 'online_payment_module',
+  'accounting_card_client_code',
-  StripePublicKey = 'stripe_public_key',
+  'accounting_card_client_label',
-  StripeSecretKey = 'stripe_secret_key',
+  'accounting_wallet_client_code',
-  StripeCurrency = 'stripe_currency',
+  'accounting_wallet_client_label',
-  InvoicePrefix = 'invoice_prefix',
+  'accounting_other_client_code',
-  ConfirmationRequired = 'confirmation_required',
+  'accounting_other_client_label',
-  WalletModule = 'wallet_module',
+  'accounting_wallet_code',
-  StatisticsModule = 'statistics_module',
+  'accounting_wallet_label',
-  UpcomingEventsShown = 'upcoming_events_shown',
+  'accounting_VAT_code',
-  PaymentSchedulePrefix = 'payment_schedule_prefix',
+  'accounting_VAT_label',
-  TrainingsModule = 'trainings_module',
+  'accounting_subscription_code',
-  AddressRequired = 'address_required',
+  'accounting_subscription_label',
-  PaymentGateway = 'payment_gateway',
+  'accounting_Machine_code',
-  PayZenUsername = 'payzen_username',
+  'accounting_Machine_label',
-  PayZenPassword = 'payzen_password',
+  'accounting_Training_code',
-  PayZenEndpoint = 'payzen_endpoint',
+  'accounting_Training_label',
-  PayZenPublicKey = 'payzen_public_key',
+  'accounting_Event_code',
-  PayZenHmacKey = 'payzen_hmac',
+  'accounting_Event_label',
-  PayZenCurrency = 'payzen_currency',
+  'accounting_Space_code',
-  PublicAgendaModule = 'public_agenda_module',
+  'accounting_Space_label'
-  RenewPackThreshold = 'renew_pack_threshold',
+];
-  PackOnlyForSubscription = 'pack_only_for_subscription',
+
-  OverlappingCategories = 'overlapping_categories',
+export const modulesSettings = [
-  ExtendedPricesInSameDay = 'extended_prices_in_same_day',
+  'spaces_module',
-  PublicRegistrations = 'public_registrations',
+  'plans_module',
-  SocialsFacebook = 'facebook',
+  'wallet_module',
-  SocialsTwitter = 'twitter',
+  'statistics_module',
-  SocialsViadeo = 'viadeo',
+  'trainings_module',
-  SocialsLinkedin = 'linkedin',
+  'machines_module',
-  SocialsInstagram = 'instagram',
+  'online_payment_module',
-  SocialsYoutube = 'youtube',
+  'public_agenda_module',
-  SocialsVimeo = 'vimeo',
+  'invoicing_module'
-  SocialsDailymotion = 'dailymotion',
+];
-  SocialsGithub = 'github',
+
-  SocialsEchosciences = 'echosciences',
+export const stripeSettings = [
-  SocialsPinterest = 'pinterest',
+  'stripe_public_key',
-  SocialsLastfm = 'lastfm',
+  'stripe_secret_key',
-  SocialsFlickr = 'flickr',
+  'stripe_currency'
-  MachinesModule = 'machines_module',
+];
-  UserChangeGroup = 'user_change_group',
+
-  UserValidationRequired = 'user_validation_required',
+export const payzenSettings = [
-  UserValidationRequiredList = 'user_validation_required_list',
+  'payzen_username',
-  ShowUsernameInAdminList = 'show_username_in_admin_list'
+  'payzen_password',
-}
+  'payzen_endpoint',
+  'payzen_public_key',
+  'payzen_hmac',
+  'payzen_currency'
+];
+
+export const openLabSettings = [
+  'openlab_app_id',
+  'openlab_app_secret',
+  'openlab_default'
+];
+
+export const accountSettings = [
+  'phone_required',
+  'confirmation_required',
+  'address_required',
+  'user_change_group',
+  'user_validation_required',
+  'user_validation_required_list'
+];
+
+export const analyticsSettings = [
+  'tracking_id',
+  'facebook_app_id',
+  'twitter_analytics'
+];
+
+export const fabHubSettings = [
+  'hub_last_version',
+  'hub_public_key',
+  'fab_analytics',
+  'origin',
+  'uuid'
+];
+
+export const projectsSettings = [
+  'allowed_cad_extensions',
+  'allowed_cad_mime_types',
+  'disqus_shortname'
+];
+
+export const prepaidPacksSettings = [
+  'renew_pack_threshold',
+  'pack_only_for_subscription'
+];
+
+export const registrationSettings = [
+  'public_registrations',
+  'recaptcha_site_key',
+  'recaptcha_secret_key'
+];
+
+export const adminSettings = [
+  'feature_tour_display',
+  'show_username_in_admin_list'
+];
+
+export const pricingSettings = [
+  'extended_prices_in_same_day'
+];
+
+export const poymentSettings = [
+  'payment_gateway'
+];
+
+export const displaySettings = [
+  'machines_sort_by',
+  'events_in_calendar',
+  'email_from'
+];
+
+export const allSettings = [
+  ...homePageSettings,
+  ...privacyPolicySettings,
+  ...aboutPageSettings,
+  ...socialNetworksSettings,
+  ...messagesSettings,
+  ...invoicesSettings,
+  ...bookingSettings,
+  ...themeSettings,
+  ...titleSettings,
+  ...accountingSettings,
+  ...modulesSettings,
+  ...stripeSettings,
+  ...payzenSettings,
+  ...openLabSettings,
+  ...accountSettings,
+  ...analyticsSettings,
+  ...fabHubSettings,
+  ...projectsSettings,
+  ...prepaidPacksSettings,
+  ...registrationSettings,
+  ...adminSettings,
+  ...pricingSettings,
+  ...poymentSettings,
+  ...displaySettings
+] as const;
+
+export type SettingName = typeof allSettings[number];
 
 export type SettingValue = string|boolean|number;
 
@@ -153,7 +251,7 @@ export interface Setting {
 export interface SettingError {
   error: string,
   id: number,
-  name: string
+  name: SettingName
 }
 
 export interface SettingBulkResult {