اتمت التحقق من مدفوعاتك

import 'package:esaalat/esaalat.dart';

// sessionToken is created by your backend for this order; the amount is
// never chosen in the app.
EsaalatCheckoutButton(
  sessionToken: sessionToken,
  onVerified: (result) => markPaid(result.externalOrderId),
  onCancelled: (_) => setStatus('cancelled'),
)

import { EsaalatCheckoutButton } from "esaalat-react-native";

// The server fixes the amount and returns only the session token.
<EsaalatCheckoutButton
  sessionToken={sessionToken}
  onVerified={(result) => markPaid(result.externalOrderId)}
  onCancelled={() => setStatus("cancelled")}
/>

<!-- checkout.component.ts: schemas: [CUSTOM_ELEMENTS_SCHEMA] -->
<!-- main.ts: registerEsaalatCheckoutButton() from "esaalat" -->
<!-- sessionToken comes from your server; the amount never does. -->
<esaalat-checkout-button
  session-token="{{ sessionToken }}"
  (esaalat-verified)="onVerified($event.detail)"
  (esaalat-cancelled)="onCancelled()"
></esaalat-checkout-button>

[esaalat_pay amount="5000"]