Merge pull request #68 from xsolla/PAYMENTS-18509

fix (PAYMENTS-18509): iframe loading twice
xsolla · Apr 2, 2024 · a804196 · a804196
2 parents 4f508ba + 752bc13
commit a804196
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/core/web-components/web-component.abstract.ts b/src/core/web-components/web-component.abstract.ts
@@ -22,7 +22,7 @@ export abstract class WebComponentAbstract extends HTMLElement {
   protected addEventListenerToElement(
     element: Element,
     eventType: string,
-    listener: (event: Event) => void
+    listener: (event: Event) => void,
   ): void {
     element.addEventListener(eventType, listener);
     this.eventListeners.push({ element, eventType, listener });
@@ -46,7 +46,7 @@ export abstract class WebComponentAbstract extends HTMLElement {
   protected attributeChangedCallback(
     name?: string,
     oldValue?: string,
-    newValue?: string
+    newValue?: string,
   ): void {
     this.render();
   }

diff --git a/src/features/headless-checkout/headless-checkout.ts b/src/features/headless-checkout/headless-checkout.ts
@@ -85,6 +85,8 @@ export class HeadlessCheckout {
         },
       };
 
+      this.formSpy.formWasInit = false;
+
       return this.postMessagesClient.send<Form>(msg, (message) =>
         initFormHandler(message, (args?: unknown) => {
           if (args) {

diff --git a/src/features/headless-checkout/web-components/text-component/text.component.ts b/src/features/headless-checkout/web-components/text-component/text.component.ts
@@ -48,7 +48,6 @@ export class TextComponent extends SecureComponentAbstract {
 
   protected connectedCallback(): void {
     this.startLoadingComponentHandler();
-
     if (!this.formSpy.formWasInit) {
       this.formSpy.listenFormInit(() => this.getConfigFromInputName());
       return;
@@ -87,7 +86,11 @@ export class TextComponent extends SecureComponentAbstract {
   };
 
   protected attributeChangedCallback(): void {
-    this.connectedCallback();
+    if (!this.inputName) {
+      return;
+    }
+
+    super.attributeChangedCallback();
   }
 
   protected getHtml(): string {