@tokenoftrust/storefront-runner 2.2.113 → 2.2.115

package/apps/storefront/src/components/islands/IsolatedAgeGate.tsx

@@ -95,16 +95,14 @@ const HOST_STYLE_FLOOR = {
   opacity: "1",
   "pointer-events": "none",
 } as const;
+const HOST_STYLE_ATTRIBUTE = Object.entries(HOST_STYLE_FLOOR)
+  .map(([property, value]) => `${property}: ${value} !important;`)
+  .join(" ");
 
 /** Inline-important floor: tenant selectors cannot hide or cover the compliance host. */
 export function hardenComplianceHost(host: HTMLElement): void {
-  for (const [property, value] of Object.entries(HOST_STYLE_FLOOR)) {
-    if (
-      host.style.getPropertyValue(property) !== value ||
-      host.style.getPropertyPriority(property) !== "important"
-    ) {
-      host.style.setProperty(property, value, "important");
-    }
+  if (host.getAttribute("style") !== HOST_STYLE_ATTRIBUTE) {
+    host.setAttribute("style", HOST_STYLE_ATTRIBUTE);
   }
 }
 
@@ -165,6 +163,7 @@ export function mountIsolatedAgeGate({ minAge, brand, tenantId, presentation }:
 
   const mount = document.createElement("div");
   shadow.appendChild(mount);
+  document.body.appendChild(host);
   render(
     <AgeGate
       minAge={minAge}
@@ -183,7 +182,6 @@ export function mountIsolatedAgeGate({ minAge, brand, tenantId, presentation }:
     />,
     mount,
   );
-  document.body.appendChild(host);
 
   // Re-assert: restore the host if tenant code detaches or hides it.
   const ensure = () => {

package/apps/storefront/src/lib/rawChrome.ts

@@ -627,13 +627,9 @@ export const CHROME_BEHAVIOR_JS = `(function () {
 
       var host = document.createElement('div');
       host.setAttribute('data-tot-compliance', '');
+      var gstyle = 'all: initial !important; display: block !important; position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important;';
       var gharden = function () {
-        var floor = { all: 'initial', display: 'block', position: 'fixed', inset: '0', 'z-index': '2147483647', visibility: 'visible', opacity: '1', 'pointer-events': 'none' };
-        Object.keys(floor).forEach(function (property) {
-          if (host.style.getPropertyValue(property) !== floor[property] || host.style.getPropertyPriority(property) !== 'important') {
-            host.style.setProperty(property, floor[property], 'important');
-          }
-        });
+        if (host.getAttribute('style') !== gstyle) host.setAttribute('style', gstyle);
       };
       gharden();
       var shadow = host.attachShadow({ mode: 'closed' });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokenoftrust/storefront-runner",
-  "version": "2.2.113",
+  "version": "2.2.115",
   "license": "SEE LICENSE IN LICENSE",
   "description": "World-shareable storefront runner: multi-tenant renderer on Astro/Cloudflare. No control plane.",
   "packageManager": "pnpm@11.9.0",