handling action for klarna standalone component

Adyen · Jan 6, 2025 · 9fc3a50 · 9fc3a50
1 parent 2c6271f
commit 9fc3a50
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/fresh-terms-love.md b/.changeset/fresh-terms-love.md
@@ -0,0 +1,5 @@
+---
+'@adyen/adyen-web': patch
+---
+
+Klarna - Fix issue where Klarna as standalone component didn't initialize the Klarna Widget SDK accordingly
diff --git a/packages/lib/src/components/Klarna/KlarnaPayments.tsx b/packages/lib/src/components/Klarna/KlarnaPayments.tsx
@@ -42,6 +42,14 @@ class KlarnaPayments extends UIElement<KlarnaConfiguration> {
         return <PayButton amount={this.props.amount} onClick={this.submit} {...props} />;
     };
 
+    public override handleAction(action: KlarnaAction, props = {}): UIElement | null {
+        if (action.type === 'sdk') {
+            this.updateWithAction(action);
+            return;
+        }
+        return super.handleAction(action, props);
+    }
+
     updateWithAction(action: KlarnaAction): void {
         if (action.paymentMethodType !== this.type) throw new Error('Invalid Action');
         this.componentRef.setAction(action);