Class: FormDecidir

.Components.Data.FormDecidir(url_decidirnon-null, public_api_keynon-null, actionnon-null, datanullable, targetopt, direction, offcanvas_classnullable, use_tokenopt, use_prev_tokenopt, use_spinneropt, inhabilitar_csopt)

new FormDecidir(url_decidirnon-null, public_api_keynon-null, actionnon-null, datanullable, targetopt, direction, offcanvas_classnullable, use_tokenopt, use_prev_tokenopt, use_spinneropt, inhabilitar_csopt)

Componente que renderiza un formulario especial para integrar Decidir. Todos los input dentro de Form deben contener la propiedad name con el identificador del campo

Parameters:
Name Type Attributes Default Description
url_decidir string

Url de la API de decidir

public_api_key string

Public key para acceder a los servicios

action string

Nombre de la operación de destino

data string <nullable>

Json string con datos que pueden agregarse al form para evitar inputs de tipo hidden

target NavigationTarget <optional>
"menu"

Destino del resultado

direction DirectionType

Dirección en la que va a mostrarse el menú

offcanvas_class string <nullable>

Clase css que se va a dar al menú

use_token BooleanString <optional>
"false"

Establece si se debe guardar el token que devuelve Orquesta, sirve para luego poder continuar el flujo con otro form, si es false no se guarda y el flujo termina

use_prev_token BooleanString <optional>
"true"

Establece si debe enviarse el token que está en memoria, sirve para continuar la ejecución de un flujo, si es false el token se envía null

use_spinner BooleanString <optional>
"true"

Establece si se muestra un spinner mientras se espera la respuesta del servidor

inhabilitar_cs BooleanString <optional>
"false"

Para inhabilitar el Servicio de Control de Fraude Cybersource

Source:
Example
<form_decidir 
  url_decidir="https://developers.decidir.com/api/v2" 
  public_api_key="e9cdb99fff374b5f91da4480c8dca741" 
  action="PagoDecidir" 
  target="menu" 
  direction="bottom" 
  offcanvas_class="rounded-m" 
  inhabilitar_cs="true"
> 
  <div class="menu-size" style="height:auto;" >
    <div class="content mt-0 mb-2">
      <div class="form-custom form-label form-icon">
        <i class="bi bi-check-circle font-13"></i>
        <select class="form-select rounded-xs" name="medioPago" value="{{opcionSeleccionada}}" aria-label="">
          <optgroup label="Medios de Pago">          
            {{opciones|OpcionCombo}}
          </optgroup>
        </select>
        <label for="medioPago" class="form-label-always-active color-highlight font-11">Medio de pago</label>
      </div>
      <div class="pb-3"></div>
      <div class="form-custom form-label form-icon">
        <i class="bi bi-hash font-14"></i>
        <input type="number" class="form-control rounded-xs" name="importe" placeholder="ingrese el monto"/>
        <label for="importe" class="form-label-always-active color-highlight font-11">Importe</label>
        <span class="font-10">( Moneda: $ ARG )</span>
      </div>
      <div class="pb-3"></div>
      <input 
        type="submit" 
        class="form-control rounded-xs btn btn-full gradient-highlight shadow-bg shadow-bg-s" 
        value="Depositar" 
        offcanvas_class="rounded-m"/>
    </div>
  </div>
</form_decidir>