@epam/ai-dial-overlay 0.45.0-rc.9 → 0.45.0

package/index.esm.js

@@ -1,4 +1,4 @@
-import { overlayAppName, OverlayEvents, Task, setStyles, overlayLibName, DeferredRequest, OverlayRequests } from '@epam/ai-dial-shared';
+import { overlayAppName, OverlayEvents, Task, setStyles, Feature, overlayLibName, DeferredRequest, OverlayRequests } from '@epam/ai-dial-shared';
 export { Feature, LikeState, OverlayEvents, PublishActions, Role, UploadStatus, overlayAppName } from '@epam/ai-dial-shared';
 
 /******************************************************************************
@@ -120,6 +120,29 @@ class ChatOverlay {
         this.showLoader();
         window.addEventListener('message', this.process);
     }
+    /**
+     * Builds the iframe permissions policy string based on enabled features
+     * @returns {string} permissions policy string for the iframe `allow` attribute
+     */
+    getIframePermissions() {
+        const permissions = ['clipboard-write'];
+        if (this.hasFeature(Feature.VoiceInput)) {
+            permissions.push('microphone');
+        }
+        return permissions.join('; ');
+    }
+    /**
+     * Checks if a specific feature is included in the enabled features list
+     * @param feature {Feature} feature to check
+     * @returns {boolean} true if the feature is enabled
+     */
+    hasFeature(feature) {
+        const features = this.options.enabledFeatures;
+        if (Array.isArray(features)) {
+            return features.includes(feature);
+        }
+        return typeof features === 'string' && features.includes(feature);
+    }
     /**
      * Creates iframe add set initial options to it
      * @returns {HTMLIFrameElement} reference to iframe element
@@ -127,7 +150,7 @@ class ChatOverlay {
     initIframe() {
         const iframe = document.createElement('iframe');
         iframe.src = this.options.domain;
-        iframe.allow = 'clipboard-write';
+        iframe.allow = this.getIframePermissions();
         iframe.name = 'overlay';
         iframe.ariaLabel = 'Chat overlay';
         iframe.sandbox.add('allow-same-origin');

package/package.json

@@ -2,9 +2,9 @@
   "name": "@epam/ai-dial-overlay",
   "description": "Package for opening dial in overlay",
   "homepage": "https://dialx.ai",
-  "version": "0.45.0-rc.9",
+  "version": "0.45.0",
   "dependencies": {
-    "@epam/ai-dial-shared": "0.45.0-rc.9"
+    "@epam/ai-dial-shared": "0.45.0"
   },
   "type": "module",
   "bugs": {

package/src/lib/ChatOverlay.d.ts

@@ -1,4 +1,4 @@
-import { ChatOverlayOptions, CreateConversationResponse, CreateLocalConversationResponse, CreatePlaybackConversationResponse, DeferredRequest, DeleteMessageResponse, ExportConversationResponse, GetConversationsResponse, GetMessagesResponse, GetSelectedConversationsResponse, ImportConversationResponse, LatestExportConversationsFormat, Message, OverlayRequest, OverlayRequests, RenameConversationResponse, SelectConversationResponse, SendMessageResponse, SetSystemPromptResponse, StopSelectedPlaybackConversationResponse, Styles, Task, UpdateMessageResponse } from '@epam/ai-dial-shared';
+import { ChatOverlayOptions, CreateConversationResponse, CreateLocalConversationResponse, CreatePlaybackConversationResponse, DeferredRequest, DeleteMessageResponse, ExportConversationResponse, Feature, GetConversationsResponse, GetMessagesResponse, GetSelectedConversationsResponse, ImportConversationResponse, LatestExportConversationsFormat, Message, OverlayRequest, OverlayRequests, RenameConversationResponse, SelectConversationResponse, SendMessageResponse, SetSystemPromptResponse, StopSelectedPlaybackConversationResponse, Styles, Task, UpdateMessageResponse } from '@epam/ai-dial-shared';
 interface Subscription {
     eventType: string;
     callback: (payload: unknown) => void;
@@ -21,6 +21,17 @@ export declare class ChatOverlay {
      * @param options {ChatOverlayOptions} overlay options (incl. domain, hostDomain, theme, modelId, etc.)
      */
     constructor(root: HTMLElement | string, options: ChatOverlayOptions);
+    /**
+     * Builds the iframe permissions policy string based on enabled features
+     * @returns {string} permissions policy string for the iframe `allow` attribute
+     */
+    protected getIframePermissions(): string;
+    /**
+     * Checks if a specific feature is included in the enabled features list
+     * @param feature {Feature} feature to check
+     * @returns {boolean} true if the feature is enabled
+     */
+    protected hasFeature(feature: Feature): boolean;
     /**
      * Creates iframe add set initial options to it
      * @returns {HTMLIFrameElement} reference to iframe element