Componente

Introducción

Este componente renderizará un botón el cual redirigirá a una página de checkout de Stripe. La misma se compone de un sólo componente de renderizado stripe-checkout. Este componente sólo se podrá utilizar en BfluiD.

Uso

El componente espera recibir un arreglo de items a pagar, con la siguiente estructura:

  [
    {
      "price": "id_precio",
      "quantity": 1
    }
  ]

Propiedades

Propiedad	Tipo	Default	Requerido	Descripción
align	String	start	false	Tiene tres posibles valores: start center end. Determina si el componente se rederiza a la izquierda, en el centro o a la derecha de su contenedor.
publishableKey	String		true	Clave pública de la cuenta de Strapi en la cual se realiza la facturación.
mode	String	subscription	false	Tipo de cobro que se realiza. Sus posibles valores dependen del tipo de producto. Inicie sesión en su cuenta de Stripe para ver estas opciones.
color	String	#000000	false	Determina el color del botón.
text	String	Upgrade suscription	false	Texto que se mostrará dentro del botón.
successURL	String		true	URL a la cual se redireccionará al finalizar el pago correctamente.
cancelURL	String		true	URL a la cual se redireccionará al cancelar el pago.
clientId	String	``	false	Id de usuario perteneciente a Strapi. Se utilizará para asignarle el pago al cliente indicado. En caso de no indicar uno, se crea uno nuevo.
noItemsErrorMessage	String	Sorry, there is no subscription to pay.	false	Texto que se mostrará en caso de que el usuario haga click en el botón pero no haya items para cobrar.
lineItems	Array	[]	true	Items que se cobrarán.
errorCheckout	String	Sorry, there was a problem preparing the checkout. Please, try again.	false	Mensaje de error cuando no se pudo realizar el checkout.

Estructura de lineItems

Propiedad	Tipo	Default	Requerido	Descripción
price	String		true	Id de precio correspondiente al producto que se quiere cobrar.
quantity	Number		true	Determina la cantidad de items que se cobrará.