@blotoutio/providers-blotout-consent-sdk 1.52.1 → 1.53.0

package/index.cjs.js

@@ -6131,7 +6131,7 @@ PreferenceCenter.styles = [
       }
 
       .dns-link {
-        font-size: 0.75rem;
+        font-size: var(--text-sm);
         text-decoration: underline;
         cursor: pointer;
         background: none;
@@ -6210,17 +6210,6 @@ const dialogViewStyles = i$5 `
     overflow: hidden;
   }
 
-  .dns-link {
-    font-size: 0.75rem;
-    text-decoration: underline;
-    cursor: pointer;
-    background: none;
-    border: none;
-    color: var(--bc-link-color, #6d28d9);
-    padding: 0;
-    margin-top: 8px;
-  }
-
   @container (min-width: 480px) {
     .btn-row {
       flex-direction: row;
@@ -6781,7 +6770,7 @@ class DialogView extends ElementWithActions {
      * @returns TemplateResult for the dialog header
      */
     renderTitleAndDescription() {
-        var _a;
+        var _a, _b, _c;
         const { text } = this.config;
         return b `
       <div class="bc-header" data-annotation="bc-header">
@@ -6808,6 +6797,10 @@ class DialogView extends ElementWithActions {
             data-annotation="bc-description"
           >
             ${(_a = text.description) !== null && _a !== void 0 ? _a : ''}
+            ${((_c = (_b = text.privacyPolicy) === null || _b === void 0 ? void 0 : _b.placement) !== null && _c !== void 0 ? _c : 'banner-subtext') ===
+            'banner-subtext'
+            ? this.renderPrivacyPolicyLink()
+            : b ``}
           </p>
         </div>
       </div>
@@ -6846,7 +6839,7 @@ class DialogView extends ElementWithActions {
     </div>`;
     }
     renderPrivacyPolicyLink() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const url = (_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
         let safeUrl = null;
         try {
@@ -6858,15 +6851,17 @@ class DialogView extends ElementWithActions {
         catch {
             // invalid URL — omit link
         }
+        const pretext = (_d = (_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.pretext) !== null && _d !== void 0 ? _d : 'Learn more in our';
         return safeUrl
-            ? b ` <a
-          href="${safeUrl}"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
-          data-annotation="bc-privacy-link"
-          >${((_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.label) || 'Privacy Policy'}</a
-        >`
+            ? b `${pretext}
+          <a
+            href="${safeUrl}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
+            data-annotation="bc-privacy-link"
+            >${((_e = this.config.text.privacyPolicy) === null || _e === void 0 ? void 0 : _e.label) || 'Privacy Policy'}</a
+          >`
             : b ``;
     }
     /**
@@ -6874,6 +6869,7 @@ class DialogView extends ElementWithActions {
      * @returns TemplateResult for the dialog
      */
     render() {
+        var _a, _b;
         if (this.showDoNotSellForm) {
             return b `
         <do-not-sell-form
@@ -6895,19 +6891,17 @@ class DialogView extends ElementWithActions {
       .annotationCss=${this.showAnnotations ? ANNOTATION_CSS : ''}
     >
       ${this.renderTitleAndDescription()} ${this.renderContent()}
-      ${(() => {
-            var _a;
-            const privacyLink = this.renderPrivacyPolicyLink();
-            const disclaimer = (_a = this.config.text.disclaimer) !== null && _a !== void 0 ? _a : '';
-            return disclaimer || privacyLink
-                ? b `<div
-              class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
-              data-annotation="bc-disclaimer"
-            >
-              ${disclaimer} ${privacyLink}
-            </div>`
-                : '';
-        })()}
+      ${this.config.text.disclaimer
+            ? b `<div
+            class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
+            data-annotation="bc-disclaimer"
+          >
+            ${this.config.text.disclaimer}
+            ${((_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.placement) !== null && _b !== void 0 ? _b : 'banner-subtext') === 'disclaimer'
+                ? b ` ${this.renderPrivacyPolicyLink()}`
+                : b ``}
+          </div>`
+            : ''}
       <powered-by-blotout
         class="bc-footer"
         data-annotation="bc-footer"
@@ -6973,7 +6967,7 @@ const longViewStyles = i$5 `
   }
 
   .dns-link {
-    font-size: 0.75rem;
+    font-size: var(--text-sm);
     text-decoration: underline;
     cursor: pointer;
     background: none;
@@ -7076,7 +7070,7 @@ class LongView extends ElementWithActions {
         super.disconnectedCallback();
     }
     renderTitleAndDescription() {
-        var _a;
+        var _a, _b, _c;
         const { text } = this.config;
         return b `
       <div class="bc-header" data-annotation="bc-header">
@@ -7092,6 +7086,10 @@ class LongView extends ElementWithActions {
             data-annotation="bc-description"
           >
             ${(_a = text.description) !== null && _a !== void 0 ? _a : ''}
+            ${((_c = (_b = text.privacyPolicy) === null || _b === void 0 ? void 0 : _b.placement) !== null && _c !== void 0 ? _c : 'banner-subtext') ===
+            'banner-subtext'
+            ? this.renderPrivacyPolicyLink()
+            : b ``}
           </p>
         </div>
       </div>
@@ -7199,7 +7197,7 @@ class LongView extends ElementWithActions {
     `;
     }
     renderPrivacyPolicyLink() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const url = (_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
         let safeUrl = null;
         try {
@@ -7211,18 +7209,21 @@ class LongView extends ElementWithActions {
         catch {
             // invalid URL — omit link
         }
+        const pretext = (_d = (_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.pretext) !== null && _d !== void 0 ? _d : 'Learn more in our';
         return safeUrl
-            ? b ` <a
-          href="${safeUrl}"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
-          data-annotation="bc-privacy-link"
-          >${((_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.label) || 'Privacy Policy'}</a
-        >`
+            ? b `${pretext}
+          <a
+            href="${safeUrl}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
+            data-annotation="bc-privacy-link"
+            >${((_e = this.config.text.privacyPolicy) === null || _e === void 0 ? void 0 : _e.label) || 'Privacy Policy'}</a
+          >`
             : b ``;
     }
     renderContent() {
+        var _a, _b;
         return b `
       <div class="content-layout bc-content" data-annotation="bc-content">
         ${this.renderTitleAndDescription()}
@@ -7246,7 +7247,10 @@ class LongView extends ElementWithActions {
             class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
             data-annotation="bc-disclaimer"
           >
-            ${this.config.text.disclaimer} ${this.renderPrivacyPolicyLink()}
+            ${this.config.text.disclaimer}
+            ${((_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.placement) !== null && _b !== void 0 ? _b : 'banner-subtext') === 'disclaimer'
+                ? b ` ${this.renderPrivacyPolicyLink()}`
+                : b ``}
           </div>`
             : ''}
       <powered-by-blotout
@@ -7443,6 +7447,7 @@ class ConsentBanner extends ElementWithStylesheet {
         this.disableActions = false;
         this.showBanner = false;
         this.showCookieIcon = true;
+        this.showDnsFormStandalone = false;
         this.disableCookieIcon = true;
         this.isLoading = false;
         this.bannerTimer = null;
@@ -7457,6 +7462,13 @@ class ConsentBanner extends ElementWithStylesheet {
     show() {
         this.showBanner = true;
     }
+    /** Programmatically opens the Do Not Sell form without triggering the consent banner. */
+    showDnsForm() {
+        this.showDnsFormStandalone = true;
+    }
+    handleDnsFormClosed() {
+        this.showDnsFormStandalone = false;
+    }
     async checkAndShowBanner() {
         var _a, _b, _c;
         if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.behavior)) {
@@ -7720,6 +7732,18 @@ class ConsentBanner extends ElementWithStylesheet {
     }
     render() {
         var _a, _b, _c;
+        if (this.showDnsFormStandalone) {
+            return b `<do-not-sell-form
+        .open=${true}
+        .config=${this.config}
+        .css=${this.css}
+        .disableActions=${this.disableActions}
+        .contained=${this.contained}
+        .showAnnotations=${this.showAnnotations}
+        @do-not-sell-form-closed=${this.handleDnsFormClosed}
+        @do-not-sell-request-submitted=${this.handleDoNotSellRequestSubmitted}
+      ></do-not-sell-form>`;
+        }
         return b `<div
       class=${e({ 'root-contained': this.contained })}
       @accept-all=${this.handleAcceptAll}
@@ -7778,6 +7802,10 @@ __decorate([
     r$1(),
     __metadata("design:type", Object)
 ], ConsentBanner.prototype, "showCookieIcon", void 0);
+__decorate([
+    r$1(),
+    __metadata("design:type", Object)
+], ConsentBanner.prototype, "showDnsFormStandalone", void 0);
 __decorate([
     r$1(),
     __metadata("design:type", Object)
@@ -7833,6 +7861,15 @@ class BlotoutConsent extends ElementWithStylesheet {
             logger.info('BlotoutConsent: Cannot show banner - not yet initialized. Ensure config and blotoutConsentAPI are set.');
         }
     }
+    /** Programmatically opens the Do Not Sell form without showing the consent banner. */
+    showDnsForm() {
+        if (this.banner) {
+            this.banner.showDnsForm();
+        }
+        else {
+            logger.info('BlotoutConsent: Cannot show DNS form - not yet initialized. Ensure config and blotoutConsentAPI are set.');
+        }
+    }
     render() {
         if (!this.config || !this.blotoutConsentAPI) {
             return;
@@ -7900,15 +7937,18 @@ if (!customElements.get('blotout-consent')) {
     customElements.define('blotout-consent', BlotoutConsent);
 }
 
-var _a, _b, _c;
-var _d, _e;
+var _a, _b, _c, _d;
+var _e, _f, _g;
 let blotoutConsent;
 if (typeof window != 'undefined' && typeof document != 'undefined') {
     (_a = window[registryKey]) !== null && _a !== void 0 ? _a : (window[registryKey] = {});
-    (_b = (_d = window[registryKey]).showBanner) !== null && _b !== void 0 ? _b : (_d.showBanner = () => {
-        // stub — replaced once init() runs
+    (_b = (_e = window[registryKey]).showBanner) !== null && _b !== void 0 ? _b : (_e.showBanner = () => {
+        logger.info('showBanner() called before blotout-consent init() — call will be ignored. Ensure init() has completed first.');
+    });
+    (_c = (_f = window[registryKey]).showDnsForm) !== null && _c !== void 0 ? _c : (_f.showDnsForm = () => {
+        logger.info('showDnsForm() called before blotout-consent init() — call will be ignored. Ensure init() has completed first.');
     });
-    (_c = (_e = window[registryKey]).ui) !== null && _c !== void 0 ? _c : (_e.ui = {
+    (_d = (_g = window[registryKey]).ui) !== null && _d !== void 0 ? _d : (_g.ui = {
         init(params) {
             if (!params || typeof params !== 'object') {
                 console.error('Invalid blotout-consent init params');
@@ -7953,6 +7993,11 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
                     blotoutConsent.show();
                 }
             };
+            window[registryKey].showDnsForm = () => {
+                if (blotoutConsent) {
+                    blotoutConsent.showDnsForm();
+                }
+            };
         },
     });
 }

package/index.d.ts

@@ -62,6 +62,7 @@ declare global {
       ui?: UIImplementation
       blotoutConsentAPI?: BlotoutConsentAPI
       showBanner?: () => void
+      showDnsForm?: () => void
     }
   }
 }

package/index.js

@@ -6130,7 +6130,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
       }
 
       .dns-link {
-        font-size: 0.75rem;
+        font-size: var(--text-sm);
         text-decoration: underline;
         cursor: pointer;
         background: none;
@@ -6209,17 +6209,6 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
     overflow: hidden;
   }
 
-  .dns-link {
-    font-size: 0.75rem;
-    text-decoration: underline;
-    cursor: pointer;
-    background: none;
-    border: none;
-    color: var(--bc-link-color, #6d28d9);
-    padding: 0;
-    margin-top: 8px;
-  }
-
   @container (min-width: 480px) {
     .btn-row {
       flex-direction: row;
@@ -6780,7 +6769,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
          * @returns TemplateResult for the dialog header
          */
         renderTitleAndDescription() {
-            var _a;
+            var _a, _b, _c;
             const { text } = this.config;
             return b `
       <div class="bc-header" data-annotation="bc-header">
@@ -6807,6 +6796,10 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
             data-annotation="bc-description"
           >
             ${(_a = text.description) !== null && _a !== void 0 ? _a : ''}
+            ${((_c = (_b = text.privacyPolicy) === null || _b === void 0 ? void 0 : _b.placement) !== null && _c !== void 0 ? _c : 'banner-subtext') ===
+            'banner-subtext'
+            ? this.renderPrivacyPolicyLink()
+            : b ``}
           </p>
         </div>
       </div>
@@ -6845,7 +6838,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
     </div>`;
         }
         renderPrivacyPolicyLink() {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e;
             const url = (_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
             let safeUrl = null;
             try {
@@ -6857,15 +6850,17 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
             catch {
                 // invalid URL — omit link
             }
+            const pretext = (_d = (_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.pretext) !== null && _d !== void 0 ? _d : 'Learn more in our';
             return safeUrl
-                ? b ` <a
-          href="${safeUrl}"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
-          data-annotation="bc-privacy-link"
-          >${((_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.label) || 'Privacy Policy'}</a
-        >`
+                ? b `${pretext}
+          <a
+            href="${safeUrl}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
+            data-annotation="bc-privacy-link"
+            >${((_e = this.config.text.privacyPolicy) === null || _e === void 0 ? void 0 : _e.label) || 'Privacy Policy'}</a
+          >`
                 : b ``;
         }
         /**
@@ -6873,6 +6868,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
          * @returns TemplateResult for the dialog
          */
         render() {
+            var _a, _b;
             if (this.showDoNotSellForm) {
                 return b `
         <do-not-sell-form
@@ -6894,19 +6890,17 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
       .annotationCss=${this.showAnnotations ? ANNOTATION_CSS : ''}
     >
       ${this.renderTitleAndDescription()} ${this.renderContent()}
-      ${(() => {
-            var _a;
-            const privacyLink = this.renderPrivacyPolicyLink();
-            const disclaimer = (_a = this.config.text.disclaimer) !== null && _a !== void 0 ? _a : '';
-            return disclaimer || privacyLink
-                ? b `<div
-              class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
-              data-annotation="bc-disclaimer"
-            >
-              ${disclaimer} ${privacyLink}
-            </div>`
-                : '';
-        })()}
+      ${this.config.text.disclaimer
+            ? b `<div
+            class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
+            data-annotation="bc-disclaimer"
+          >
+            ${this.config.text.disclaimer}
+            ${((_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.placement) !== null && _b !== void 0 ? _b : 'banner-subtext') === 'disclaimer'
+                ? b ` ${this.renderPrivacyPolicyLink()}`
+                : b ``}
+          </div>`
+            : ''}
       <powered-by-blotout
         class="bc-footer"
         data-annotation="bc-footer"
@@ -6972,7 +6966,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
   }
 
   .dns-link {
-    font-size: 0.75rem;
+    font-size: var(--text-sm);
     text-decoration: underline;
     cursor: pointer;
     background: none;
@@ -7075,7 +7069,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
             super.disconnectedCallback();
         }
         renderTitleAndDescription() {
-            var _a;
+            var _a, _b, _c;
             const { text } = this.config;
             return b `
       <div class="bc-header" data-annotation="bc-header">
@@ -7091,6 +7085,10 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
             data-annotation="bc-description"
           >
             ${(_a = text.description) !== null && _a !== void 0 ? _a : ''}
+            ${((_c = (_b = text.privacyPolicy) === null || _b === void 0 ? void 0 : _b.placement) !== null && _c !== void 0 ? _c : 'banner-subtext') ===
+            'banner-subtext'
+            ? this.renderPrivacyPolicyLink()
+            : b ``}
           </p>
         </div>
       </div>
@@ -7198,7 +7196,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
     `;
         }
         renderPrivacyPolicyLink() {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e;
             const url = (_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
             let safeUrl = null;
             try {
@@ -7210,18 +7208,21 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
             catch {
                 // invalid URL — omit link
             }
+            const pretext = (_d = (_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.pretext) !== null && _d !== void 0 ? _d : 'Learn more in our';
             return safeUrl
-                ? b ` <a
-          href="${safeUrl}"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
-          data-annotation="bc-privacy-link"
-          >${((_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.label) || 'Privacy Policy'}</a
-        >`
+                ? b `${pretext}
+          <a
+            href="${safeUrl}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
+            data-annotation="bc-privacy-link"
+            >${((_e = this.config.text.privacyPolicy) === null || _e === void 0 ? void 0 : _e.label) || 'Privacy Policy'}</a
+          >`
                 : b ``;
         }
         renderContent() {
+            var _a, _b;
             return b `
       <div class="content-layout bc-content" data-annotation="bc-content">
         ${this.renderTitleAndDescription()}
@@ -7245,7 +7246,10 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
             class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
             data-annotation="bc-disclaimer"
           >
-            ${this.config.text.disclaimer} ${this.renderPrivacyPolicyLink()}
+            ${this.config.text.disclaimer}
+            ${((_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.placement) !== null && _b !== void 0 ? _b : 'banner-subtext') === 'disclaimer'
+                ? b ` ${this.renderPrivacyPolicyLink()}`
+                : b ``}
           </div>`
             : ''}
       <powered-by-blotout
@@ -7442,6 +7446,7 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
             this.disableActions = false;
             this.showBanner = false;
             this.showCookieIcon = true;
+            this.showDnsFormStandalone = false;
             this.disableCookieIcon = true;
             this.isLoading = false;
             this.bannerTimer = null;
@@ -7456,6 +7461,13 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
         show() {
             this.showBanner = true;
         }
+        /** Programmatically opens the Do Not Sell form without triggering the consent banner. */
+        showDnsForm() {
+            this.showDnsFormStandalone = true;
+        }
+        handleDnsFormClosed() {
+            this.showDnsFormStandalone = false;
+        }
         async checkAndShowBanner() {
             var _a, _b, _c;
             if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.behavior)) {
@@ -7719,6 +7731,18 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
         }
         render() {
             var _a, _b, _c;
+            if (this.showDnsFormStandalone) {
+                return b `<do-not-sell-form
+        .open=${true}
+        .config=${this.config}
+        .css=${this.css}
+        .disableActions=${this.disableActions}
+        .contained=${this.contained}
+        .showAnnotations=${this.showAnnotations}
+        @do-not-sell-form-closed=${this.handleDnsFormClosed}
+        @do-not-sell-request-submitted=${this.handleDoNotSellRequestSubmitted}
+      ></do-not-sell-form>`;
+            }
             return b `<div
       class=${e({ 'root-contained': this.contained })}
       @accept-all=${this.handleAcceptAll}
@@ -7777,6 +7801,10 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
         r$1(),
         __metadata("design:type", Object)
     ], ConsentBanner.prototype, "showCookieIcon", void 0);
+    __decorate([
+        r$1(),
+        __metadata("design:type", Object)
+    ], ConsentBanner.prototype, "showDnsFormStandalone", void 0);
     __decorate([
         r$1(),
         __metadata("design:type", Object)
@@ -7832,6 +7860,15 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
                 logger.info('BlotoutConsent: Cannot show banner - not yet initialized. Ensure config and blotoutConsentAPI are set.');
             }
         }
+        /** Programmatically opens the Do Not Sell form without showing the consent banner. */
+        showDnsForm() {
+            if (this.banner) {
+                this.banner.showDnsForm();
+            }
+            else {
+                logger.info('BlotoutConsent: Cannot show DNS form - not yet initialized. Ensure config and blotoutConsentAPI are set.');
+            }
+        }
         render() {
             if (!this.config || !this.blotoutConsentAPI) {
                 return;
@@ -7899,15 +7936,18 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
         customElements.define('blotout-consent', BlotoutConsent);
     }
 
-    var _a, _b, _c;
-    var _d, _e;
+    var _a, _b, _c, _d;
+    var _e, _f, _g;
     let blotoutConsent;
     if (typeof window != 'undefined' && typeof document != 'undefined') {
         (_a = window[registryKey]) !== null && _a !== void 0 ? _a : (window[registryKey] = {});
-        (_b = (_d = window[registryKey]).showBanner) !== null && _b !== void 0 ? _b : (_d.showBanner = () => {
-            // stub — replaced once init() runs
+        (_b = (_e = window[registryKey]).showBanner) !== null && _b !== void 0 ? _b : (_e.showBanner = () => {
+            logger.info('showBanner() called before blotout-consent init() — call will be ignored. Ensure init() has completed first.');
+        });
+        (_c = (_f = window[registryKey]).showDnsForm) !== null && _c !== void 0 ? _c : (_f.showDnsForm = () => {
+            logger.info('showDnsForm() called before blotout-consent init() — call will be ignored. Ensure init() has completed first.');
         });
-        (_c = (_e = window[registryKey]).ui) !== null && _c !== void 0 ? _c : (_e.ui = {
+        (_d = (_g = window[registryKey]).ui) !== null && _d !== void 0 ? _d : (_g.ui = {
             init(params) {
                 if (!params || typeof params !== 'object') {
                     console.error('Invalid blotout-consent init params');
@@ -7952,6 +7992,11 @@ var ProvidersBlotoutConsentSdk = (function (exports) {
                         blotoutConsent.show();
                     }
                 };
+                window[registryKey].showDnsForm = () => {
+                    if (blotoutConsent) {
+                        blotoutConsent.showDnsForm();
+                    }
+                };
             },
         });
     }

package/index.mjs

@@ -6127,7 +6127,7 @@ PreferenceCenter.styles = [
       }
 
       .dns-link {
-        font-size: 0.75rem;
+        font-size: var(--text-sm);
         text-decoration: underline;
         cursor: pointer;
         background: none;
@@ -6206,17 +6206,6 @@ const dialogViewStyles = i$5 `
     overflow: hidden;
   }
 
-  .dns-link {
-    font-size: 0.75rem;
-    text-decoration: underline;
-    cursor: pointer;
-    background: none;
-    border: none;
-    color: var(--bc-link-color, #6d28d9);
-    padding: 0;
-    margin-top: 8px;
-  }
-
   @container (min-width: 480px) {
     .btn-row {
       flex-direction: row;
@@ -6777,7 +6766,7 @@ class DialogView extends ElementWithActions {
      * @returns TemplateResult for the dialog header
      */
     renderTitleAndDescription() {
-        var _a;
+        var _a, _b, _c;
         const { text } = this.config;
         return b `
       <div class="bc-header" data-annotation="bc-header">
@@ -6804,6 +6793,10 @@ class DialogView extends ElementWithActions {
             data-annotation="bc-description"
           >
             ${(_a = text.description) !== null && _a !== void 0 ? _a : ''}
+            ${((_c = (_b = text.privacyPolicy) === null || _b === void 0 ? void 0 : _b.placement) !== null && _c !== void 0 ? _c : 'banner-subtext') ===
+            'banner-subtext'
+            ? this.renderPrivacyPolicyLink()
+            : b ``}
           </p>
         </div>
       </div>
@@ -6842,7 +6835,7 @@ class DialogView extends ElementWithActions {
     </div>`;
     }
     renderPrivacyPolicyLink() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const url = (_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
         let safeUrl = null;
         try {
@@ -6854,15 +6847,17 @@ class DialogView extends ElementWithActions {
         catch {
             // invalid URL — omit link
         }
+        const pretext = (_d = (_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.pretext) !== null && _d !== void 0 ? _d : 'Learn more in our';
         return safeUrl
-            ? b ` <a
-          href="${safeUrl}"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
-          data-annotation="bc-privacy-link"
-          >${((_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.label) || 'Privacy Policy'}</a
-        >`
+            ? b `${pretext}
+          <a
+            href="${safeUrl}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
+            data-annotation="bc-privacy-link"
+            >${((_e = this.config.text.privacyPolicy) === null || _e === void 0 ? void 0 : _e.label) || 'Privacy Policy'}</a
+          >`
             : b ``;
     }
     /**
@@ -6870,6 +6865,7 @@ class DialogView extends ElementWithActions {
      * @returns TemplateResult for the dialog
      */
     render() {
+        var _a, _b;
         if (this.showDoNotSellForm) {
             return b `
         <do-not-sell-form
@@ -6891,19 +6887,17 @@ class DialogView extends ElementWithActions {
       .annotationCss=${this.showAnnotations ? ANNOTATION_CSS : ''}
     >
       ${this.renderTitleAndDescription()} ${this.renderContent()}
-      ${(() => {
-            var _a;
-            const privacyLink = this.renderPrivacyPolicyLink();
-            const disclaimer = (_a = this.config.text.disclaimer) !== null && _a !== void 0 ? _a : '';
-            return disclaimer || privacyLink
-                ? b `<div
-              class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
-              data-annotation="bc-disclaimer"
-            >
-              ${disclaimer} ${privacyLink}
-            </div>`
-                : '';
-        })()}
+      ${this.config.text.disclaimer
+            ? b `<div
+            class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
+            data-annotation="bc-disclaimer"
+          >
+            ${this.config.text.disclaimer}
+            ${((_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.placement) !== null && _b !== void 0 ? _b : 'banner-subtext') === 'disclaimer'
+                ? b ` ${this.renderPrivacyPolicyLink()}`
+                : b ``}
+          </div>`
+            : ''}
       <powered-by-blotout
         class="bc-footer"
         data-annotation="bc-footer"
@@ -6969,7 +6963,7 @@ const longViewStyles = i$5 `
   }
 
   .dns-link {
-    font-size: 0.75rem;
+    font-size: var(--text-sm);
     text-decoration: underline;
     cursor: pointer;
     background: none;
@@ -7072,7 +7066,7 @@ class LongView extends ElementWithActions {
         super.disconnectedCallback();
     }
     renderTitleAndDescription() {
-        var _a;
+        var _a, _b, _c;
         const { text } = this.config;
         return b `
       <div class="bc-header" data-annotation="bc-header">
@@ -7088,6 +7082,10 @@ class LongView extends ElementWithActions {
             data-annotation="bc-description"
           >
             ${(_a = text.description) !== null && _a !== void 0 ? _a : ''}
+            ${((_c = (_b = text.privacyPolicy) === null || _b === void 0 ? void 0 : _b.placement) !== null && _c !== void 0 ? _c : 'banner-subtext') ===
+            'banner-subtext'
+            ? this.renderPrivacyPolicyLink()
+            : b ``}
           </p>
         </div>
       </div>
@@ -7195,7 +7193,7 @@ class LongView extends ElementWithActions {
     `;
     }
     renderPrivacyPolicyLink() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const url = (_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
         let safeUrl = null;
         try {
@@ -7207,18 +7205,21 @@ class LongView extends ElementWithActions {
         catch {
             // invalid URL — omit link
         }
+        const pretext = (_d = (_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.pretext) !== null && _d !== void 0 ? _d : 'Learn more in our';
         return safeUrl
-            ? b ` <a
-          href="${safeUrl}"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
-          data-annotation="bc-privacy-link"
-          >${((_c = this.config.text.privacyPolicy) === null || _c === void 0 ? void 0 : _c.label) || 'Privacy Policy'}</a
-        >`
+            ? b `${pretext}
+          <a
+            href="${safeUrl}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-[var(--bc-link-color)] text-xs font-medium hover:opacity-80 underline underline-offset-2 bc-privacy-link"
+            data-annotation="bc-privacy-link"
+            >${((_e = this.config.text.privacyPolicy) === null || _e === void 0 ? void 0 : _e.label) || 'Privacy Policy'}</a
+          >`
             : b ``;
     }
     renderContent() {
+        var _a, _b;
         return b `
       <div class="content-layout bc-content" data-annotation="bc-content">
         ${this.renderTitleAndDescription()}
@@ -7242,7 +7243,10 @@ class LongView extends ElementWithActions {
             class="text-[var(--bc-text-color)] text-xs opacity-60 mb-3 bc-disclaimer"
             data-annotation="bc-disclaimer"
           >
-            ${this.config.text.disclaimer} ${this.renderPrivacyPolicyLink()}
+            ${this.config.text.disclaimer}
+            ${((_b = (_a = this.config.text.privacyPolicy) === null || _a === void 0 ? void 0 : _a.placement) !== null && _b !== void 0 ? _b : 'banner-subtext') === 'disclaimer'
+                ? b ` ${this.renderPrivacyPolicyLink()}`
+                : b ``}
           </div>`
             : ''}
       <powered-by-blotout
@@ -7439,6 +7443,7 @@ class ConsentBanner extends ElementWithStylesheet {
         this.disableActions = false;
         this.showBanner = false;
         this.showCookieIcon = true;
+        this.showDnsFormStandalone = false;
         this.disableCookieIcon = true;
         this.isLoading = false;
         this.bannerTimer = null;
@@ -7453,6 +7458,13 @@ class ConsentBanner extends ElementWithStylesheet {
     show() {
         this.showBanner = true;
     }
+    /** Programmatically opens the Do Not Sell form without triggering the consent banner. */
+    showDnsForm() {
+        this.showDnsFormStandalone = true;
+    }
+    handleDnsFormClosed() {
+        this.showDnsFormStandalone = false;
+    }
     async checkAndShowBanner() {
         var _a, _b, _c;
         if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.behavior)) {
@@ -7716,6 +7728,18 @@ class ConsentBanner extends ElementWithStylesheet {
     }
     render() {
         var _a, _b, _c;
+        if (this.showDnsFormStandalone) {
+            return b `<do-not-sell-form
+        .open=${true}
+        .config=${this.config}
+        .css=${this.css}
+        .disableActions=${this.disableActions}
+        .contained=${this.contained}
+        .showAnnotations=${this.showAnnotations}
+        @do-not-sell-form-closed=${this.handleDnsFormClosed}
+        @do-not-sell-request-submitted=${this.handleDoNotSellRequestSubmitted}
+      ></do-not-sell-form>`;
+        }
         return b `<div
       class=${e({ 'root-contained': this.contained })}
       @accept-all=${this.handleAcceptAll}
@@ -7774,6 +7798,10 @@ __decorate([
     r$1(),
     __metadata("design:type", Object)
 ], ConsentBanner.prototype, "showCookieIcon", void 0);
+__decorate([
+    r$1(),
+    __metadata("design:type", Object)
+], ConsentBanner.prototype, "showDnsFormStandalone", void 0);
 __decorate([
     r$1(),
     __metadata("design:type", Object)
@@ -7829,6 +7857,15 @@ class BlotoutConsent extends ElementWithStylesheet {
             logger.info('BlotoutConsent: Cannot show banner - not yet initialized. Ensure config and blotoutConsentAPI are set.');
         }
     }
+    /** Programmatically opens the Do Not Sell form without showing the consent banner. */
+    showDnsForm() {
+        if (this.banner) {
+            this.banner.showDnsForm();
+        }
+        else {
+            logger.info('BlotoutConsent: Cannot show DNS form - not yet initialized. Ensure config and blotoutConsentAPI are set.');
+        }
+    }
     render() {
         if (!this.config || !this.blotoutConsentAPI) {
             return;
@@ -7896,15 +7933,18 @@ if (!customElements.get('blotout-consent')) {
     customElements.define('blotout-consent', BlotoutConsent);
 }
 
-var _a, _b, _c;
-var _d, _e;
+var _a, _b, _c, _d;
+var _e, _f, _g;
 let blotoutConsent;
 if (typeof window != 'undefined' && typeof document != 'undefined') {
     (_a = window[registryKey]) !== null && _a !== void 0 ? _a : (window[registryKey] = {});
-    (_b = (_d = window[registryKey]).showBanner) !== null && _b !== void 0 ? _b : (_d.showBanner = () => {
-        // stub — replaced once init() runs
+    (_b = (_e = window[registryKey]).showBanner) !== null && _b !== void 0 ? _b : (_e.showBanner = () => {
+        logger.info('showBanner() called before blotout-consent init() — call will be ignored. Ensure init() has completed first.');
+    });
+    (_c = (_f = window[registryKey]).showDnsForm) !== null && _c !== void 0 ? _c : (_f.showDnsForm = () => {
+        logger.info('showDnsForm() called before blotout-consent init() — call will be ignored. Ensure init() has completed first.');
     });
-    (_c = (_e = window[registryKey]).ui) !== null && _c !== void 0 ? _c : (_e.ui = {
+    (_d = (_g = window[registryKey]).ui) !== null && _d !== void 0 ? _d : (_g.ui = {
         init(params) {
             if (!params || typeof params !== 'object') {
                 console.error('Invalid blotout-consent init params');
@@ -7949,6 +7989,11 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
                     blotoutConsent.show();
                 }
             };
+            window[registryKey].showDnsForm = () => {
+                if (blotoutConsent) {
+                    blotoutConsent.showDnsForm();
+                }
+            };
         },
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-blotout-consent-sdk",
-  "version": "1.52.1",
+  "version": "1.53.0",
   "description": "Blotout Consent Banner SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",