feat: add Paypal transaction link

Author: aeltorio

.github/workflows/deploy-cloudflare-worker.yaml

@@ -51,6 +51,7 @@ jobs:
             echo "BACKUP_PERMISSION=${{ vars.BACKUP_PERMISSION }}" >> cloudflare-worker/.env
             echo "DB_MAX_IMAGE_SIZE=${{ vars.DB_MAX_IMAGE_SIZE }}" >> cloudflare-worker/.env
             echo "AMAZON_BASE_URL=${{ vars.AMAZON_BASE_URL }}" >> cloudflare-worker/.env
+            echo "PAYPAL_TRANSACTION_BASE_URL=${{ secrets.PAYPAL_TRANSACTION_BASE_URL }}" >> cloudflare-worker/.env
             cat cloudflare-worker/.env
 
         - name: Replace "// vars.*" in wrangler.jsonc with a json string
@@ -59,7 +60,7 @@ jobs:
             cp wrangler.jsonc wrangler.jsonc.bak
             set -a && source .env && set +a 
             cat .env
-            cat wrangler.jsonc.bak | sed 's|// "vars".*.|,"vars": {  "AMAZON_BASE_URL": "'"${AMAZON_BASE_URL}"'", "AUTH0_DOMAIN": "'"${AUTH0_DOMAIN}"'", "AUTH0_CLIENT_ID": "'"${AUTH0_CLIENT_ID}"'", "AUTH0_SCOPE": "'"${AUTH0_SCOPE}"'", "AUTH0_AUDIENCE": "'"${AUTH0_AUDIENCE}"'", "API_BASE_URL": "'"${API_BASE_URL}"'", "CORS_ORIGIN": "'"${CORS_ORIGIN}"'", "DB_BACKEND": "'"${DB_BACKEND}"'", "DB_MAX_IMAGE_SIZE": "'"${DB_MAX_IMAGE_SIZE}"'", "BACKUP_PERMISSION": "'"${BACKUP_PERMISSION}"'", "READ_PERMISSION": "'"${READ_PERMISSION}"'", "WRITE_PERMISSION": "'"${WRITE_PERMISSION}"'", "ADMIN_PERMISSION": "'"${ADMIN_PERMISSION}"'", "STATISTICS_LIMIT": "'"${STATISTICS_LIMIT}"'" }|' > wrangler.jsonc.2
+            cat wrangler.jsonc.bak | sed 's|// "vars".*.|,"vars": {  "PAYPAL_TRANSACTION_BASE_URL": "'"${PAYPAL_TRANSACTION_BASE_URL}"'", "AMAZON_BASE_URL": "'"${AMAZON_BASE_URL}"'", "AUTH0_DOMAIN": "'"${AUTH0_DOMAIN}"'", "AUTH0_CLIENT_ID": "'"${AUTH0_CLIENT_ID}"'", "AUTH0_SCOPE": "'"${AUTH0_SCOPE}"'", "AUTH0_AUDIENCE": "'"${AUTH0_AUDIENCE}"'", "API_BASE_URL": "'"${API_BASE_URL}"'", "CORS_ORIGIN": "'"${CORS_ORIGIN}"'", "DB_BACKEND": "'"${DB_BACKEND}"'", "DB_MAX_IMAGE_SIZE": "'"${DB_MAX_IMAGE_SIZE}"'", "BACKUP_PERMISSION": "'"${BACKUP_PERMISSION}"'", "READ_PERMISSION": "'"${READ_PERMISSION}"'", "WRITE_PERMISSION": "'"${WRITE_PERMISSION}"'", "ADMIN_PERMISSION": "'"${ADMIN_PERMISSION}"'", "STATISTICS_LIMIT": "'"${STATISTICS_LIMIT}"'" }|' > wrangler.jsonc.2
             cat wrangler.jsonc.2 | sed 's|// "routes".*.|,"routes": [{ "pattern": "'"${DOMAIN_NAME}"'", "custom_domain": true }]|'  > wrangler.jsonc
             cat wrangler.jsonc
         - name: Deploy
@@ -82,6 +83,7 @@ jobs:
                 BACKUP_PERMISSION
                 DB_MAX_IMAGE_SIZE
                 AMAZON_BASE_URL
+                PAYPAL_TRANSACTION_BASE_URL
                 STATISTICS_LIMIT
           env:
             AUTH0_DOMAIN: ${{ secrets.AUTH0_DOMAIN }}
@@ -97,4 +99,5 @@ jobs:
             BACKUP_PERMISSION: ${{ vars.BACKUP_PERMISSION }}
             DB_MAX_IMAGE_SIZE: ${{ vars.DB_MAX_IMAGE_SIZE }}
             AMAZON_BASE_URL: ${{ vars.AMAZON_BASE_URL }}
+            PAYPAL_TRANSACTION_BASE_URL: ${{ secrets.PAYPAL_TRANSACTION_BASE_URL }}
             STATISTICS_LIMIT: ${{ vars.STATISTICS_LIMIT }}

.github/workflows/pages.yaml

@@ -54,6 +54,7 @@ jobs:
           export BACKUP_PERMISSION="${{ vars.BACKUP_PERMISSION }}"
           export DB_MAX_IMAGE_SIZE="${{ vars.DB_MAX_IMAGE_SIZE }}"
           export AMAZON_BASE_URL="${{ vars.AMAZON_BASE_URL }}"
+          export PAYPAL_TRANSACTION_BASE_URL="${{ secrets.PAYPAL_TRANSACTION_BASE_URL }}"
           npx vite build --base=/${{ github.event.repository.name }}
 
       - name: Upload pages artifact

client/src/pages/index.tsx

@@ -430,6 +430,17 @@ export default function IndexPage() {
                   sortable: false,
                   className: "hidden md:table-cell",
                   headerClassName: "hidden md:table-cell",
+                  render: (item) => {
+                    return item.refunded ? (
+                      <>
+                        <Link
+                          className="text-blue-500 hover:underline break-keep"
+                          target="_blank"
+                          to={`${import.meta.env.PAYPAL_TRANSACTION_BASE_URL}${item.transactionId}`}>{t("yes")}
+                        </Link>
+                      </>) :
+                      <>{t("no")}</>;
+                  }
                 },
                 {
                   field: "actions",

cloudflare-worker/src/db/d1-db.ts

@@ -815,7 +815,10 @@ export class CloudflareD1DB implements FeedbackFlowDB {
 			const totalCount = countResults[0]?.count as number;
 			const preparedStatement = this.db
 				.prepare(
-					`SELECT * FROM purchase_status WHERE tester_uuid = ? ${limitToNotRefundedQuery} ORDER BY ${sortColumn} ${orderDir} LIMIT ? OFFSET ?`,
+					`SELECT ps.*, r.transaction_id FROM purchase_status ps 
+					 LEFT JOIN refunds r ON ps.id = r.purchase_id 
+					 WHERE ps.tester_uuid = ? ${limitToNotRefundedQuery} 
+					 ORDER BY ${sortColumn} ${orderDir} LIMIT ? OFFSET ?`,
 				)
 				.bind(testerUuid, limit, offset);
 
@@ -837,6 +840,7 @@ export class CloudflareD1DB implements FeedbackFlowDB {
 						publicationScreenshot: row.publication_screenshot as string,
 						purchaseScreenshot: row.purchase_screenshot as string,
 						screenshotSummary: row.screenshot_summary as string,
+						transactionId: row.transaction_id ? (row.transaction_id as string) : undefined,
 					}) as PurchaseStatus,
 			);
 			// Add pagination info to the result

cloudflare-worker/src/db/in-memory-db.ts

@@ -404,8 +404,8 @@ export class InMemoryDB implements FeedbackFlowDB {
 			// 3. Having feedback
 			// 4. Having publication (this is what was missing before)
 			const filteredPurchases = this.data.purchases.filter(
-				(p) => p.testerUuid === testerUuid && 
-					!p.refunded && 
+				(p) => p.testerUuid === testerUuid &&
+					!p.refunded &&
 					this.data.feedbacks.some((feedback) => feedback.purchase === p.id) &&
 					this.data.publications.some((publication) => publication.purchase === p.id)
 			);
@@ -416,10 +416,10 @@ export class InMemoryDB implements FeedbackFlowDB {
 			const enhancedPurchases = filteredPurchases.map(purchase => {
 				// Find the feedback for this purchase
 				const feedback = this.data.feedbacks.find(f => f.purchase === purchase.id);
-				
+
 				// Find the publication for this purchase
 				const publication = this.data.publications.find(p => p.purchase === purchase.id);
-				
+
 				return {
 					...purchase,
 					feedback: feedback?.feedback || "",
@@ -606,6 +606,7 @@ export class InMemoryDB implements FeedbackFlowDB {
 						publicationScreenshot: hasPublication?.screenshot,
 						purchaseScreenshot: purchase.screenshot,
 						screenshotSummary: purchase.screenshotSummary,
+						transactionId: hasRefund?.transactionId,
 					} as PurchaseStatus;
 				});
 

cloudflare-worker/src/types/db-types.ts

@@ -78,6 +78,7 @@ export interface PurchaseStatus {
     purchaseScreenshot?: string;
     publicationScreenshot?: string;
     screenshotSummary?: string;
+    transactionId?: string;
 }
 
 /**