update logic for initializePaymentGateway

example/.env.example

@@ -1,2 +1,9 @@
-SALEOR_API_URL=
-NEXT_PUBLIC_SALEOR_CHANNEL="default-channel"
+SALEOR_API_URL=""
+NEXT_PUBLIC_SALEOR_API_URL=""
+
+AUTHORIZE_ENVIRONMENT=""
+AUTHORIZE_SALEOR_CHANNEL_SLUG=""
+NEXT_PUBLIC_AUTHORIZE_API_LOGIN_ID=""
+NEXT_PUBLIC_AUTHORIZE_TRANSACTION_KEY=""
+NEXT_PUBLIC_AUTHORIZE_PUBLIC_CLIENT_KEY=""
+NEXT_PUBLIC_SALEOR_CHANNEL=""

example/src/payment-methods.tsx

@@ -18,16 +18,14 @@ export type AcceptHostedData = z.infer<typeof acceptHostedPaymentGatewaySchema>;
 
 // currently, Payment Gateway Initialize doesnt return any config data
 const dataSchema = z.object({
-	acceptHosted: z.unknown().optional(),
+	acceptHosted: z.object({ type: z.string().optional() }).optional(),
 	applePay: z.unknown().optional(),
 	paypal: z.unknown().optional(),
-	acceptJs: z.object({ enabled: z.boolean().optional() }),
+	acceptJs: z.object({ type: z.string().optional() }).optional(),
 });
 
 type PaymentMethods = z.infer<typeof dataSchema>;
 
-const paymentGatewayInitializeSessionSchema = dataSchema;
-
 const payloadDataSchemaAcceptHosted = z.object({
 	shouldCreateCustomerProfile: z.boolean(),
 	iframeUrl: z.string(),
@@ -89,14 +87,28 @@ export const PaymentMethods = () => {
 		if (!gateway) {
 			throw new Error("No payment gateway found");
 		}
-
-		const data = paymentGatewayInitializeSessionSchema?.parse(gateway.data);
-
-		if (!data) {
-			throw new Error("No data found");
+		const gatewayData = (gateway.data as { data?: { type: string } })?.data;
+
+		/**
+		 * This needs to be selectable - if we want type apple pay, paypal, or acceptHosted
+		 */
+		switch (gatewayData?.type) {
+			case "acceptJs":
+				setPaymentMethods({ acceptJs: gatewayData });
+				break;
+			case "acceptHosted":
+				setPaymentMethods({ acceptHosted: gatewayData });
+				break;
+
+			case "applePay":
+				setPaymentMethods({ applePay: "" });
+				break;
+			case "paypal":
+				setPaymentMethods({ paypal: "" });
+				break;
+			default:
+				throw new Error("No data found");
 		}
-
-		setPaymentMethods(data);
 	}, [initializePaymentGateways, checkoutId]);
 
 	React.useEffect(() => {

src/modules/authorize-net/gateways/accept-hosted-gateway.ts

@@ -189,7 +189,7 @@ export class AcceptHostedGateway implements PaymentGateway {
   async initializePaymentGateway(
     _payload: PaymentGatewayInitializeSessionEventFragment,
   ): Promise<AcceptHostedPaymentGatewayResponseData> {
-    return {};
+    return { type: "acceptHosted" };
   }
 
   async initializeTransaction(

src/modules/authorize-net/gateways/accept-js-gateway.ts

@@ -167,7 +167,7 @@ export class AcceptJsGateway implements PaymentGateway {
   async initializePaymentGateway(
     _payload: PaymentGatewayInitializeSessionEventFragment,
   ): Promise<AcceptJsPaymentGatewayResponseData> {
-    return {};
+    return { type: "acceptJs" };
   }
 
   async initializeTransaction(