[O2B-1386] Check if clipboard is available

lib/public/components/common/selection/infoLoggerButtonGroup/CopyToClipboardComponent.js

@@ -41,6 +41,56 @@ export class CopyToClipboardComponent extends StatefulComponent {
         this.notify();
     }
 
+    /**
+     * Checks if the clipboard is available and returns an object with availability status and a message.
+     *
+     * @returns {{ available: boolean, message: string }}
+     * - `available`: True if the clipboard is available; false otherwise.
+     * - `message`: A reason if the clipboard is not available, otherwise an empty string.
+     */
+    isClipboardAvailable() {
+        if (!this.isContextSecure()) {
+            return { available: false, message: 'Clipboard not available in a non-secure context.' };
+        }
+
+        if (!this.isClipboardSupported()) {
+            return { available: false, message: 'Clipboard API is not supported in this browser.',
+            };
+        }
+
+        if (this.isWindowEmbedded()) {
+            return { available: false, message: 'Clipboard access is restricted in iframes.' };
+        }
+        return { available: true, message: '' };
+    }
+
+    /**
+     * Checks if context is secure (HTTPS)
+     *
+     * @returns {boolean} Returns `true` if context is secure
+     */
+    isContextSecure() {
+        return window.isSecureContext;
+    }
+
+    /**
+     * Checks if the clipboard API is available in the user's browser.
+     *
+     * @returns {boolean} Returns `true` if it is available
+     */
+    isClipboardSupported() {
+        return Boolean(navigator.clipboard);
+    }
+
+    /**
+     * Check if the window is embeded in a frame.
+     *
+     * @returns {boolean} Returns `true` if it is embeded
+     */
+    isWindowEmbedded() {
+        return window !== window.parent;
+    }
+
     /**
      * Renders the button that allows copying text to the clipboard.
      *
@@ -50,6 +100,7 @@ export class CopyToClipboardComponent extends StatefulComponent {
     view(vnode) {
         const { attrs, children } = vnode;
         const { value: clipboardTargetValue = '', id } = attrs;
+        const { available, message } = this.isClipboardAvailable();
 
         const defaultContent = [iconLinkIntact(), children];
         const successContent = [iconCheck(), h('', 'Copied!')];
@@ -59,6 +110,8 @@ export class CopyToClipboardComponent extends StatefulComponent {
             {
                 id: `copy-${id}`,
                 onclick: () => this.copyToClipboard(clipboardTargetValue),
+                disabled: !available,
+                title: `${message}`,
             },
             h('div.flex-row.g1', this._successStateTimeout ? successContent : defaultContent),
         );