feat(payment): PI-3501 [FE] SPIKE

Author: bc-sebastianszafraniec

packages/klarna-integration/src/klarnav2/klarnav2-payment-strategy.ts

@@ -46,7 +46,7 @@ export default class KlarnaV2PaymentStrategy {
         options: PaymentInitializeOptions & WithKlarnaV2PaymentInitializeOptions,
     ): Promise<void> {
         this.klarnaPayments = await this.klarnav2ScriptLoader.load();
-
+        console.log('Klarna Initialize ===');
         this.unsubscribe = this.paymentIntegrationService.subscribe(
             (state) => {
                 if (
@@ -82,6 +82,7 @@ export default class KlarnaV2PaymentStrategy {
     }
 
     async execute(payload: OrderRequestBody, options?: PaymentRequestOptions): Promise<void> {
+        console.log('execute payload ===>', payload);
         if (!payload.payment) {
             throw new InvalidArgumentError(
                 'Unable to proceed because "payload.payment" argument is not provided.',
@@ -105,7 +106,7 @@ export default class KlarnaV2PaymentStrategy {
 
         await this.klarnav2TokenUpdater.klarnaOrderInitialization(cartId, clientToken);
 
-        const { authorization_token: authorizationToken } = await this.authorizeOrThrow(methodId);
+        const { authorization_token: authorizationToken } = await this.authorizeOrThrow(gatewayId);
 
         await this.paymentIntegrationService.initializePayment(gatewayId, {
             authorizationToken,
@@ -153,17 +154,17 @@ export default class KlarnaV2PaymentStrategy {
         await this.klarnav2TokenUpdater.updateClientToken(gatewayId, { params }).catch(() => {
             throw new MissingDataError(MissingDataErrorType.MissingPaymentMethod);
         });
-
         return new Promise<KlarnaLoadResponse>((resolve) => {
             const paymentMethod = state.getPaymentMethodOrThrow(methodId);
-
+            console.log('paymentMethod.gateway ===>', paymentMethod.gateway);
+            
             if (!this.klarnaPayments || !paymentMethod.clientToken) {
                 throw new NotInitializedError(NotInitializedErrorType.PaymentNotInitialized);
             }
 
             this.klarnaPayments.init({ client_token: paymentMethod.clientToken });
             this.klarnaPayments.load(
-                { container, payment_method_category: paymentMethod.id },
+                { container, payment_method_category: paymentMethod.gateway },
                 (response) => {
                     if (onLoad) {
                         onLoad(response);
@@ -228,7 +229,7 @@ export default class KlarnaV2PaymentStrategy {
         return klarnaAddress;
     }
 
-    private async authorizeOrThrow(methodId: string): Promise<KlarnaAuthorizationResponse> {
+    private async authorizeOrThrow(gatewayId: string): Promise<KlarnaAuthorizationResponse> {
         await this.paymentIntegrationService.loadCheckout();
 
         const state = this.paymentIntegrationService.getState();
@@ -245,7 +246,7 @@ export default class KlarnaV2PaymentStrategy {
             }
 
             this.klarnaPayments.authorize(
-                { payment_method_category: methodId },
+                { payment_method_category: gatewayId },
                 updateSessionData,
                 (res) => {
                     if (res.approved) {