Sterowanie widgetem

await window.PaymoveWidget.ready();

const widget = window.PaymoveWidget.get("checkout");
widget?.open();
widget?.close();
widget?.destroy();

• ready() czeka na widgety, które właśnie się uruchamiają. Widget z błędną konfiguracją nie blokuje pozostałych - ready() i tak się rozwiąże, a get() zwróci dla niego undefined.
• Metody update() nie ma. Konfiguracji nie zmienisz po starcie - usuń widget i wstaw skrypt na nowo.
• Skrypt używa atrybutu defer (albo async), więc window.PaymoveWidget może jeszcze nie istnieć, gdy wykonuje się Twój kod. Odwołuj się do niego dopiero w onload skryptu albo po DOMContentLoaded.

​

Własny przycisk

<script
  defer
  src="https://go.sandbox.paymove.io/v1/sdk.js"
  data-product-id="EVENT_PRODUCT_ID"
  data-widget-id="tickets"
></script>

<a href="/bilety" data-paymove-open="tickets">Kup bilety</a>
<button type="button" data-paymove-open="tickets">Kup bilety</button>

• Kliknięcie w link z data-paymove-open otwiera modal zamiast przejścia pod href. Ustaw w href stronę zapasową - zadziała, gdy skrypt się nie załaduje.
• Kliknięcie z wciśniętym Ctrl, Cmd, Shift albo Alt jest pomijane, więc „otwórz w nowej karcie” działa normalnie.
• Elementy z atrybutem disabled albo aria-disabled="true" są pomijane.
• Atrybut działa także na elementach wewnątrz Shadow DOM i na elementach dodanych do strony później.

<button type="button" data-paymove-open="tickets" disabled id="buy">Kup bilety</button>

<script>
  window.addEventListener("DOMContentLoaded", async () => {
    await window.PaymoveWidget?.ready();
    if (window.PaymoveWidget?.get("tickets")) {
      document.getElementById("buy").disabled = false;
    }
  });
</script>

document.querySelector("#buy").addEventListener("click", () => {
  window.PaymoveWidget?.get("tickets")?.open();
});

​

Zdarzenie paymove:completed

document.addEventListener("paymove:completed", (event) => {
  const { widgetId, productId, orderId } = event.detail;
  // np. odśwież listę faktur albo pokaż podziękowanie
});

• Zdarzenie przychodzi dopiero wtedy, gdy strona płatności potwierdzi płatność w API paymove i wyświetli ekran potwierdzenia.
• Dla jednej płatności przychodzi raz.
• Modal po płatności zostaje otwarty, żeby klient zobaczył potwierdzenie. Zamyka go przyciskiem „Zakończ”, ikoną zamknięcia, kliknięciem w tło albo klawiszem Esc.