@redacto.io/consent-sdk-js 1.0.0-beta.0 → 1.0.0-beta.1

package/dist/redacto.js

@@ -4447,6 +4447,7 @@ var InlineController = class {
     this.hasSubmitted = false;
     this.hasCheckedLedgerConsent = false;
     this.unsubscribe = null;
+    this.abortController = null;
     this.options = options;
     this.store = new Store({
       content: null,
@@ -4464,6 +4465,7 @@ var InlineController = class {
     this.mediaQuery = createMediaQuery("(max-width: 768px)");
   }
   async init() {
+    this.abortController = new AbortController();
     if (typeof this.options.target === "string") {
       this.targetEl = document.querySelector(this.options.target);
       if (!this.targetEl) {
@@ -4486,8 +4488,9 @@ var InlineController = class {
     await this.fetchNotice();
   }
   destroy() {
-    var _a;
-    (_a = this.unsubscribe) == null ? void 0 : _a.call(this);
+    var _a, _b;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    (_b = this.unsubscribe) == null ? void 0 : _b.call(this);
     this.mediaQuery.destroy();
     this.store.destroy();
     if (this.hostEl && this.hostEl.parentNode) {
@@ -4507,6 +4510,12 @@ var InlineController = class {
     this.tryAutoSubmit();
   }
   // ─── Private ───
+  // destroy() aborts the controller, so an aborted signal is the marker that
+  // teardown has happened and async continuations must not touch the host.
+  isDestroyed() {
+    var _a;
+    return Boolean((_a = this.abortController) == null ? void 0 : _a.signal.aborted);
+  }
   async fetchNotice() {
     var _a, _b, _c, _d;
     this.store.setState({ isLoading: true, fetchError: null });
@@ -4519,6 +4528,9 @@ var InlineController = class {
         language: this.options.language,
         specific_uuid: this.options.applicationId
       });
+      if (this.isDestroyed()) {
+        return;
+      }
       const activeConfig = data.detail.active_config;
       const initialCollapsed = {};
       const initialPurposes = {};
@@ -4540,6 +4552,9 @@ var InlineController = class {
         selectedDataElements: initialElements
       });
     } catch (err) {
+      if (this.isDestroyed()) {
+        return;
+      }
       const error = err;
       if (error.status === 409) {
         this.store.setState({ hasAlreadyConsented: true, isLoading: false });
@@ -4558,7 +4573,7 @@ var InlineController = class {
   // (the 409 path governs) and for the magic-link applicationId flow. Any
   // failure returns null and falls through to the normal flow.
   async checkLedgerConsent() {
-    var _a, _b;
+    var _a, _b, _c;
     if (!this.shouldCheckLedgerConsent()) return;
     this.hasCheckedLedgerConsent = true;
     this.store.setState({ isCheckingConsent: true });
@@ -4568,15 +4583,21 @@ var InlineController = class {
         ledgerBaseUrl: this.options.ledgerBaseUrl,
         organisationUuid: this.options.org_uuid,
         workspaceUuid: this.options.workspace_uuid,
-        noticeUuid: this.options.notice_uuid
+        noticeUuid: this.options.notice_uuid,
+        signal: (_a = this.abortController) == null ? void 0 : _a.signal
       });
+      if (this.isDestroyed()) {
+        return;
+      }
       if (status && isNoticeFullyConsented(status)) {
         this.store.setState({ hasAlreadyConsented: true });
-        (_b = (_a = this.options).onAccept) == null ? void 0 : _b.call(_a);
+        (_c = (_b = this.options).onAccept) == null ? void 0 : _c.call(_b);
       }
     } finally {
-      this.store.setState({ isCheckingConsent: false });
-      this.tryAutoSubmit();
+      if (!this.isDestroyed()) {
+        this.store.setState({ isCheckingConsent: false });
+        this.tryAutoSubmit();
+      }
     }
   }
   handleStateChange(state, prevState) {
@@ -4798,6 +4819,9 @@ var InlineController = class {
   }
   async tryAutoSubmit() {
     var _a, _b;
+    if (this.isDestroyed()) {
+      return;
+    }
     const state = this.store.getState();
     const accessToken = this.options.accessToken;
     if (accessToken && state.content && this.areAllRequiredElementsChecked() && !state.isSubmitting && !state.isCheckingConsent && !state.hasAlreadyConsented && !this.hasSubmitted) {

package/dist/redacto.mjs

@@ -4417,6 +4417,7 @@ var InlineController = class {
     this.hasSubmitted = false;
     this.hasCheckedLedgerConsent = false;
     this.unsubscribe = null;
+    this.abortController = null;
     this.options = options;
     this.store = new Store({
       content: null,
@@ -4434,6 +4435,7 @@ var InlineController = class {
     this.mediaQuery = createMediaQuery("(max-width: 768px)");
   }
   async init() {
+    this.abortController = new AbortController();
     if (typeof this.options.target === "string") {
       this.targetEl = document.querySelector(this.options.target);
       if (!this.targetEl) {
@@ -4456,8 +4458,9 @@ var InlineController = class {
     await this.fetchNotice();
   }
   destroy() {
-    var _a;
-    (_a = this.unsubscribe) == null ? void 0 : _a.call(this);
+    var _a, _b;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    (_b = this.unsubscribe) == null ? void 0 : _b.call(this);
     this.mediaQuery.destroy();
     this.store.destroy();
     if (this.hostEl && this.hostEl.parentNode) {
@@ -4477,6 +4480,12 @@ var InlineController = class {
     this.tryAutoSubmit();
   }
   // ─── Private ───
+  // destroy() aborts the controller, so an aborted signal is the marker that
+  // teardown has happened and async continuations must not touch the host.
+  isDestroyed() {
+    var _a;
+    return Boolean((_a = this.abortController) == null ? void 0 : _a.signal.aborted);
+  }
   async fetchNotice() {
     var _a, _b, _c, _d;
     this.store.setState({ isLoading: true, fetchError: null });
@@ -4489,6 +4498,9 @@ var InlineController = class {
         language: this.options.language,
         specific_uuid: this.options.applicationId
       });
+      if (this.isDestroyed()) {
+        return;
+      }
       const activeConfig = data.detail.active_config;
       const initialCollapsed = {};
       const initialPurposes = {};
@@ -4510,6 +4522,9 @@ var InlineController = class {
         selectedDataElements: initialElements
       });
     } catch (err) {
+      if (this.isDestroyed()) {
+        return;
+      }
       const error = err;
       if (error.status === 409) {
         this.store.setState({ hasAlreadyConsented: true, isLoading: false });
@@ -4528,7 +4543,7 @@ var InlineController = class {
   // (the 409 path governs) and for the magic-link applicationId flow. Any
   // failure returns null and falls through to the normal flow.
   async checkLedgerConsent() {
-    var _a, _b;
+    var _a, _b, _c;
     if (!this.shouldCheckLedgerConsent()) return;
     this.hasCheckedLedgerConsent = true;
     this.store.setState({ isCheckingConsent: true });
@@ -4538,15 +4553,21 @@ var InlineController = class {
         ledgerBaseUrl: this.options.ledgerBaseUrl,
         organisationUuid: this.options.org_uuid,
         workspaceUuid: this.options.workspace_uuid,
-        noticeUuid: this.options.notice_uuid
+        noticeUuid: this.options.notice_uuid,
+        signal: (_a = this.abortController) == null ? void 0 : _a.signal
       });
+      if (this.isDestroyed()) {
+        return;
+      }
       if (status && isNoticeFullyConsented(status)) {
         this.store.setState({ hasAlreadyConsented: true });
-        (_b = (_a = this.options).onAccept) == null ? void 0 : _b.call(_a);
+        (_c = (_b = this.options).onAccept) == null ? void 0 : _c.call(_b);
       }
     } finally {
-      this.store.setState({ isCheckingConsent: false });
-      this.tryAutoSubmit();
+      if (!this.isDestroyed()) {
+        this.store.setState({ isCheckingConsent: false });
+        this.tryAutoSubmit();
+      }
     }
   }
   handleStateChange(state, prevState) {
@@ -4768,6 +4789,9 @@ var InlineController = class {
   }
   async tryAutoSubmit() {
     var _a, _b;
+    if (this.isDestroyed()) {
+      return;
+    }
     const state = this.store.getState();
     const accessToken = this.options.accessToken;
     if (accessToken && state.content && this.areAllRequiredElementsChecked() && !state.isSubmitting && !state.isCheckingConsent && !state.hasAlreadyConsented && !this.hasSubmitted) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-js",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "main": "dist/redacto.js",
   "module": "dist/redacto.mjs",
   "types": "dist/redacto.d.ts",