bloque-payments-sdk-ts

Integración del SDK de pagos de Bloque en TypeScript/JavaScript. Úsala cuando debas crear checkouts, procesar pagos con @bloque/payments, verificar webhooks o embeber el checkout con @bloque/payments-core o @bloque/payments-react.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "bloque-payments-sdk-ts" with this command: npx skills add bloque-app/skills/bloque-app-skills-bloque-payments-sdk-ts

Bloque Payments SDK TS

Implementa integraciones de pago con los paquetes @bloque/payments, @bloque/payments-core y @bloque/payments-react.

Flujo recomendado

  1. Crear checkout en backend con @bloque/payments.
  2. Entregar checkoutId al frontend.
  3. Montar checkout hosted con @bloque/payments-core o @bloque/payments-react.
  4. Verificar webhooks en backend antes de procesar eventos.

Reglas de implementación

  • Usar accessToken al inicializar new Bloque(...).
  • Tratar el SDK de @bloque/payments como backend-only.
  • Verificar firma HMAC-SHA256 de webhooks con bloque.webhooks.verify(...).
  • En frontend, usar publicApiKey (no accessToken).
  • Mantener mode consistente entre backend y frontend (sandbox o production).

Selección rápida de paquete

  • Backend API de pagos: @bloque/payments
  • Iframe hosted checkout (vanilla JS/TS): @bloque/payments-core
  • Componente React para hosted checkout: @bloque/payments-react

Referencias

  • references/quick-start.md: Arranque rápido backend + frontend.
  • references/api-reference.md: Métodos, tipos y payloads principales.
  • references/implementation-notes.md: Diferencias detectadas entre README y código fuente, con guardrails de uso.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

bloque-sdk-ts

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Repository SourceNeeds Review
161.3K94.2Kanthropics
Coding

remotion-best-practices

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

Repository SourceNeeds Review
148.5K2.1Kremotion-dev
Coding

azure-ai

Service Use When MCP Tools CLI

Repository SourceNeeds Review
136.7K155microsoft