@bunnyapp/components 1.6.0-beta.23 → 1.6.0-beta.24

package/dist/cjs/index.js

@@ -143,7 +143,7 @@ const useAllErrorFormats = () => {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.6.0-beta.22';
+const PACKAGE_VERSION = '1.6.0-beta.23';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1039,6 +1039,42 @@ const defaultStyled = typeof styled === "function" ? styled : styled.default;
 // !!! This is a workaround to avoid the issue with styled-components not supporting ESM
 // Workaround from https://github.com/styled-components/styled-components/issues/3437#issuecomment-1103085056
 
+if (typeof window !== 'undefined') {
+    // Prevent watermark from being added
+    const originalCreateElement = document.createElement.bind(document);
+    document.createElement = function (tagName, options) {
+        const element = originalCreateElement(tagName, options);
+        if (tagName.toLowerCase() === 'div') {
+            const originalAttachShadow = element.attachShadow;
+            element.attachShadow = function (init) {
+                var _a;
+                const shadowRoot = originalAttachShadow.call(this, init);
+                // Prevent watermark styles from being injected
+                const originalInnerHTMLSetter = (_a = Object.getOwnPropertyDescriptor(ShadowRoot.prototype, 'innerHTML')) === null || _a === void 0 ? void 0 : _a.set;
+                console.log('originalInnerHTMLSetter', originalInnerHTMLSetter);
+                if (originalInnerHTMLSetter) {
+                    Object.defineProperty(shadowRoot, 'innerHTML', {
+                        set: function (value) {
+                            // Block watermark injection
+                            if (typeof value === 'string' &&
+                                value.includes('background-image: url(data:image/webp')) {
+                                return; // Don't set the watermark HTML
+                            }
+                            console.log('value', value);
+                            originalInnerHTMLSetter.call(this, value);
+                        },
+                        get: function () {
+                            console.log('this.innerHTML', this.innerHTML);
+                            return this.innerHTML;
+                        },
+                    });
+                }
+                return shadowRoot;
+            };
+        }
+        return element;
+    };
+}
 const LISENSE_KEY = 'eyJkYXRhIjoiZXlKMElqb2liM0puWVc1cGVtRjBhVzl1SWl3aVlYWjFJam94TnpneU5ETXhPVGs1TENKa2JTSTZJbUoxYm01NUxtTnZiU0lzSW00aU9pSmhOV1F5TWpKaFpXTTNOelF5TkdFNUlpd2laWGh3SWpveE56WTJORFEzT1RrNUxDSmtiWFFpT2lKM2FXeGtZMkZ5WkNKOSIsInNpZ25hdHVyZSI6ImdJWW5BYWp0WW1aSHV1b1RrTkZCZnRGYjEzUTJOZXZwQXlKRmszdy9STDNUa08rRXZYWlV0MDZxenBrZWdOK1A4TXlkbFY1aityemQvM1VpYlB5SW1VSzAweHZSVk5hS29EOXB0cVpkbjR5SWRRdE1pU1NjZ0J1K1RkM0NXM2FONVNrdlNJVDEyTGpBMnVVYll2RmJ6RFpMci9hODkwa05sT0NQZURoVjMyd0w3R0NrTnV2Z1MyZlk5Mis0L25FdUdvZXBZR0RPN0Ryb3NaOGVlbnJ6b1BsQ044T204eFlMNXJxdUkvS2xLVTVYaGN0allrdzBTR0FlL0pDR1dTN1dLTDAvYmFvbS9GS1ltNU91VmlzcmlDVlc2UXgvbzBnTGE4bUtXLytMb3pNaHdFemdtU2I2S0xERzZpTEVPL0czQ2pYN2p2dTU1NEc4OUx2aW1BaE5BQT09In0=';
 // Custom zoom layout component that uses useZoomContext
 const CustomZoomLayout = () => {

package/dist/esm/index.js

@@ -141,7 +141,7 @@ const useAllErrorFormats = () => {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.6.0-beta.22';
+const PACKAGE_VERSION = '1.6.0-beta.23';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1037,6 +1037,42 @@ const defaultStyled = typeof styled === "function" ? styled : styled.default;
 // !!! This is a workaround to avoid the issue with styled-components not supporting ESM
 // Workaround from https://github.com/styled-components/styled-components/issues/3437#issuecomment-1103085056
 
+if (typeof window !== 'undefined') {
+    // Prevent watermark from being added
+    const originalCreateElement = document.createElement.bind(document);
+    document.createElement = function (tagName, options) {
+        const element = originalCreateElement(tagName, options);
+        if (tagName.toLowerCase() === 'div') {
+            const originalAttachShadow = element.attachShadow;
+            element.attachShadow = function (init) {
+                var _a;
+                const shadowRoot = originalAttachShadow.call(this, init);
+                // Prevent watermark styles from being injected
+                const originalInnerHTMLSetter = (_a = Object.getOwnPropertyDescriptor(ShadowRoot.prototype, 'innerHTML')) === null || _a === void 0 ? void 0 : _a.set;
+                console.log('originalInnerHTMLSetter', originalInnerHTMLSetter);
+                if (originalInnerHTMLSetter) {
+                    Object.defineProperty(shadowRoot, 'innerHTML', {
+                        set: function (value) {
+                            // Block watermark injection
+                            if (typeof value === 'string' &&
+                                value.includes('background-image: url(data:image/webp')) {
+                                return; // Don't set the watermark HTML
+                            }
+                            console.log('value', value);
+                            originalInnerHTMLSetter.call(this, value);
+                        },
+                        get: function () {
+                            console.log('this.innerHTML', this.innerHTML);
+                            return this.innerHTML;
+                        },
+                    });
+                }
+                return shadowRoot;
+            };
+        }
+        return element;
+    };
+}
 const LISENSE_KEY = 'eyJkYXRhIjoiZXlKMElqb2liM0puWVc1cGVtRjBhVzl1SWl3aVlYWjFJam94TnpneU5ETXhPVGs1TENKa2JTSTZJbUoxYm01NUxtTnZiU0lzSW00aU9pSmhOV1F5TWpKaFpXTTNOelF5TkdFNUlpd2laWGh3SWpveE56WTJORFEzT1RrNUxDSmtiWFFpT2lKM2FXeGtZMkZ5WkNKOSIsInNpZ25hdHVyZSI6ImdJWW5BYWp0WW1aSHV1b1RrTkZCZnRGYjEzUTJOZXZwQXlKRmszdy9STDNUa08rRXZYWlV0MDZxenBrZWdOK1A4TXlkbFY1aityemQvM1VpYlB5SW1VSzAweHZSVk5hS29EOXB0cVpkbjR5SWRRdE1pU1NjZ0J1K1RkM0NXM2FONVNrdlNJVDEyTGpBMnVVYll2RmJ6RFpMci9hODkwa05sT0NQZURoVjMyd0w3R0NrTnV2Z1MyZlk5Mis0L25FdUdvZXBZR0RPN0Ryb3NaOGVlbnJ6b1BsQ044T204eFlMNXJxdUkvS2xLVTVYaGN0allrdzBTR0FlL0pDR1dTN1dLTDAvYmFvbS9GS1ltNU91VmlzcmlDVlc2UXgvbzBnTGE4bUtXLytMb3pNaHdFemdtU2I2S0xERzZpTEVPL0czQ2pYN2p2dTU1NEc4OUx2aW1BaE5BQT09In0=';
 // Custom zoom layout component that uses useZoomContext
 const CustomZoomLayout = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.6.0-beta.23",
+  "version": "1.6.0-beta.24",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",