How to use the @entando/utils.formattedText function in @entando/utils

}).catch(() => {
      dispatch(addToast(formattedText('fileBrowser.createFolderError', null, { path: values.path }), TOAST_ERROR));
    });
  })

onKeyDown={() => changeViewList('card')}
            onClick={() => changeViewList('card')}
          />
          <i tabindex="{-2}" role="button"> changeViewList('list')}
            onClick={() =&gt; changeViewList('list')}
          /&gt;
        
        <input placeholder="{formattedText('app.search')}" type="text">
      
      <div>
        {renderComponent(widgetList)}
      </div>
    
  );
};
</i>

.catch((res) => {
        const {
          errors,
          payload,
        } = res;
        if (payload && payload.status === DE_COMPONENT_INSTALLATION_STATUS_IN_PROGRESS) {
          dispatch(addToast(
            formattedText('digitalExchange.components.notifyInProgress'),
            TOAST_WARNING,
          ));
          dispatch(componentUninstallOngoingProgress(componentId));
        } else {
          dispatch(addToast(
            formattedText('digitalExchange.components.notifyFailedUninstall'),
            TOAST_WARNING,
          ));
          dispatch(componentUninstallFailed(componentId));
        }
        if (errors && errors.length) {
          dispatch(addErrors(errors.map(err => err.message)));
        }
        resolve(res);
      })
      .finally(() => resolve());

bsStyle="default"
                      onClick={this.toggleInfoTable}
                    >
                      <span>
                        
                        
                      </span>
                    
                  
                  
                    <a rel="noopener noreferrer" title="{formattedText('app.preview'," href="{previewUri}">
                      
                    </a>

renderRows() {
    const editUser = formattedText('app.edit');
    const authority = formattedText('group.action.manageAuthorization');
    const statusIconClass = status => (status === 'active' ? 'GroupDetailTabUsers__status-icon--active' : 'GroupDetailTabUsers__status-icon--disabled');

    return this.props.userReferences.map(item => (
      
        {item.profileAttributes.fullname || item.username}
        {item.lastLogin}
        
          <i>
        
        
          
            </i>

disabled={mode === EDIT_MODE}
            />
            {widgetTypeField}
            {pluginField}
          
        
      
      <hr>
      
        
          <fieldset>
            <div>
              <span>
              
                
                  
                    <div>
                      <div>
                        
                      </div>
                    </div>
                  
                  
                    {defaultGuiCodeField}
                  </span></div></fieldset>

<fieldset>
              }
                placeholder={formattedText('ServerConfigForm.name')}
                validate={[required]}
              /&gt;
            </fieldset>
            <fieldset>
              }
                placeholder={formattedText('ServerConfigForm.hostName')}
                validate={[required]}
              /&gt;
            </fieldset>

            <fieldset>
              }
                placeholder={formattedText('ServerConfigForm.schema')}
                validate={[required]}
              /&gt;
            </fieldset>
            <fieldset>
              </fieldset>

};

    let codeField = (
      
        }
        placeholder={formattedText('widget.page.create.code.placeholder')}
        validate={[required, widgetCode, maxLength30]}
      />
    );

    let defaultUITab = (
      
        {
          this.props.defaultUIField ? this.props.defaultUIField :
          
            
          
        }
      
    );

    if (this.props.mode === 'edit') {
      codeField = null;
    } else {
      defaultUITab = null;
    }

    return (

<option value=".txt">txt</option>
                      <option value=".css">css</option>
                    
                  
              : null
            }
        
        
          

            

          
        
        
          
            <button disabled="{invalid" type="submit">
              
            </button>

import { formattedText } from '@entando/utils';

export const PROFILE_FILTER_OPTIONS = [
  {
    id: 'all',
    label: formattedText('user.profile.all'),
  },
  {
    id: 'with',
    label: formattedText('user.profile.with'),
  },
  {
    id: 'without',
    label: formattedText('user.profile.without'),
  },
];
export const BOOLEAN_OPTIONS = [
  {
    id: 'true',
    label: formattedText('app.booleanOptions.true'),
  },
  {
    id: 'false',
    label: formattedText('app.booleanOptions.false'),
  },
];