@iblai/iblai-js 2.36.3 → 2.37.0

package/dist/web-containers/source/index.esm.js

@@ -4198,6 +4198,10 @@ var embedTabLabels$3 = {
 			label: "Allow Agent Selection",
 			tooltip: "Let signed-in visitors open Explore from the embed and switch to another agent."
 		},
+		allowFullscreen: {
+			label: "Allow Full Screen",
+			tooltip: "Show a button in the chat that switches between the small window and full screen."
+		},
 		shareableLink: {
 			label: "Shareable Link",
 			tooltip: "Generate a link users can use to chat with this agent anonymously"
@@ -6836,6 +6840,9 @@ var tabsEmbedTab$3 = {
 	moreInfoAllowMentorSelection: "More info about agent selection",
 	allowMentorSelectionEnabled: "Agent selection enabled",
 	allowMentorSelectionDisabled: "Agent selection disabled",
+	moreInfoAllowFullscreen: "More info about full screen",
+	allowFullscreenEnabled: "Full screen enabled",
+	allowFullscreenDisabled: "Full screen disabled",
 	moreInfoStarterPrompts: "More info about starter prompts",
 	moreInfoShareableLink: "More info about shareable link",
 	shareableLinkEnabled: "Generate / Revoke shareable link enabled",
@@ -12661,6 +12668,10 @@ var embedTabLabels$2 = {
 			label: "Autoriser la sélection d'agent",
 			tooltip: "Permettre aux visiteurs connectés d'ouvrir Explorer depuis l'intégration et de passer à un autre agent."
 		},
+		allowFullscreen: {
+			label: "Autoriser le plein écran",
+			tooltip: "Affiche un bouton dans le chat pour passer de la petite fenêtre au plein écran."
+		},
 		shareableLink: {
 			label: "Lien partageable",
 			tooltip: "Générer un lien que les utilisateurs peuvent utiliser pour discuter avec cet agent de manière anonyme"
@@ -15299,6 +15310,9 @@ var tabsEmbedTab$2 = {
 	moreInfoAllowMentorSelection: "Plus d'informations sur la sélection d'agent",
 	allowMentorSelectionEnabled: "Sélection d'agent activée",
 	allowMentorSelectionDisabled: "Sélection d'agent désactivée",
+	moreInfoAllowFullscreen: "Plus d'informations sur le plein écran",
+	allowFullscreenEnabled: "Plein écran activé",
+	allowFullscreenDisabled: "Plein écran désactivé",
 	moreInfoStarterPrompts: "Plus d'informations sur les suggestions de départ",
 	moreInfoShareableLink: "Plus d'informations sur le lien partageable",
 	shareableLinkEnabled: "Lien partageable activé",
@@ -20958,6 +20972,10 @@ var embedTabLabels$1 = {
 			label: "Permitir selección de agente",
 			tooltip: "Permite a los visitantes con sesión iniciada abrir Explorar desde la inserción y cambiar a otro agente."
 		},
+		allowFullscreen: {
+			label: "Permitir pantalla completa",
+			tooltip: "Muestra un botón en el chat para cambiar entre la ventana pequeña y la pantalla completa."
+		},
 		shareableLink: {
 			label: "Enlace compartible",
 			tooltip: "Genere un enlace que los usuarios puedan usar para chatear con este agente de forma anónima"
@@ -23596,6 +23614,9 @@ var tabsEmbedTab$1 = {
 	moreInfoAllowMentorSelection: "Más información sobre la selección de agente",
 	allowMentorSelectionEnabled: "Selección de agente habilitada",
 	allowMentorSelectionDisabled: "Selección de agente deshabilitada",
+	moreInfoAllowFullscreen: "Más información sobre la pantalla completa",
+	allowFullscreenEnabled: "Pantalla completa habilitada",
+	allowFullscreenDisabled: "Pantalla completa deshabilitada",
 	moreInfoStarterPrompts: "Más información sobre las sugerencias iniciales",
 	moreInfoShareableLink: "Más información sobre el enlace compartible",
 	shareableLinkEnabled: "Enlace compartible habilitado",
@@ -29255,6 +29276,10 @@ var embedTabLabels = {
 			label: "允许选择智能体",
 			tooltip: "允许已登录的访问者从嵌入中打开探索并切换到其他智能体。"
 		},
+		allowFullscreen: {
+			label: "允许全屏",
+			tooltip: "在聊天中显示一个按钮，可在小窗口和全屏之间切换。"
+		},
 		shareableLink: {
 			label: "可分享链接",
 			tooltip: "生成一个链接，用户可使用该链接匿名与此智能体聊天"
@@ -31893,6 +31918,9 @@ var tabsEmbedTab = {
 	moreInfoAllowMentorSelection: "有关选择智能体的更多信息",
 	allowMentorSelectionEnabled: "选择智能体已启用",
 	allowMentorSelectionDisabled: "选择智能体已禁用",
+	moreInfoAllowFullscreen: "有关全屏的更多信息",
+	allowFullscreenEnabled: "全屏已启用",
+	allowFullscreenDisabled: "全屏已禁用",
 	moreInfoStarterPrompts: "更多关于起始提示的信息",
 	moreInfoShareableLink: "更多关于可分享链接的信息",
 	shareableLinkEnabled: "可分享链接已启用",

package/dist/web-containers/source/next/index.esm.js

@@ -98742,6 +98742,10 @@ var embedTabLabels$3 = {
 			label: "Allow Agent Selection",
 			tooltip: "Let signed-in visitors open Explore from the embed and switch to another agent."
 		},
+		allowFullscreen: {
+			label: "Allow Full Screen",
+			tooltip: "Show a button in the chat that switches between the small window and full screen."
+		},
 		shareableLink: {
 			label: "Shareable Link",
 			tooltip: "Generate a link users can use to chat with this agent anonymously"
@@ -101380,6 +101384,9 @@ var tabsEmbedTab$3 = {
 	moreInfoAllowMentorSelection: "More info about agent selection",
 	allowMentorSelectionEnabled: "Agent selection enabled",
 	allowMentorSelectionDisabled: "Agent selection disabled",
+	moreInfoAllowFullscreen: "More info about full screen",
+	allowFullscreenEnabled: "Full screen enabled",
+	allowFullscreenDisabled: "Full screen disabled",
 	moreInfoStarterPrompts: "More info about starter prompts",
 	moreInfoShareableLink: "More info about shareable link",
 	shareableLinkEnabled: "Generate / Revoke shareable link enabled",
@@ -107205,6 +107212,10 @@ var embedTabLabels$2 = {
 			label: "Autoriser la sélection d'agent",
 			tooltip: "Permettre aux visiteurs connectés d'ouvrir Explorer depuis l'intégration et de passer à un autre agent."
 		},
+		allowFullscreen: {
+			label: "Autoriser le plein écran",
+			tooltip: "Affiche un bouton dans le chat pour passer de la petite fenêtre au plein écran."
+		},
 		shareableLink: {
 			label: "Lien partageable",
 			tooltip: "Générer un lien que les utilisateurs peuvent utiliser pour discuter avec cet agent de manière anonyme"
@@ -109843,6 +109854,9 @@ var tabsEmbedTab$2 = {
 	moreInfoAllowMentorSelection: "Plus d'informations sur la sélection d'agent",
 	allowMentorSelectionEnabled: "Sélection d'agent activée",
 	allowMentorSelectionDisabled: "Sélection d'agent désactivée",
+	moreInfoAllowFullscreen: "Plus d'informations sur le plein écran",
+	allowFullscreenEnabled: "Plein écran activé",
+	allowFullscreenDisabled: "Plein écran désactivé",
 	moreInfoStarterPrompts: "Plus d'informations sur les suggestions de départ",
 	moreInfoShareableLink: "Plus d'informations sur le lien partageable",
 	shareableLinkEnabled: "Lien partageable activé",
@@ -115502,6 +115516,10 @@ var embedTabLabels$1 = {
 			label: "Permitir selección de agente",
 			tooltip: "Permite a los visitantes con sesión iniciada abrir Explorar desde la inserción y cambiar a otro agente."
 		},
+		allowFullscreen: {
+			label: "Permitir pantalla completa",
+			tooltip: "Muestra un botón en el chat para cambiar entre la ventana pequeña y la pantalla completa."
+		},
 		shareableLink: {
 			label: "Enlace compartible",
 			tooltip: "Genere un enlace que los usuarios puedan usar para chatear con este agente de forma anónima"
@@ -118140,6 +118158,9 @@ var tabsEmbedTab$1 = {
 	moreInfoAllowMentorSelection: "Más información sobre la selección de agente",
 	allowMentorSelectionEnabled: "Selección de agente habilitada",
 	allowMentorSelectionDisabled: "Selección de agente deshabilitada",
+	moreInfoAllowFullscreen: "Más información sobre la pantalla completa",
+	allowFullscreenEnabled: "Pantalla completa habilitada",
+	allowFullscreenDisabled: "Pantalla completa deshabilitada",
 	moreInfoStarterPrompts: "Más información sobre las sugerencias iniciales",
 	moreInfoShareableLink: "Más información sobre el enlace compartible",
 	shareableLinkEnabled: "Enlace compartible habilitado",
@@ -123799,6 +123820,10 @@ var embedTabLabels = {
 			label: "允许选择智能体",
 			tooltip: "允许已登录的访问者从嵌入中打开探索并切换到其他智能体。"
 		},
+		allowFullscreen: {
+			label: "允许全屏",
+			tooltip: "在聊天中显示一个按钮，可在小窗口和全屏之间切换。"
+		},
 		shareableLink: {
 			label: "可分享链接",
 			tooltip: "生成一个链接，用户可使用该链接匿名与此智能体聊天"
@@ -126437,6 +126462,9 @@ var tabsEmbedTab = {
 	moreInfoAllowMentorSelection: "有关选择智能体的更多信息",
 	allowMentorSelectionEnabled: "选择智能体已启用",
 	allowMentorSelectionDisabled: "选择智能体已禁用",
+	moreInfoAllowFullscreen: "有关全屏的更多信息",
+	allowFullscreenEnabled: "全屏已启用",
+	allowFullscreenDisabled: "全屏已禁用",
 	moreInfoStarterPrompts: "更多关于起始提示的信息",
 	moreInfoShareableLink: "更多关于可分享链接的信息",
 	shareableLinkEnabled: "可分享链接已启用",
@@ -325570,6 +325598,9 @@ const getUrl = (settings, tenant, mentorIframeUrl, extraBodyClasses = '') => {
     if (settings.allow_mentor_selection) {
         url += `&allow-mentor-selection=true`;
     }
+    if (settings.allow_fullscreen) {
+        url += `&allow-fullscreen=true`;
+    }
     return url;
 };
 const getEmbedCode = async (tenant, settings, redirectToken, urls, useCustomFloatingBubble, customFloatingBubbleConfig) => {
@@ -325725,6 +325756,36 @@ const getEmbedCode = async (tenant, settings, redirectToken, urls, useCustomFloa
                     return { iframeContainer, iframe };
                 }
 
+                ${settings.allow_fullscreen
+        ? `
+                let savedNormalStyles = null;
+
+                function setWidgetFullscreen(fullscreen) {
+                  const widget = document.getElementById('ibl-chat-widget-container');
+                  const bubble = document.querySelector('.ibl-chat-bubble');
+                  const iframe = widget?.querySelector('iframe');
+                  if (!widget) return;
+                  if (fullscreen) {
+                    if (savedNormalStyles === null) {
+                      savedNormalStyles = {
+                        widget: widget.style.cssText,
+                        iframeRadius: iframe ? iframe.style.borderRadius : '',
+                        bubbleDisplay: bubble ? bubble.style.display : '',
+                      };
+                    }
+                    widget.style.cssText = 'position: fixed !important; inset: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100vh !important; border: none !important; z-index: 2147483647;';
+                    if (iframe) iframe.style.borderRadius = '0';
+                    if (bubble) bubble.style.display = 'none';
+                  } else if (savedNormalStyles !== null) {
+                    widget.style.cssText = savedNormalStyles.widget;
+                    if (iframe) iframe.style.borderRadius = savedNormalStyles.iframeRadius;
+                    if (bubble) bubble.style.display = savedNormalStyles.bubbleDisplay;
+                    savedNormalStyles = null;
+                  }
+                }
+                `
+        : ''}
+
                 function toggleWidget() {
                   let widget = document.getElementById('ibl-chat-widget-container');
                   const bubble = document.querySelector('.ibl-chat-bubble');
@@ -325753,6 +325814,7 @@ const getEmbedCode = async (tenant, settings, redirectToken, urls, useCustomFloa
                             setupFocusTrap(iframe);
                           }, 100);
                       } else {
+                          ${settings.allow_fullscreen ? 'setWidgetFullscreen(false);' : ''}
                           widget.style.display = 'none';
                           bubble.setAttribute('aria-expanded', 'false');
                           bubble.focus();
@@ -325949,6 +326011,11 @@ const getEmbedCode = async (tenant, settings, redirectToken, urls, useCustomFloa
                     if (message?.closeEmbed) {
                       toggleWidget();
                     }
+                    ${settings.allow_fullscreen
+        ? `if (typeof message?.embedFullscreen === 'boolean') {
+                      setWidgetFullscreen(message.embedFullscreen);
+                    }`
+        : ''}
                 });
             };
             </script>
@@ -325983,6 +326050,7 @@ const useEmbedTab = (urls) => {
     var _a, _b, _c, _d, _e, _f;
     const [embedCode, setEmbedCode] = useState('');
     const [allowMentorSelection, setAllowMentorSelection] = useState(false);
+    const [allowFullscreen, setAllowFullscreen] = useState(false);
     const { tenantKey, mentorId, username } = useAgentSettings();
     const { data: mentorPublicSettings } = useGetMentorPublicSettingsQuery({
         mentor: mentorId,
@@ -326118,7 +326186,11 @@ const useEmbedTab = (urls) => {
             }
             const embed = await getEmbedCode(tenantKey, 
             // @ts-expect-error - value is not typed correctly
-            { ...value, allow_mentor_selection: allowMentorSelection }, (_a = syncResult.redirectToken) !== null && _a !== void 0 ? _a : '', urls, value.icon_selection === 'custom', customFloatingBubbleConfig);
+            {
+                ...value,
+                allow_mentor_selection: allowMentorSelection,
+                allow_fullscreen: allowFullscreen,
+            }, (_a = syncResult.redirectToken) !== null && _a !== void 0 ? _a : '', urls, value.icon_selection === 'custom', customFloatingBubbleConfig);
             setEmbedCode(embed);
         },
     });
@@ -326151,6 +326223,8 @@ const useEmbedTab = (urls) => {
     return {
         allowMentorSelection,
         setAllowMentorSelection,
+        allowFullscreen,
+        setAllowFullscreen,
         createTokenHandler,
         form,
         createTokenError,
@@ -326234,6 +326308,10 @@ const AGENT_EMBED_TAB_LABELS = {
             label: 'Allow Agent Selection',
             tooltip: 'Let signed-in visitors open Explore from the embed and switch to another agent.',
         },
+        allowFullscreen: {
+            label: 'Allow Full Screen',
+            tooltip: 'Show a button in the chat that switches between the small window and full screen.',
+        },
         shareableLink: {
             label: 'Shareable Link',
             tooltip: 'Generate a link users can use to chat with this agent anonymously',
@@ -326321,6 +326399,10 @@ function buildEmbedTabLabels(t) {
                 label: t('embedTabLabels.fields.allowMentorSelection.label'),
                 tooltip: t('embedTabLabels.fields.allowMentorSelection.tooltip'),
             },
+            allowFullscreen: {
+                label: t('embedTabLabels.fields.allowFullscreen.label'),
+                tooltip: t('embedTabLabels.fields.allowFullscreen.tooltip'),
+            },
             shareableLink: {
                 label: t('embedTabLabels.fields.shareableLink.label'),
                 tooltip: t('embedTabLabels.fields.shareableLink.tooltip'),
@@ -326457,7 +326539,7 @@ function AgentEmbedTab({ labels: labelsProp, urls, CopyCodeBlock, visibilityOpti
     useEffect(() => {
         setShareableToken(shareableTokenData);
     }, [shareableTokenData]);
-    const { allowMentorSelection, setAllowMentorSelection, form, createTokenHandler, createTokenError, setCreateTokenError, isCreateTokenLoading, redirectTokenData, embedCode, setEmbedCode, customFloatingBubbleConfig, handleFloatingBubbleImageError, focusEditCustomFloatingBubble, setFocusEditCustomFloatingBubble, updateConfig, updateMultipleConfig, syncEmbedSettings, } = useEmbedTab(urls);
+    const { allowMentorSelection, setAllowMentorSelection, allowFullscreen, setAllowFullscreen, form, createTokenHandler, createTokenError, setCreateTokenError, isCreateTokenLoading, redirectTokenData, embedCode, setEmbedCode, customFloatingBubbleConfig, handleFloatingBubbleImageError, focusEditCustomFloatingBubble, setFocusEditCustomFloatingBubble, updateConfig, updateMultipleConfig, syncEmbedSettings, } = useEmbedTab(urls);
     const { data: mentorSettings, isLoading: isLoadingSettings } = useGetMentorSettingsQuery(
     // @ts-expect-error userId is not part of useGetMentorSettingsQuery Query definition
     { mentor: mentorId, org: tenantKey, userId: username !== null && username !== void 0 ? username : '' }, { skip: !username || !mentorId || !tenantKey });
@@ -326726,7 +326808,9 @@ function AgentEmbedTab({ labels: labelsProp, urls, CopyCodeBlock, visibilityOpti
                                                                     ? t('tabsEmbedTab.showVoiceRecordEnabled')
                                                                     : t('tabsEmbedTab.showVoiceRecordDisabled') })] })) }), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.allowMentorSelection.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('tabsEmbedTab.moreInfoAllowMentorSelection'), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: labels.fields.allowMentorSelection.tooltip }) })] }) })] }), jsx(CustomSwitch, { "data-testid": "embed-allow-mentor-selection-switch", checked: allowMentorSelection, onCheckedChange: setAllowMentorSelection, disabled: form.state.isSubmitting, "aria-label": allowMentorSelection
                                                                 ? t('tabsEmbedTab.allowMentorSelectionEnabled')
-                                                                : t('tabsEmbedTab.allowMentorSelectionDisabled') })] }), jsx("hr", { className: "my-4 border-t border-gray-200" }), jsx(form.Field, { name: "generateShareableLink", children: (field) => (jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.shareableLink.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('tabsEmbedTab.moreInfoShareableLink'), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: labels.fields.shareableLink.tooltip }) })] }) })] }), isLoadingShareableLink ? (jsx(Spinner$1, {})) : (jsxs("div", { className: "flex", children: [jsx(RefreshCw, { onClick: handleRegenerateToken, className: "mr-2 cursor-pointer text-[#646464]" }), jsx(CustomSwitch, { checked: shareableToken && shareableToken.enabled, onCheckedChange: (checked) => handleShareableTokenToggle(checked), "aria-label": field.state.value
+                                                                : t('tabsEmbedTab.allowMentorSelectionDisabled') })] }), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.allowFullscreen.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('tabsEmbedTab.moreInfoAllowFullscreen'), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: labels.fields.allowFullscreen.tooltip }) })] }) })] }), jsx(CustomSwitch, { "data-testid": "embed-allow-fullscreen-switch", checked: allowFullscreen, onCheckedChange: setAllowFullscreen, disabled: form.state.isSubmitting, "aria-label": allowFullscreen
+                                                                ? t('tabsEmbedTab.allowFullscreenEnabled')
+                                                                : t('tabsEmbedTab.allowFullscreenDisabled') })] }), jsx("hr", { className: "my-4 border-t border-gray-200" }), jsx(form.Field, { name: "generateShareableLink", children: (field) => (jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: labels.fields.shareableLink.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('tabsEmbedTab.moreInfoShareableLink'), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: labels.fields.shareableLink.tooltip }) })] }) })] }), isLoadingShareableLink ? (jsx(Spinner$1, {})) : (jsxs("div", { className: "flex", children: [jsx(RefreshCw, { onClick: handleRegenerateToken, className: "mr-2 cursor-pointer text-[#646464]" }), jsx(CustomSwitch, { checked: shareableToken && shareableToken.enabled, onCheckedChange: (checked) => handleShareableTokenToggle(checked), "aria-label": field.state.value
                                                                             ? t('tabsEmbedTab.shareableLinkEnabled')
                                                                             : t('tabsEmbedTab.shareableLinkDisabled') })] }))] })) }), jsx("div", { children: shareableToken && (jsx("div", { className: "mb-4 w-full lg:w-[500px]", children: jsx(CopyCodeBlock, { code: `${window.location.origin}?mentor=${mentorId}&tenant=${tenantKey}&token=${shareableToken.token}` }) })) })] }), jsx("div", { className: "h-[75vh] overflow-hidden rounded-lg border bg-gray-50", children: jsx(form.Subscribe, { selector: (formState) => [formState.values.mode], children: ([mode]) => (jsx("iframe", { id: "embed-mentor-preview", title: "embed-mentor-preview", src: `${window.location.origin}${urls.getMentorPageUrl ? urls.getMentorPageUrl(tenantKey, mentorId) : `/platform/${tenantKey}/${mentorId}`}`, style: {
                                                         height: '100%',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.36.3",
+  "version": "2.37.0",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,9 +76,9 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/data-layer": "1.30.1",
     "@iblai/mcp": "1.29.1",
-    "@iblai/web-containers": "1.41.2",
+    "@iblai/web-containers": "1.42.0",
+    "@iblai/data-layer": "1.30.1",
     "@iblai/web-utils": "2.8.0"
   },
   "peerDependencies": {