cometchat-visual-builder-no-code 1.0.20-authtest35 → 1.0.20-authtest36

package/dist/src/index.d.ts

@@ -1,3 +1,4 @@
+import "./sdkStyleMarker";
 import "./noCodeGlobal.css";
 import "@cometchat/chat-uikit-react/css-variables.css";
 export declare const showOutgoingCallUI: (call: any) => void;

package/dist/src/sdkStyleMarker.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Monkeypatch document.createElement to auto-stamp all <style> elements
+ * created after the CometChat bundle loads with a `data-cometchat-sdk` attribute.
+ *
+ * This MUST be imported as the very first import in the bundle entry point (index.tsx).
+ *
+ * How it works:
+ * - Before the bundle loads, the host page may have already created <style> elements.
+ *   Those won't have the marker.
+ * - After this script runs, every new <style> element created via document.createElement
+ *   will automatically get `data-cometchat-sdk="true"`.
+ * - This covers: webpack style-loader injections, MUI/JSS runtime styles, CometChat Calls
+ *   SDK styles (goober, .ccccn, .awssld), and any other SDK-created styles.
+ * - Host page styles added dynamically AFTER the bundle loads will also get the marker,
+ *   but that's acceptable because host pages rarely create <style> elements after load.
+ *   The key insight: host styles that exist BEFORE the bundle loads are the ones that
+ *   cause CSS conflicts, and those won't have the marker.
+ *
+ * The IframePortal then uses this marker to decide what to copy into the iframe:
+ * - Has `data-cometchat-sdk` or `data-cometchat` → copy (SDK/widget style)
+ * - Doesn't have either → block (host page style)
+ */
+declare const _origCreateElement: {
+    <K extends keyof HTMLElementTagNameMap>(tagName: K, options?: ElementCreationOptions | undefined): HTMLElementTagNameMap[K];
+    <K_1 extends keyof HTMLElementDeprecatedTagNameMap>(tagName: K_1, options?: ElementCreationOptions | undefined): HTMLElementDeprecatedTagNameMap[K_1];
+    (tagName: string, options?: ElementCreationOptions | undefined): HTMLElement;
+};

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "cometchat-visual-builder-no-code",
-  "version": "1.0.20-authtest35",
+  "version": "1.0.20-authtest36",
   "description": "CometChat Widget Builder No-Code Integration",
   "cometChatCustomConfig": {
     "prodVersion": "1.0.31",
-    "devStagingVersion": "1.0.20-authtest35",
+    "devStagingVersion": "1.0.20-authtest36",
     "prodName": "@cometchat/chat-embed",
     "devName": "cometchat-visual-builder-no-code",
     "name": "cometchat-visual-builder-react-no-code",