fck-honey 0.3.9 → 0.3.10

package/README.md

@@ -16,7 +16,7 @@ This will automatically listen for Honey and show a default warning to the user
 <script>
 window.fckHoney.listen((warn, el, vendor) => {
     // Decide how you want to handle this. Native warn function allows you to tell the user to disable Honey.
-    // vendor is "honey" or "Capital One Shopping"
+    // vendor is "honey", "Capital One Shopping", or "Rakuten"
     warn("You must disable the Honey extension to continue.");
   });
 </script>
@@ -33,7 +33,7 @@ import { listen } from "fck-honey";
 
 listen((warn, el, vendor) => {
   // Decide how you want to handle this. Native warn function allows you to tell the user to disable Honey.
-  // vendor is "honey" or "Capital One Shopping"
+  // vendor is "honey", "Capital One Shopping", or "Rakuten"
   warn("You must disable the Honey extension to continue.");
 });
 ```
@@ -44,7 +44,7 @@ listen((warn, el, vendor) => {
 window.fckHoney.listen((warn, el, vendor) => {
   // removeHoney defaults to true (element is auto-removed).
   // Set removeHoney to false if you want to keep the Honey element for some reason.
-  // vendor is "honey" or "Capital One Shopping"
+  // vendor is "honey", "Capital One Shopping", or "Rakuten"
 }, { removeHoney: false });
 ```
 

package/dist/auto.js

@@ -1,6 +1,6 @@
 (function() {
   // dist/bundle-tmp/version.js
-  var VERSION = "0.3.9";
+  var VERSION = "0.3.10";
 
   // dist/bundle-tmp/core.js
   var __assign = function() {
@@ -83,11 +83,6 @@
           console.log("+++ reject: display none", el);
         return false;
       }
-      if (el.shadowRoot) {
-        if (debug)
-          console.log("+++ reject: shadowRoot", el);
-        return false;
-      }
       return true;
     }
     var cs = getComputedStyle(el);
@@ -102,17 +97,14 @@
         console.log("+++ reject: display none", el);
       return false;
     }
-    if (el.shadowRoot) {
-      if (debug)
-        console.log("+++ reject: shadowRoot", el);
-      return false;
-    }
     return true;
   }
   var VENDOR_MATCHERS = [
     {
       name: "honey",
-      matches: function(el, uuidGate, debug) {
+      matches: function(el, zNearMax, uuidGate, debug) {
+        if (!hasNearMaxZIndex(el, zNearMax, debug))
+          return false;
         if (!el.id) {
           if (debug)
             console.log("+++ reject: no id", el);
@@ -123,30 +115,57 @@
             console.log("+++ reject: uuid", el.id);
           return false;
         }
+        if (el.shadowRoot) {
+          if (debug)
+            console.log("+++ reject: shadowRoot", el);
+          return false;
+        }
         return true;
       }
     },
     {
       name: "Capital One Shopping",
-      matches: function(el, _uuidGate, debug) {
+      matches: function(el, zNearMax, _uuidGate, debug) {
+        if (!hasNearMaxZIndex(el, zNearMax, debug))
+          return false;
         var dataGuid = getDataGuidAttribute(el);
         if (!dataGuid) {
           if (debug)
             console.log("+++ reject: no data guid", el);
           return false;
         }
+        if (el.shadowRoot) {
+          if (debug)
+            console.log("+++ reject: shadowRoot", el);
+          return false;
+        }
         if (debug)
           console.log("+++ match capitalone", dataGuid, el);
         return true;
       }
+    },
+    {
+      name: "Rakuten",
+      matches: function(el, _zNearMax, _uuidGate, debug) {
+        if (!el.shadowRoot) {
+          if (debug)
+            console.log("+++ reject: no shadowRoot", el);
+          return false;
+        }
+        var style = el.shadowRoot.querySelector("style#rr-style-content");
+        if (!style) {
+          if (debug)
+            console.log("+++ reject: no rr-style-content", el);
+          return false;
+        }
+        return true;
+      }
     }
   ];
   function getVendorForDiv(el, zNearMax, uuidGate, debug) {
-    if (!hasNearMaxZIndex(el, zNearMax, debug))
-      return null;
     for (var i = 0; i < VENDOR_MATCHERS.length; i += 1) {
       var matcher = VENDOR_MATCHERS[i];
-      if (matcher.matches(el, uuidGate, debug)) {
+      if (matcher.matches(el, zNearMax, uuidGate, debug)) {
         if (debug)
           console.log("+++ match", matcher.name, el);
         return matcher.name;
@@ -271,14 +290,15 @@
   function buildAutoModalHtml(vendor) {
     var query = encodeURIComponent("Why is the " + vendor + " browser extension shady, and how can i uninstall it?");
     var helpUrl = "http://chatgpt.com/?q=" + query;
-    return '<div class="modal" role="dialog" aria-modal="true" aria-labelledby="honey-modal-title"><h2 id="honey-modal-title"><span style="font-weight:400;">This site can\u2019t proceed with </span><strong style="text-transform:uppercase;">' + vendor + '</strong><span style="font-weight:400;"> Extension enabled</span></h2><div style="display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px 0;align-items:stretch;"><a href="' + helpUrl + '" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 240px;">Please disable it to continue your checkout. \u26D4\uFE0F</a><a href="https://www.youtube.com/watch?v=wwB3FmbcC88" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 240px;">Here is why \uD83C\uDFA5</a></div></div>';
+    return '<div class="modal" role="dialog" aria-modal="true" aria-labelledby="honey-modal-title"><h2 id="honey-modal-title"><span style="font-weight:400;">This site can\u2019t proceed with </span><strong>' + vendor + '</strong><span style="font-weight:400;"> Extension enabled</span></h2><div style="display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px 0;align-items:stretch;"><a href="' + helpUrl + '" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 240px;">Please disable it to continue your checkout. \u26D4\uFE0F</a><a href="https://www.youtube.com/watch?v=wwB3FmbcC88" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 240px;">Here is why \uD83C\uDFA5</a></div></div>';
   }
   if (typeof window !== "undefined") {
     window.fckHoney = window.fckHoney || {};
     window.fckHoney.listen = listen;
     window.fckHoney.version = version;
     window.fckHoneyHandle = window.fckHoney.listen(function(warn, _el, vendor) {
-      var vendorLabel = vendor || "honey";
+      var vendorName = vendor || "honey";
+      var vendorLabel = vendorName.charAt(0).toUpperCase() + vendorName.slice(1);
       warn(buildAutoModalHtml(vendorLabel));
     });
   }

package/dist/bundle-tmp/auto.js

@@ -5,7 +5,7 @@ function buildAutoModalHtml(vendor) {
     return ('<div class="modal" role="dialog" aria-modal="true" aria-labelledby="honey-modal-title">' +
         '<h2 id="honey-modal-title">' +
         '<span style="font-weight:400;">This site can’t proceed with </span>' +
-        '<strong style="text-transform:uppercase;">' +
+        "<strong>" +
         vendor +
         '</strong><span style="font-weight:400;"> Extension enabled</span>' +
         "</h2>" +
@@ -21,7 +21,8 @@ if (typeof window !== "undefined") {
     window.fckHoney.listen = listen;
     window.fckHoney.version = version;
     window.fckHoneyHandle = window.fckHoney.listen(function (warn, _el, vendor) {
-        var vendorLabel = vendor || "honey";
+        var vendorName = vendor || "honey";
+        var vendorLabel = vendorName.charAt(0).toUpperCase() + vendorName.slice(1);
         warn(buildAutoModalHtml(vendorLabel));
     });
 }

package/dist/bundle-tmp/core.js

@@ -81,11 +81,6 @@ function hasNearMaxZIndex(el, zNearMax, debug) {
                 console.log("+++ reject: display none", el);
             return false;
         }
-        if (el.shadowRoot) {
-            if (debug)
-                console.log("+++ reject: shadowRoot", el);
-            return false;
-        }
         return true;
     }
     var cs = getComputedStyle(el);
@@ -100,18 +95,15 @@ function hasNearMaxZIndex(el, zNearMax, debug) {
             console.log("+++ reject: display none", el);
         return false;
     }
-    if (el.shadowRoot) {
-        if (debug)
-            console.log("+++ reject: shadowRoot", el);
-        return false;
-    }
     return true;
 }
 // Each matcher should only check vendor-specific flags; shared z-index gating happens earlier.
 var VENDOR_MATCHERS = [
     {
         name: "honey",
-        matches: function (el, uuidGate, debug) {
+        matches: function (el, zNearMax, uuidGate, debug) {
+            if (!hasNearMaxZIndex(el, zNearMax, debug))
+                return false;
             if (!el.id) {
                 if (debug)
                     console.log("+++ reject: no id", el);
@@ -122,30 +114,57 @@ var VENDOR_MATCHERS = [
                     console.log("+++ reject: uuid", el.id);
                 return false;
             }
+            if (el.shadowRoot) {
+                if (debug)
+                    console.log("+++ reject: shadowRoot", el);
+                return false;
+            }
             return true;
         }
     },
     {
         name: "Capital One Shopping",
-        matches: function (el, _uuidGate, debug) {
+        matches: function (el, zNearMax, _uuidGate, debug) {
+            if (!hasNearMaxZIndex(el, zNearMax, debug))
+                return false;
             var dataGuid = getDataGuidAttribute(el);
             if (!dataGuid) {
                 if (debug)
                     console.log("+++ reject: no data guid", el);
                 return false;
             }
+            if (el.shadowRoot) {
+                if (debug)
+                    console.log("+++ reject: shadowRoot", el);
+                return false;
+            }
             if (debug)
                 console.log("+++ match capitalone", dataGuid, el);
             return true;
         }
+    },
+    {
+        name: "Rakuten",
+        matches: function (el, _zNearMax, _uuidGate, debug) {
+            if (!el.shadowRoot) {
+                if (debug)
+                    console.log("+++ reject: no shadowRoot", el);
+                return false;
+            }
+            var style = el.shadowRoot.querySelector("style#rr-style-content");
+            if (!style) {
+                if (debug)
+                    console.log("+++ reject: no rr-style-content", el);
+                return false;
+            }
+            return true;
+        }
     }
 ];
 function getVendorForDiv(el, zNearMax, uuidGate, debug) {
-    if (!hasNearMaxZIndex(el, zNearMax, debug))
-        return null;
     for (var i = 0; i < VENDOR_MATCHERS.length; i += 1) {
         var matcher = VENDOR_MATCHERS[i];
-        if (matcher.matches(el, uuidGate, debug)) {
+        if (matcher.matches(el, zNearMax, uuidGate, debug)) {
             if (debug)
                 console.log("+++ match", matcher.name, el);
             return matcher.name;

package/dist/bundle-tmp/version.js

@@ -1,2 +1,2 @@
 // Auto-generated from package.json. Do not edit by hand.
-export var VERSION = "0.3.9";
+export var VERSION = "0.3.10";

package/dist/esm/core.js

@@ -81,11 +81,6 @@ function hasNearMaxZIndex(el, zNearMax, debug) {
                 console.log("+++ reject: display none", el);
             return false;
         }
-        if (el.shadowRoot) {
-            if (debug)
-                console.log("+++ reject: shadowRoot", el);
-            return false;
-        }
         return true;
     }
     var cs = getComputedStyle(el);
@@ -100,18 +95,15 @@ function hasNearMaxZIndex(el, zNearMax, debug) {
             console.log("+++ reject: display none", el);
         return false;
     }
-    if (el.shadowRoot) {
-        if (debug)
-            console.log("+++ reject: shadowRoot", el);
-        return false;
-    }
     return true;
 }
 // Each matcher should only check vendor-specific flags; shared z-index gating happens earlier.
 var VENDOR_MATCHERS = [
     {
         name: "honey",
-        matches: function (el, uuidGate, debug) {
+        matches: function (el, zNearMax, uuidGate, debug) {
+            if (!hasNearMaxZIndex(el, zNearMax, debug))
+                return false;
             if (!el.id) {
                 if (debug)
                     console.log("+++ reject: no id", el);
@@ -122,30 +114,57 @@ var VENDOR_MATCHERS = [
                     console.log("+++ reject: uuid", el.id);
                 return false;
             }
+            if (el.shadowRoot) {
+                if (debug)
+                    console.log("+++ reject: shadowRoot", el);
+                return false;
+            }
             return true;
         }
     },
     {
         name: "Capital One Shopping",
-        matches: function (el, _uuidGate, debug) {
+        matches: function (el, zNearMax, _uuidGate, debug) {
+            if (!hasNearMaxZIndex(el, zNearMax, debug))
+                return false;
             var dataGuid = getDataGuidAttribute(el);
             if (!dataGuid) {
                 if (debug)
                     console.log("+++ reject: no data guid", el);
                 return false;
             }
+            if (el.shadowRoot) {
+                if (debug)
+                    console.log("+++ reject: shadowRoot", el);
+                return false;
+            }
             if (debug)
                 console.log("+++ match capitalone", dataGuid, el);
             return true;
         }
+    },
+    {
+        name: "Rakuten",
+        matches: function (el, _zNearMax, _uuidGate, debug) {
+            if (!el.shadowRoot) {
+                if (debug)
+                    console.log("+++ reject: no shadowRoot", el);
+                return false;
+            }
+            var style = el.shadowRoot.querySelector("style#rr-style-content");
+            if (!style) {
+                if (debug)
+                    console.log("+++ reject: no rr-style-content", el);
+                return false;
+            }
+            return true;
+        }
     }
 ];
 function getVendorForDiv(el, zNearMax, uuidGate, debug) {
-    if (!hasNearMaxZIndex(el, zNearMax, debug))
-        return null;
     for (var i = 0; i < VENDOR_MATCHERS.length; i += 1) {
         var matcher = VENDOR_MATCHERS[i];
-        if (matcher.matches(el, uuidGate, debug)) {
+        if (matcher.matches(el, zNearMax, uuidGate, debug)) {
             if (debug)
                 console.log("+++ match", matcher.name, el);
             return matcher.name;

package/dist/esm/version.js

@@ -1,2 +1,2 @@
 // Auto-generated from package.json. Do not edit by hand.
-export var VERSION = "0.3.9";
+export var VERSION = "0.3.10";

package/dist/honey-detect.js

@@ -1,6 +1,6 @@
 (function() {
   // dist/bundle-tmp/version.js
-  var VERSION = "0.3.9";
+  var VERSION = "0.3.10";
 
   // dist/bundle-tmp/core.js
   var __assign = function() {
@@ -83,11 +83,6 @@
           console.log("+++ reject: display none", el);
         return false;
       }
-      if (el.shadowRoot) {
-        if (debug)
-          console.log("+++ reject: shadowRoot", el);
-        return false;
-      }
       return true;
     }
     var cs = getComputedStyle(el);
@@ -102,17 +97,14 @@
         console.log("+++ reject: display none", el);
       return false;
     }
-    if (el.shadowRoot) {
-      if (debug)
-        console.log("+++ reject: shadowRoot", el);
-      return false;
-    }
     return true;
   }
   var VENDOR_MATCHERS = [
     {
       name: "honey",
-      matches: function(el, uuidGate, debug) {
+      matches: function(el, zNearMax, uuidGate, debug) {
+        if (!hasNearMaxZIndex(el, zNearMax, debug))
+          return false;
         if (!el.id) {
           if (debug)
             console.log("+++ reject: no id", el);
@@ -123,30 +115,57 @@
             console.log("+++ reject: uuid", el.id);
           return false;
         }
+        if (el.shadowRoot) {
+          if (debug)
+            console.log("+++ reject: shadowRoot", el);
+          return false;
+        }
         return true;
       }
     },
     {
       name: "Capital One Shopping",
-      matches: function(el, _uuidGate, debug) {
+      matches: function(el, zNearMax, _uuidGate, debug) {
+        if (!hasNearMaxZIndex(el, zNearMax, debug))
+          return false;
         var dataGuid = getDataGuidAttribute(el);
         if (!dataGuid) {
           if (debug)
             console.log("+++ reject: no data guid", el);
           return false;
         }
+        if (el.shadowRoot) {
+          if (debug)
+            console.log("+++ reject: shadowRoot", el);
+          return false;
+        }
         if (debug)
           console.log("+++ match capitalone", dataGuid, el);
         return true;
       }
+    },
+    {
+      name: "Rakuten",
+      matches: function(el, _zNearMax, _uuidGate, debug) {
+        if (!el.shadowRoot) {
+          if (debug)
+            console.log("+++ reject: no shadowRoot", el);
+          return false;
+        }
+        var style = el.shadowRoot.querySelector("style#rr-style-content");
+        if (!style) {
+          if (debug)
+            console.log("+++ reject: no rr-style-content", el);
+          return false;
+        }
+        return true;
+      }
     }
   ];
   function getVendorForDiv(el, zNearMax, uuidGate, debug) {
-    if (!hasNearMaxZIndex(el, zNearMax, debug))
-      return null;
     for (var i = 0; i < VENDOR_MATCHERS.length; i += 1) {
       var matcher = VENDOR_MATCHERS[i];
-      if (matcher.matches(el, uuidGate, debug)) {
+      if (matcher.matches(el, zNearMax, uuidGate, debug)) {
         if (debug)
           console.log("+++ match", matcher.name, el);
         return matcher.name;

package/dist/types/core.d.ts

@@ -1,6 +1,6 @@
-export declare const version = "0.3.9";
+export declare const version = "0.3.10";
 export type WarnCallback = (message: string) => () => void;
-export type DetectedVendor = "honey" | "Capital One Shopping";
+export type DetectedVendor = "honey" | "Capital One Shopping" | "Rakuten";
 export type MatchCallback = (warn: WarnCallback, el?: HTMLDivElement, vendor?: DetectedVendor) => void;
 export interface ObserverOptions {
     onMatch?: MatchCallback;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.3.9";
+export declare const VERSION = "0.3.10";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fck-honey",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "description": "Detects Honey browser extension overlays for merchants.",
   "license": "MIT",
   "main": "dist/honey-detect.js",