LdapExplorer front end (#7683)

* Core changes to implement LdapExplorer UI input

* fix validation

* Fix validation of search input

* Fix ldap search input states

* Extract multiselect style to a separate file

* Move and cleanup ldap search UI files

* Fix linting errors

* Remove trailing ; in LdapSearchInput.vue

* Add npm requirements for latest node and webpack-dev-server

* Core changes to fetch attributes from an ldap server

* Add lodash javascript package for convenience functions it offers

* Extract value to select value conversion function

* Add a draggable component that has static buttons

* Differentiate ldap attribute fetching based on server type

* Revert changes to BaseRuleCondition.vue related to ldap

* Implement the core UI for ldap conditions

* Add UI for ldap attribute selector

* Debounce ldap search input

* Add loading prop to multiselectFacade.vue

* Fix minor issues with ldap condition UI

* Add error feature to ldap attribute selector UI

* Make LDAP attribute selector check connection based on form

* Use quiet requests in background ldap searches

* Add infrastructure to test the OpenLdap

* Add openLdap server attribute extraction logic

* Fix server parameter in LdapSearchInput.vue

* Fix initial value bug in the LdapSearchInput.vue

* Add not connected error to ldap value search

* Improve ldapMultiselectFacade to ignore options when no connection

* Adjust ldap search to parse array values

* Extract common ldap request function between ldap server clients

* Rename some ldap UI files and variables

* Fix eslint errors in ldap code

* Extract useLdapAttributes into composable

* Inject ldap condition only in ldap authentication sources

* Remove ldap condition from GoogleWorkspaceLDAP

* Add ldap selector to Edir conditions

* Fix a bug that sends form with int values if they are unmodified

By default the values are ints, but they get converted to string upon save/modification. This creates inconsistency to what the back end receives

* Add a common array for supported form types by ldap explorer

* Fix a bug where unsupported forms were trying to use ldap explorer

* Add a key for provided conditions component

* Filter out ldap options in packetfence conditions

* Add missing translations related to ldap explorer

* Add clone condition button in ldap conditions

* Change the ldap condition to be able to clone and append conditions

* Add badges to differentiate conditions by type

* Reformat and improve style of ldap explorer UI

* Extract ldap error to a separate component

* Show ldap error in all cases when connection fails

* force update semver to address syyk vulnerability

---------

Co-authored-by: Darren Satkunas <dsatkuna@akamai.com>

Makefile

@@ -88,7 +88,7 @@ configurations_hard:
 # server certs and keys
 # the | in the prerequisites ensure the target is not created if it already exists
 # see https://www.gnu.org/software/make/manual/make.html#Prerequisite-Types
-conf/ssl/server.pem: | conf/ssl/server.key conf/ssl/server.crt conf/ssl/server.pem 
+conf/ssl/server.pem: | conf/ssl/server.key conf/ssl/server.crt conf/ssl/server.pem
 	cat conf/ssl/server.crt conf/ssl/server.key > conf/ssl/server.pem
 
 conf/ssl/server.crt: | conf/ssl/server.crt

conf/I18N/api/en.po

@@ -16508,6 +16508,22 @@ msgstr ""
 msgid "Type to search results."
 msgstr ""
 
+#: html/pfappserver/root/src/views/Configuration/sources/_components/ldapCondition/MultiselectFacade.vue
+msgid "LDAP connection failed"
+msgstr ""
+
+#: html/pfappserver/root/src/views/Configuration/sources/_components/ldapCondition/MultiselectFacade.vue
+msgid "Make sure that you provided correct IP/credentials"
+msgstr ""
+
+#: html/pfappserver/root/src/views/Configuration/sources/_components/BaseRuleFormGroupLdapConditions.js
+msgid "Add LDAP Condition"
+msgstr ""
+
+#: html/pfappserver/root/src/views/Configuration/sources/_components/BaseRuleFormGroupLdapConditions.js
+msgid "Add Packetfence Condition"
+msgstr ""
+
 #: html/pfappserver/root/src/globals/pfField.js:153
 #: html/pfappserver/root/src/views/Configuration/radius/general/schema.js:5
 msgid "Types"

conf/I18N/api/fr.po

@@ -1,7 +1,7 @@
 # Copyright (C) Inverse inc.
 # English translations for PacketFence package.
 # This file is distributed under the same license as the PacketFence package.
-# 
+#
 # Translators:
 # GurVan, 2019
 # Maxime Andre <andmaxime+transifex@gmail.com>, 2019
@@ -14,7 +14,7 @@
 # lzammit <lzammit@inverse.ca>, 2022
 # jgoimard <jgoimard@inverse.ca>, 2022
 # Christopher <chuguet@inverse.ca>, 2023
-# 
+#
 msgid ""
 msgstr ""
 "Project-Id-Version: 12.2.0\n"
@@ -18620,6 +18620,22 @@ msgstr "Type à rechercher"
 msgid "Type to search results."
 msgstr "Tapez pour les résultats de la recherche."
 
+#: html/pfappserver/root/src/views/Configuration/sources/_components/ldapCondition/MultiselectFacade.vue
+msgid "LDAP connection failed"
+msgstr "La connexion LDAP a échoué"
+
+#: html/pfappserver/root/src/views/Configuration/sources/_components/ldapCondition/MultiselectFacade.vue
+msgid "Make sure that you provided correct IP/credentials"
+msgstr "Assurez-vous d'avoir fourni des informations d'identification et une adresse IP"
+
+#: html/pfappserver/root/src/views/Configuration/sources/_components/BaseRuleFormGroupLdapConditions.js
+msgid "Add LDAP Condition"
+msgstr "Ajouter une condition LDAP"
+
+#: html/pfappserver/root/src/views/Configuration/sources/_components/BaseRuleFormGroupLdapConditions.js
+msgid "Add Packetfence Condition"
+msgstr "Ajouter une condition Packetfence"
+
 #: html/pfappserver/root/src/globals/pfField.js:153
 #: html/pfappserver/root/src/views/Configuration/radius/general/schema.js:5
 msgid "Types"

html/pfappserver/root/.env

@@ -1,3 +1,3 @@
 VUE_APP_I18N_LOCALE=en
 VUE_APP_I18N_FALLBACK_LOCALE=en
-VUE_APP_DEBUG=false
+VUE_APP_DEBUG=false