@salla.sa/twilight-components 2.14.556 → 2.14.557

package/dist/collection/components/salla-trust-badges/salla-trust-badges.js

@@ -10,172 +10,14 @@ export class SallaTrustBadges {
         this.dark = false;
         this.commercialRegisterLabel = '';
         this.freelanceLabel = '';
-        this.cachedChain = [];
-        this.enforceVisibility = () => {
-            const host = this.hostEl;
-            if (!host || !host.isConnected)
-                return;
-            const badgeData = this.getBadgeData();
-            if (!badgeData)
-                return;
-            if (this.isHostVisible(host))
-                return;
-            for (const el of this.getAncestorChain(host)) {
-                const computed = getComputedStyle(el);
-                if (computed.display === 'none') {
-                    el.style.setProperty('display', 'flex', 'important');
-                }
-                if (computed.visibility === 'hidden' || computed.visibility === 'collapse') {
-                    el.style.setProperty('visibility', 'visible', 'important');
-                }
-                if (parseFloat(computed.opacity) < SallaTrustBadges.OPACITY_THRESHOLD) {
-                    el.style.setProperty('opacity', '1', 'important');
-                }
-                if (computed.contentVisibility === 'hidden') {
-                    el.style.setProperty('content-visibility', 'visible', 'important');
-                }
-            }
-        };
-        this.runEnforce = () => {
-            this.clearEnforceTimers();
-            this.enforceVisibility();
-        };
     }
     componentWillLoad() {
         this.initializeTranslations();
     }
-    async componentDidLoad() {
-        await salla.onReady();
-        if (!this.isVisibilityEnforced())
-            return;
-        this.setupVisibilityGuard();
-        this.scheduleEnforce();
-    }
-    componentDidRender() {
-        this.scheduleEnforce();
-    }
-    disconnectedCallback() {
-        this.attrObserver?.disconnect();
-        this.attrObserver = undefined;
-        this.moveObserver?.disconnect();
-        this.moveObserver = undefined;
-        this.cachedChain = [];
-        this.clearEnforceTimers();
-    }
-    // Visibility enforcement is a KSA-only legal requirement.
+    // The badge image is a KSA-only legal requirement.
     isVisibilityEnforced() {
         return salla.config.get('store.store_country') === 'SA';
     }
-    getAncestorChain(host) {
-        const chain = [];
-        let el = host;
-        while (el) {
-            chain.push(el);
-            if (el === document.documentElement)
-                break;
-            el = el.parentElement;
-        }
-        return chain;
-    }
-    didChainChange(host) {
-        const now = this.getAncestorChain(host);
-        if (now.length !== this.cachedChain.length)
-            return true;
-        for (let i = 0; i < now.length; i++) {
-            if (now[i] !== this.cachedChain[i])
-                return true;
-        }
-        return false;
-    }
-    isHostVisible(host) {
-        return typeof host.checkVisibility === 'function'
-            ? host.checkVisibility({
-                contentVisibilityAuto: true,
-                opacityProperty: true,
-                visibilityProperty: true,
-            })
-            : this.isVisibleFallback(host);
-    }
-    isVisibleFallback(host) {
-        let el = host;
-        while (el) {
-            const cs = getComputedStyle(el);
-            if (cs.display === 'none')
-                return false;
-            if (cs.visibility === 'hidden' || cs.visibility === 'collapse')
-                return false;
-            if (parseFloat(cs.opacity) < SallaTrustBadges.OPACITY_THRESHOLD)
-                return false;
-            if (cs.contentVisibility === 'hidden')
-                return false;
-            if (el === document.documentElement)
-                break;
-            el = el.parentElement;
-        }
-        return true;
-    }
-    clearEnforceTimers() {
-        if (this.enforceTimer !== undefined) {
-            clearTimeout(this.enforceTimer);
-            this.enforceTimer = undefined;
-        }
-        if (this.maxWaitTimer !== undefined) {
-            clearTimeout(this.maxWaitTimer);
-            this.maxWaitTimer = undefined;
-        }
-    }
-    scheduleEnforce() {
-        if (!this.isVisibilityEnforced())
-            return;
-        // Debounce waits for an entrance animation to settle; maxWait bounds it so endless chain mutations can't starve the repair.
-        if (this.enforceTimer !== undefined)
-            clearTimeout(this.enforceTimer);
-        this.enforceTimer = setTimeout(this.runEnforce, SallaTrustBadges.ENFORCE_DEBOUNCE_MS);
-        if (this.maxWaitTimer === undefined) {
-            this.maxWaitTimer = setTimeout(this.runEnforce, SallaTrustBadges.ENFORCE_MAX_WAIT_MS);
-        }
-    }
-    setupVisibilityGuard() {
-        const host = this.hostEl;
-        if (!host || typeof MutationObserver === 'undefined')
-            return;
-        this.attrObserver?.disconnect();
-        this.moveObserver?.disconnect();
-        this.attrObserver = new MutationObserver(() => {
-            const h = this.hostEl;
-            if (!h || !h.isConnected)
-                return;
-            if (this.isHostVisible(h))
-                return;
-            this.scheduleEnforce();
-        });
-        this.attachAttrObserver(host);
-        this.moveObserver = new MutationObserver(() => {
-            const h = this.hostEl;
-            if (!h || !h.isConnected)
-                return;
-            if (!this.didChainChange(h))
-                return;
-            this.attachAttrObserver(h);
-            this.scheduleEnforce();
-        });
-        this.moveObserver.observe(document.documentElement, {
-            childList: true,
-            subtree: true,
-        });
-    }
-    attachAttrObserver(host) {
-        if (!this.attrObserver)
-            return;
-        this.attrObserver.disconnect();
-        this.cachedChain = this.getAncestorChain(host);
-        for (const el of this.cachedChain) {
-            this.attrObserver.observe(el, {
-                attributes: true,
-                attributeFilter: ['style', 'class', 'hidden'],
-            });
-        }
-    }
     initializeTranslations() {
         salla.lang.onLoaded(() => {
             // Set translations synchronously
@@ -264,8 +106,4 @@ export class SallaTrustBadges {
             "freelanceLabel": {}
         };
     }
-    static get elementRef() { return "hostEl"; }
 }
-SallaTrustBadges.OPACITY_THRESHOLD = 0.1;
-SallaTrustBadges.ENFORCE_DEBOUNCE_MS = 1500;
-SallaTrustBadges.ENFORCE_MAX_WAIT_MS = 3000;