Epic-Games Claim failed due to UI Change

[Flo7902]

Epic Games recently changed the UI for claiming their free games. It's not the same UI as the one that you have when you buy a game but instead a "This game is free" page.

Due to that, the script isn't working anymore.

[hubertuszimmer]

I think something like this should work:

diff --git a/epic-games.js b/epic-games.js
index 30de8d7..5df3a30 100644
--- a/epic-games.js
+++ b/epic-games.js
@@ -400,7 +400,8 @@ try {
       }
 
       // Playwright clicked before button was ready to handle event, https://github.com/vogler/free-games-claimer/issues/84#issuecomment-1474346591
-      await iframe.locator('button:has-text("Place Order"):not(:has(.payment-loading--loading))').click({ delay: 11 });
+      // Epic renamed "Place Order" to "Add to library" (same checkout flow, just relabelled)
+      await iframe.locator('button:not(:has(.payment-loading--loading))').filter({ hasText: /Place Order|Add to library/ }).click({ delay: 11 });
 
       // I Agree button is only shown for EU accounts! https://github.com/vogler/free-games-claimer/pull/7#issuecomment-1038964872
       const btnAgree = iframe.locator('button:has-text("I Accept")');
@@ -424,7 +425,15 @@ try {
           console.error('  Failed to challenge captcha, please try again later.');
           await notify('epic-games: failed to challenge captcha. Please check.');
         }).catch(_ => { });
-        await page.locator('text=Thanks for your order!').waitFor({ state: 'attached' }); // TODO Bundle: got stuck here, but normal game now as well
+        // Old layout shows "Thanks for your order!"; new layout just closes the iframe and
+        // the main-page purchase button transitions to "In Library". Race both so we work either way.
+        await Promise.race([
+          page.locator('text=Thanks for your order!').waitFor({ state: 'attached' }),
+          page.waitForFunction(() => {
+            const btn = document.querySelector('button[data-testid="purchase-cta-button"]');
+            return btn && /in library/i.test(btn.textContent);
+          }),
+        ]);
         db.data[user][game_id].status = 'claimed';
         db.data[user][game_id].time = datetime(); // claimed time overwrites failed/dryrun time
         console.log('  Claimed successfully!');

[Flo7902]

@hubertuszimmer solution worked, thanks, the script is now working as intended. I'll let this issue open for now since it's an unoffical fix, if that is alright.

[P-Adamiec]

@Flo7902 @hubertuszimmer Feel free to check my repo https://github.com/P-Adamiec/Free-Games-Claimer-Remaster. I fixed the issue for it as well.