Saltar al contenido principal

Stripe

Componente Principal​

  • Nombre: StripePayment
  • Código: stripe_payments

Funcionalidades​

  • Procesamiento de pagos con tarjeta de crédito/débito
  • Soporte para MSI (Meses Sin Intereses)
  • Validación en tiempo real de tarjetas
  • Tokenización segura de información de pago

Implementación​

Inicialización​

const StripePayment = ({
  title,
  code,
  amount,
  selected = false,
  onSelect = undefined
}) => {
  // Inicialización del componente
}

Procesamiento de Pago​

const processPayment = async () => {
  const payment = await stripe.createPaymentMethod({
    elements,
    params: {
      billing_details: {
        // Detalles de facturación
      }
    }
  });
}

Integración con Magento​

Establecer Método de Pago​

const setStripePaymentMethod = async (paymentMethodId: string) => {
  const input: SetPaymentMethodOnCartInput = {
    cart_id: cartId,
    payment_method: {
      code: PAYMENT_METHOD_STRIPE,
      stripe_payments: {
        payment_method_id: paymentMethodId
      }
    }
  };
  return await MagentoOrderService.setPaymentMethod(input);
}

Manejo de MSI​

const setStripeMSI = async (months: number) => {
  // Configuración de meses sin intereses
}

Comunicación con Backend​

  • La gestión de webhooks y eventos se realiza directamente en Magento
  • Las notificaciones de pagos, cargos y disputas son manejadas por el módulo de Stripe en Magento
  • El frontend solo se encarga de la captura inicial del pago y la tokenización de tarjetas

Variables de Configuración​

const STRIPE_PUBLIC_KEY = process.env.NEXT_PUBLIC_STRIPE_KEY
const STRIPE_OPTIONS = {
  locale: 'es',
  appearance: {
    theme: 'flat'
  }
}