conexys-elements 1.1.23 → 1.1.26

package/dist/components/AppFormFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppFormFields.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFields.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAOzE,OAAO,KAAK,EAIV,kBAAkB,EACnB,MAAM,yCAAyC,CAAC;AAuBjD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,eAAe,EACf,EAAE,EACF,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,MAAe,EACf,iBAAyB,GAC1B,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuK/C"}
+{"version":3,"file":"AppFormFields.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFields.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAOzE,OAAO,KAAK,EAIV,kBAAkB,EACnB,MAAM,yCAAyC,CAAC;AAuBjD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,eAAe,EACf,EAAE,EACF,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,MAAe,EACf,iBAAyB,GAC1B,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAyK/C"}

package/dist/components/AppFormFieldsFromConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppFormFieldsFromConfig.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFieldsFromConfig.tsx"],"names":[],"mappings":"AASA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAGV,4BAA4B,EAC7B,MAAM,mDAAmD,CAAC;AAsB3D,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EAAE,kBAAkB,EAC9B,iBAAiB,EAAE,yBAAyB,EAC5C,MAAW,EACX,aAAkB,EAClB,YAAiB,EACjB,eAAoB,EACpB,EAAO,EACP,QAAa,EACb,QAAa,EACb,SAAc,EACd,IAAS,EACT,eAAe,EACf,SAAS,EACT,SAA0B,EAC1B,gBAAoB,EACpB,MAAM,EACN,CAAC,EAAE,mBAAmB,EACtB,WAAoB,EACpB,MAAe,EACf,aAAsB,GACvB,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiHzD"}
+{"version":3,"file":"AppFormFieldsFromConfig.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFieldsFromConfig.tsx"],"names":[],"mappings":"AASA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAGV,4BAA4B,EAC7B,MAAM,mDAAmD,CAAC;AAsB3D,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EAAE,kBAAkB,EAC9B,iBAAiB,EAAE,yBAAyB,EAC5C,MAAW,EACX,aAAkB,EAClB,YAAiB,EACjB,eAAoB,EACpB,EAAO,EACP,QAAa,EACb,QAAa,EACb,SAAc,EACd,IAAS,EACT,eAAe,EACf,SAAS,EACT,SAA0B,EAC1B,gBAAoB,EACpB,MAAM,EACN,CAAC,EAAE,mBAAmB,EACtB,WAAoB,EACpB,MAAe,EACf,aAAsB,GACvB,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkHzD"}

package/dist/components/AppFormFieldsNoUser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppFormFieldsNoUser.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFieldsNoUser.tsx"],"names":[],"mappings":"AASA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAIV,wBAAwB,EACzB,MAAM,+CAA+C,CAAC;AASvD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA2IrD"}
+{"version":3,"file":"AppFormFieldsNoUser.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFieldsNoUser.tsx"],"names":[],"mappings":"AASA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAIV,wBAAwB,EACzB,MAAM,+CAA+C,CAAC;AASvD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6IrD"}

package/dist/components/AppFormFieldsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppFormFieldsTable.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFieldsTable.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAQzE,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,8CAA8C,CAAC;AA6BtD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,aAAa,EACb,YAAY,EACZ,eAAe,EACf,EAAE,EACF,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,WAAW,GACZ,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8PpD"}
+{"version":3,"file":"AppFormFieldsTable.d.ts","sourceRoot":"","sources":["../../src/components/AppFormFieldsTable.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAQzE,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,8CAA8C,CAAC;AA6BtD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,aAAa,EACb,YAAY,EACZ,eAAe,EACf,EAAE,EACF,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,WAAW,GACZ,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgQpD"}

package/dist/components/form/components/FormLogin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormLogin.d.ts","sourceRoot":"","sources":["../../../../src/components/form/components/FormLogin.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,sCAAsC,CAAC;AAU9C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6QvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormLogin.d.ts","sourceRoot":"","sources":["../../../../src/components/form/components/FormLogin.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,sCAAsC,CAAC;AAU9C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0TvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/form/components/InputPassword.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/form/components/InputPassword.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EACV,kBAAkB,EAEnB,MAAM,sCAAsC,CAAC;AAkB9C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiO/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/form/components/InputPassword.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,KAAK,EACV,kBAAkB,EAEnB,MAAM,sCAAsC,CAAC;AAkB9C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwS/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/form/components/InputText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/components/form/components/InputText.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,sCAAsC,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2MvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/components/form/components/InputText.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAUrD,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,sCAAsC,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoOvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/index.esm.js

@@ -40,8 +40,11 @@ import Checkboxmui from '@mui/material/Checkbox';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import { useForm } from 'react-hook-form';
 import Button$3 from '@mui/material/Button';
+import Visibility from '@mui/icons-material/Visibility';
+import VisibilityOff from '@mui/icons-material/VisibilityOff';
 import TextField from '@mui/material/TextField';
 import InputLabel from '@mui/material/InputLabel';
+import InputAdornment from '@mui/material/InputAdornment';
 import JoditEditor from 'jodit-react';
 import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
@@ -4168,6 +4171,7 @@ function AppFormFields({
       maxLength: block.maxlength,
       pattern: block.pattern
     },
+    showPasswordToggle: block.showPasswordToggle,
     items: block.items
   }, 'form')), additionalfields1.content.body.map(block => RenderForm({
     component: block.component,
@@ -4191,6 +4195,7 @@ function AppFormFields({
       maxLength: block.maxlength,
       pattern: block.pattern
     },
+    showPasswordToggle: block.showPasswordToggle,
     items: block.items
   }, 'form')), children);
 }
@@ -4265,6 +4270,7 @@ function AppFormFieldsFromConfig({
       maxLength: block.maxlength || block.validate && block.validate.maxLength,
       pattern: block.pattern || block.validate && block.validate.pattern
     },
+    showPasswordToggle: block.showPasswordToggle,
     items: block.items || []
   }, nouser || 'user')));
 }
@@ -4624,6 +4630,7 @@ function AppFormFieldsNoUser({
       maxLength: block.maxlength,
       pattern: block.pattern
     },
+    showPasswordToggle: block.showPasswordToggle,
     items: block.items
   }, 'nouser')), additionalfields1.content.body.map(block => RenderForm({
     component: block.component,
@@ -4647,6 +4654,7 @@ function AppFormFieldsNoUser({
       maxLength: block.maxlength,
       pattern: block.pattern
     },
+    showPasswordToggle: block.showPasswordToggle,
     items: block.items
   }, 'nouser')), children);
 }
@@ -4800,6 +4808,7 @@ function AppFormFieldsTable({
       maxLength: block.maxlength || block.validate && block.validate.maxLength,
       pattern: block.pattern || block.validate && block.validate.pattern
     },
+    showPasswordToggle: block.showPasswordToggle,
     items: block.items || [],
     itemID: id1,
     adminCheck: show === 'admin'
@@ -4831,6 +4840,7 @@ function AppFormFieldsTable({
       maxLength: block.maxlength || block.validate && block.validate.maxLength,
       pattern: block.pattern || block.validate && block.validate.pattern
     },
+    showPasswordToggle: block.showPasswordToggle,
     items: block.items || [],
     itemID: id1,
     adminCheck: show === 'admin'
@@ -10292,6 +10302,11 @@ const FormLogin = ({
   const [trigger1, setTrigger1] = useState(0);
   const [trigger2, setTrigger2] = useState(0);
   const [isChecked, setIsChecked] = useState(false);
+  const showToggle = block.showPasswordToggle === true;
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmation, setShowConfirmation] = useState(false);
+  const handleTogglePassword = () => setShowPassword(v => !v);
+  const handleToggleConfirmation = () => setShowConfirmation(v => !v);
   const handleChange = () => {
     setIsChecked(current => !current);
   };
@@ -10340,7 +10355,7 @@ const FormLogin = ({
     }, block.label)), /*#__PURE__*/React__default.createElement("div", {
       className: "input-group"
     }, /*#__PURE__*/React__default.createElement("input", {
-      type: block.type,
+      type: showToggle && showPassword ? 'text' : block.type,
       value: block.value || '',
       name: block.name,
       onChange: block.onChange,
@@ -10350,7 +10365,13 @@ const FormLogin = ({
       className: "input-group-text"
     }, /*#__PURE__*/React__default.createElement("i", {
       className: "bx bx-lock text-4"
-    }))), /*#__PURE__*/React__default.createElement(NavLink, {
+    })), showToggle && (/*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "input-group-text password-toggle-btn",
+      onClick: handleTogglePassword,
+      "aria-label": t('System.show_password'),
+      tabIndex: -1
+    }, showPassword ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null)))), /*#__PURE__*/React__default.createElement(NavLink, {
       to: forgot_passworddir,
       className: "float-end"
     }, t('login.recover_password')));
@@ -10454,15 +10475,23 @@ const FormLogin = ({
       className: "col-sm-6 mb-3"
     }, /*#__PURE__*/React__default.createElement("label", null, labels[1]), /*#__PURE__*/React__default.createElement("span", {
       className: "required"
-    }, "*"), /*#__PURE__*/React__default.createElement("input", {
+    }, "*"), /*#__PURE__*/React__default.createElement("div", {
+      className: "input-group"
+    }, /*#__PURE__*/React__default.createElement("input", {
       id: ids[1],
-      type: "password",
+      type: showToggle && showPassword ? 'text' : 'password',
       className: errors.password ? 'form-control form-control-lg is-invalid' : 'form-control form-control-lg',
       ...register('password', {
         required: true,
         minLength: 5
       })
-    }), errors.password?.type === 'required' && (/*#__PURE__*/React__default.createElement("em", {
+    }), showToggle && (/*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "input-group-text password-toggle-btn",
+      onClick: handleTogglePassword,
+      "aria-label": t('System.show_password'),
+      tabIndex: -1
+    }, showPassword ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null)))), errors.password?.type === 'required' && (/*#__PURE__*/React__default.createElement("em", {
       className: "error invalid-feedback"
     }, t('error.please_enter_password'))), errors.password?.type === 'minLength' && (/*#__PURE__*/React__default.createElement("em", {
       className: "error invalid-feedback"
@@ -10470,16 +10499,24 @@ const FormLogin = ({
       className: "col-sm-6 mb-3"
     }, /*#__PURE__*/React__default.createElement("label", null, labels[2]), /*#__PURE__*/React__default.createElement("span", {
       className: "required"
-    }, "*"), /*#__PURE__*/React__default.createElement("input", {
+    }, "*"), /*#__PURE__*/React__default.createElement("div", {
+      className: "input-group"
+    }, /*#__PURE__*/React__default.createElement("input", {
       id: ids[2],
-      type: "password",
+      type: showToggle && showConfirmation ? 'text' : 'password',
       className: errors.password_confirmation ? 'form-control form-control-lg is-invalid' : 'form-control form-control-lg',
       ...register('password_confirmation', {
         required: true,
         minLength: 5,
         validate: value => value === password.current || t('error.passwords_do_not_match')
       })
-    }), errors.password_confirmation?.type === 'required' && (/*#__PURE__*/React__default.createElement("em", {
+    }), showToggle && (/*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "input-group-text password-toggle-btn",
+      onClick: handleToggleConfirmation,
+      "aria-label": t('System.show_password'),
+      tabIndex: -1
+    }, showConfirmation ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null)))), errors.password_confirmation?.type === 'required' && (/*#__PURE__*/React__default.createElement("em", {
       className: "error invalid-feedback"
     }, t('error.repeat_password'))), errors.password_confirmation?.type === 'minLength' && (/*#__PURE__*/React__default.createElement("em", {
       className: "error invalid-feedback"
@@ -10763,6 +10800,11 @@ const InputPassword = ({
   inParagraph = false
 }) => {
   const [t] = useTranslation('global');
+  const showToggle = block.showPasswordToggle === true;
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmation, setShowConfirmation] = useState(false);
+  const handleTogglePassword = () => setShowPassword(v => !v);
+  const handleToggleConfirmation = () => setShowConfirmation(v => !v);
   const {
     register,
     formState: {
@@ -10796,7 +10838,7 @@ const InputPassword = ({
     }, block.label, block.validate.required && /*#__PURE__*/React__default.createElement("span", {
       className: "required"
     }, "*")), /*#__PURE__*/React__default.createElement("input", {
-      type: "password",
+      type: showToggle && showPassword ? 'text' : 'password',
       id: block.id,
       className: errors.password ? `${block.className} is-invalid` : block.className,
       ...register(block.name, {
@@ -10805,7 +10847,13 @@ const InputPassword = ({
         maxLength: block.validate.maxLength
       }),
       required: true
-    }), errors.password && (/*#__PURE__*/React__default.createElement("span", {
+    }), showToggle && (/*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "password-toggle-btn",
+      onClick: handleTogglePassword,
+      "aria-label": t('System.show_password'),
+      tabIndex: -1
+    }, showPassword ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null))), errors.password && (/*#__PURE__*/React__default.createElement("span", {
       className: "error invalid-feedback"
     }, errors.password.type === 'required' && t('error.please_enter_password'), errors.password.type === 'minLength' && `${t('error.password_minimum')} ${block.validate.minLength} ${t('characters')}`, errors.password.type === 'maxLength' && `${t('error.password_maximum')} ${block.validate.maxLength} ${t('characters')}`)))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InputLabel, {
       htmlFor: block.id
@@ -10815,7 +10863,7 @@ const InputPassword = ({
       hiddenLabel: true,
       size: "small",
       id: block.id,
-      type: "password",
+      type: showToggle && showPassword ? 'text' : 'password',
       value: resetvalue,
       className: errors.password ? `${block.className} is-invalid` : block.className,
       ...register(block.name, {
@@ -10823,7 +10871,19 @@ const InputPassword = ({
         minLength: block.validate.minLength,
         maxLength: block.validate.maxLength
       }),
-      required: true
+      required: true,
+      slotProps: showToggle ? {
+        input: {
+          endAdornment: (/*#__PURE__*/React__default.createElement(InputAdornment, {
+            position: "end"
+          }, /*#__PURE__*/React__default.createElement(IconButton, {
+            "aria-label": t('System.show_password'),
+            onClick: handleTogglePassword,
+            edge: "end",
+            tabIndex: -1
+          }, showPassword ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null))))
+        }
+      } : undefined
     }), errors.password?.type === 'required' && (/*#__PURE__*/React__default.createElement("em", {
       className: "error invalid-feedback"
     }, t('error.please_enter_password'))), errors.password?.type === 'minLength' && (/*#__PURE__*/React__default.createElement("em", {
@@ -10837,7 +10897,7 @@ const InputPassword = ({
     }, t('System.repeat'), " ", block.label, block.validate.required && /*#__PURE__*/React__default.createElement("span", {
       className: "required"
     }, "*")), /*#__PURE__*/React__default.createElement("input", {
-      type: "password",
+      type: showToggle && showConfirmation ? 'text' : 'password',
       id: block.id + 100,
       className: errors.password_confirmation ? `${block.className} is-invalid` : block.className,
       ...register(`${block.name}_confirmation`, {
@@ -10847,7 +10907,13 @@ const InputPassword = ({
         validate: value => value === password.current || t('error.passwords_do_not_match')
       }),
       required: true
-    }), errors.password_confirmation && (/*#__PURE__*/React__default.createElement("span", {
+    }), showToggle && (/*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "password-toggle-btn",
+      onClick: handleToggleConfirmation,
+      "aria-label": t('System.show_password'),
+      tabIndex: -1
+    }, showConfirmation ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null))), errors.password_confirmation && (/*#__PURE__*/React__default.createElement("span", {
       className: "error invalid-feedback"
     }, errors.password_confirmation.type === 'required' && t('error.repeat_password'), errors.password_confirmation.type === 'minLength' && `${t('error.password_minimum')} ${block.validate.minLength} ${t('characters')}`, errors.password_confirmation.type === 'maxLength' && `${t('error.password_maximum')} ${block.validate.maxLength} ${t('characters')}`, errors.password_confirmation.type === 'validate' && t('error.password_not_match'))))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InputLabel, {
       htmlFor: block.id + 100
@@ -10857,7 +10923,7 @@ const InputPassword = ({
       hiddenLabel: true,
       size: "small",
       id: block.id + 100,
-      type: "password",
+      type: showToggle && showConfirmation ? 'text' : 'password',
       value: resetvalue,
       className: errors.password_confirmation ? `${block.className} is-invalid` : block.className,
       ...register(`${block.name}_confirmation`, {
@@ -10866,7 +10932,19 @@ const InputPassword = ({
         maxLength: block.validate.maxLength,
         validate: value => value === password.current || t('error.passwords_do_not_match')
       }),
-      required: true
+      required: true,
+      slotProps: showToggle ? {
+        input: {
+          endAdornment: (/*#__PURE__*/React__default.createElement(InputAdornment, {
+            position: "end"
+          }, /*#__PURE__*/React__default.createElement(IconButton, {
+            "aria-label": t('System.show_password'),
+            onClick: handleToggleConfirmation,
+            edge: "end",
+            tabIndex: -1
+          }, showConfirmation ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null))))
+        }
+      } : undefined
     }), errors.password_confirmation?.type === 'required' && (/*#__PURE__*/React__default.createElement("em", {
       className: "error invalid-feedback"
     }, t('error.repeat_password'))), errors.password_confirmation?.type === 'minLength' && (/*#__PURE__*/React__default.createElement("em", {
@@ -11019,6 +11097,9 @@ const InputText = /*#__PURE__*/React__default.memo(({
   const [t] = useTranslation('global');
   const [errors, setError] = useState(false);
   const [texterror, setTextError] = useState('');
+  const showToggle = block.showPasswordToggle === true;
+  const [showPassword, setShowPassword] = useState(false);
+  const handleTogglePassword = () => setShowPassword(v => !v);
   const handleInputBlur = useCallback(async event => {
     const session = authStorage.getSessionId(configLogs) || '';
     const value = event.target.value;
@@ -11110,14 +11191,26 @@ const InputText = /*#__PURE__*/React__default.memo(({
     size: "small",
     name: block.name,
     id: block.id,
-    type: block.type,
+    type: showToggle && showPassword ? 'text' : block.type,
     placeholder: block.placeholder,
     value: block.value || '',
     onChange: block.onChange,
     onBlur: handleInputBlur,
     autoComplete: block.autocomplete,
     className: errors ? `${block.className} is-invalid` : block.className,
-    required: block.validate.required
+    required: block.validate.required,
+    slotProps: showToggle ? {
+      input: {
+        endAdornment: (/*#__PURE__*/React__default.createElement(InputAdornment, {
+          position: "end"
+        }, /*#__PURE__*/React__default.createElement(IconButton, {
+          "aria-label": t('System.show_password'),
+          onClick: handleTogglePassword,
+          edge: "end",
+          tabIndex: -1
+        }, showPassword ? /*#__PURE__*/React__default.createElement(VisibilityOff, null) : /*#__PURE__*/React__default.createElement(Visibility, null))))
+      }
+    } : undefined
   }));
   if (block.style === 'login') {
     return /*#__PURE__*/React__default.createElement("div", {