fix: playground copy code uses proper callback names

Author: bassgeta

.env.example

@@ -7,4 +7,4 @@ NEXT_PUBLIC_DEMO_URL="https://calendly.com/mariana-rn/request-network-intro"
 NEXT_PUBLIC_INTEGRATION_URL="https://docs.request.network/building-blocks/templates/request-checkout"
 NEXT_PUBLIC_RN_API_CLIENT_ID="rn_f6mr53l2yfcdv4sych5adq7gez3avurq"
 NEXT_PUBLIC_REQUEST_API_URL="https://api.stage.request.network"
-NEXT_PUBLIC_EASY_INVOICE_URL=https://easyinvoice.request.network
+NEXT_PUBLIC_EASY_INVOICE_URL="https://easyinvoice.request.network"

src/components/Playground/index.tsx

@@ -142,12 +142,15 @@ export const Playground = () => {
   paymentConfig={${formatObject(cleanedPaymentConfig, 2)}}${formValues.uiConfig ? `
   uiConfig={${formatObject(formValues.uiConfig, 2)}}` : ''}
   receiptInfo={${formatObject(cleanedreceiptInfo, 2)}}
-  onSuccess={() => {
-    console.log('Payment successful');
+  onPaymentSuccess={(requestId) => {
+    console.log('Payment successful', requestId);
   }}
-  onError={(error) => {
+  onPaymentError={(error) => {
     console.error('Payment failed:', error);
   }}
+  onComplete={() => {
+    console.log('Payment process completed');
+  }}
 >
   {/* Custom button example */}
   <div className="px-8 py-2 bg-[#099C77] text-white rounded-lg hover:bg-[#087f63] transition-colors text-center">