From 8c11044e6b616db6e282fb509eeea9a94fea2c90 Mon Sep 17 00:00:00 2001
From: delemeator <delemeator@gazeta.pl>
Date: Tue, 10 Sep 2024 19:03:10 +0200
Subject: [PATCH 1/5] Create dummyComponent.tsx

---
 .../PaymentSection/Dummy/dummyComponent.tsx   | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx

diff --git a/src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx b/src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx
new file mode 100644
index 000000000..e6a92c0a1
--- /dev/null
+++ b/src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import { useState } from "react";
+import { apiErrorMessages } from "../errorMessages";
+import { dummyGatewayId } from "./types";
+import { useTransactionInitializeMutation } from "@/checkout/graphql";
+
+import { useAlerts } from "@/checkout/hooks/useAlerts";
+import { useErrorMessages } from "@/checkout/hooks/useErrorMessages";
+import { useCheckout } from "@/checkout/hooks/useCheckout";
+import { Button } from "@/checkout/components";
+import { useCheckoutComplete } from "@/checkout/hooks/useCheckoutComplete";
+
+export const DummyComponent = () => {
+	const [loading, setLoading] = useState(false);
+	const { checkout } = useCheckout();
+	const { deliveryMethod } = checkout;
+
+	const { showCustomErrors } = useAlerts();
+	const [, transactionInitialize] = useTransactionInitializeMutation();
+	const { errorMessages: commonErrorMessages } = useErrorMessages(apiErrorMessages);
+	const { onCheckoutComplete, completingCheckout } = useCheckoutComplete();
+
+	const pay = async () => {
+		setLoading(true);
+
+		transactionInitialize({
+			checkoutId: checkout.id,
+			paymentGateway: {
+				id: dummyGatewayId,
+				data: {
+					event: {
+						type: "CHARGE_SUCCESS",
+						includePspReference: true,
+					},
+				},
+			},
+		}).catch((err) => {
+			console.error(err);
+			showCustomErrors([{ message: commonErrorMessages.somethingWentWrong }]);
+		});
+
+		void onCheckoutComplete();
+
+		setLoading(false);
+	};
+
+	if (!deliveryMethod) {
+		return null;
+	}
+
+	if (loading || completingCheckout) {
+		return <p>Przetwarzanie płatności...</p>;
+	}
+
+	return <Button label="Zapłać" onClick={pay} />;
+};

From ffd3ecb1aa21c241c5e8e8b23ee90f2c9c0caf63 Mon Sep 17 00:00:00 2001
From: delemeator <delemeator@gazeta.pl>
Date: Tue, 10 Sep 2024 19:04:17 +0200
Subject: [PATCH 2/5] Create dummy types.ts

---
 src/checkout/sections/PaymentSection/Dummy/types.ts | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 src/checkout/sections/PaymentSection/Dummy/types.ts

diff --git a/src/checkout/sections/PaymentSection/Dummy/types.ts b/src/checkout/sections/PaymentSection/Dummy/types.ts
new file mode 100644
index 000000000..1a67ea794
--- /dev/null
+++ b/src/checkout/sections/PaymentSection/Dummy/types.ts
@@ -0,0 +1,2 @@
+export const dummyGatewayId = "saleor.io.dummy-payment-app";
+export type DummyGatewayId = typeof dummyGatewayId;

From f5e31cf7c64997190092fc56c7081e41aa0f8fcd Mon Sep 17 00:00:00 2001
From: delemeator <delemeator@gazeta.pl>
Date: Tue, 10 Sep 2024 19:05:06 +0200
Subject: [PATCH 3/5] Add dummy to supported payment apps

---
 src/checkout/sections/PaymentSection/supportedPaymentApps.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/checkout/sections/PaymentSection/supportedPaymentApps.ts b/src/checkout/sections/PaymentSection/supportedPaymentApps.ts
index 545c982f3..47eeca6b2 100644
--- a/src/checkout/sections/PaymentSection/supportedPaymentApps.ts
+++ b/src/checkout/sections/PaymentSection/supportedPaymentApps.ts
@@ -2,8 +2,11 @@ import { AdyenDropIn } from "./AdyenDropIn/AdyenDropIn";
 import { adyenGatewayId } from "./AdyenDropIn/types";
 import { StripeComponent } from "./StripeElements/stripeComponent";
 import { stripeGatewayId } from "./StripeElements/types";
+import { DummyComponent } from "./Dummy/dummyComponent";
+import { dummyGatewayId } from "./Dummy/types";
 
 export const paymentMethodToComponent = {
 	[adyenGatewayId]: AdyenDropIn,
 	[stripeGatewayId]: StripeComponent,
+	[dummyGatewayId]: DummyComponent,
 };

From c157918272a0450ed1d4476baa56685c38aeac40 Mon Sep 17 00:00:00 2001
From: delemeator <delemeator@gazeta.pl>
Date: Tue, 10 Sep 2024 19:06:01 +0200
Subject: [PATCH 4/5] Add dummy to payment

---
 src/checkout/sections/PaymentSection/types.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/checkout/sections/PaymentSection/types.ts b/src/checkout/sections/PaymentSection/types.ts
index 51cba5810..57c873219 100644
--- a/src/checkout/sections/PaymentSection/types.ts
+++ b/src/checkout/sections/PaymentSection/types.ts
@@ -1,4 +1,5 @@
 import { type StripeGatewayId } from "./StripeElements/types";
+import { type DummyGatewayId } from "./Dummy/types";
 import { type PaymentGatewayConfig } from "@/checkout/graphql";
 import {
 	type AdyenGatewayId,
@@ -10,7 +11,7 @@ export type PaymentGatewayId = AdyenGatewayId | StripeGatewayId;
 export type ParsedAdyenGateway = ParsedPaymentGateway<AdyenGatewayId, AdyenGatewayInitializePayload>;
 export type ParsedStripeGateway = ParsedPaymentGateway<StripeGatewayId, {}>;
 
-export type ParsedPaymentGateways = ReadonlyArray<ParsedAdyenGateway | ParsedStripeGateway>;
+export type ParsedPaymentGateways = ReadonlyArray<ParsedAdyenGateway | ParsedStripeGateway | ParsedDummyGateway>;
 
 export interface ParsedPaymentGateway<ID extends string, TData extends Record<string, any>>
 	extends Omit<PaymentGatewayConfig, "data" | "id"> {

From 4f57a67d624d2cdc5c3fbd9dfd52e096b282371f Mon Sep 17 00:00:00 2001
From: delemeator <delemeator@gazeta.pl>
Date: Tue, 10 Sep 2024 19:08:13 +0200
Subject: [PATCH 5/5] Change messages to english

---
 src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx b/src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx
index e6a92c0a1..e0a7f5fad 100644
--- a/src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx
+++ b/src/checkout/sections/PaymentSection/Dummy/dummyComponent.tsx
@@ -50,8 +50,8 @@ export const DummyComponent = () => {
 	}
 
 	if (loading || completingCheckout) {
-		return <p>Przetwarzanie płatności...</p>;
+		return <p>Processing...</p>;
 	}
 
-	return <Button label="Zapłać" onClick={pay} />;
+	return <Button label="Pay with Dummy" onClick={pay} />;
 };