@botfabrik/engine-webclient 4.122.1 → 4.123.1

package/README.md

@@ -302,10 +302,13 @@ Wenn diese Option auf `true` gesetzt ist, wird eine Button angezeigt, die es den
 
 Diese Konfiguration stellt sicher, dass sich Benutzer vor der Nutzung des Chats über SAML authentifizieren. Ist die Funktion aktiviert, erscheint automatisch der Startbildschirm. Beim Klick auf „Chat starten“ öffnet sich das Login-Fenster des Identity Providers in einem neuen Fenster. Nach erfolgreicher Anmeldung schliesst sich dieses automatisch und der Chat wird gestartet. Im Rahmen des Logins werden die E-Mail-Adresse sowie der Vor- und Nachname des Benutzers in der Session gespeichert.
 
-### fabVisible (optional, true [default] | false)
+### enabledOnUrls (optional)
 
-Falls dieses Property auf `false` ist, erscheint z.B. der FAB (Floating Action Button) auf der Webseite nicht. Der Chatbot kann via FAB nur mittels Bookmarklet verwendet werden.
-Diese Einstellung ist nützlich, wenn der Chatbot noch in Entwicklung ist und die Webagentur ihn bereits in der Webseite integrieren will. Wir können damit steuern, ob er auf der Webseite sichtbar ist oder nicht.
+Steuert, auf welchen Seiten der Chatbot aktiviert ist. Bei eingebetteten Seiten wird basierend auf dem `Referer`-Header geprüft, ob das Chatbot-Bundle ausgeliefert wird.
+
+- **`true`** (Standard) – Der Chatbot ist überall verfügbar.
+- **`false`** – Das Chatbot-Bundle wird auf externen Seiten nicht ausgeliefert. Der Chatbot bleibt via Bookmarklet und der eigenen Embed-Seite des Servers zugänglich. Nützlich, wenn der Chatbot noch in Entwicklung ist und die Webagentur ihn bereits integriert hat.
+- **`['https://example.com', 'https://www.example.com']`** – Das Bundle wird nur ausgeliefert, wenn die einbettende Seite mit einer der angegebenen URLs beginnt.
 
 ### allowedEmbedOrigins
 
@@ -530,6 +533,7 @@ Das Einbetten erfolgt über ein Script-Tag mit folgenden Attributen:
   id="chatbot"
   data-server="https://my-chatbot.bubble-chat.ch"
   data-expand-at-start="all"
+  data-fab-visible="false"
   data-link-handling="default"
   defer
   src="https://my-chatbot.bubble-chat.ch/webclient/embed/bundle.js"
@@ -559,6 +563,13 @@ Mit `data-expand-at-start` kann gesteuert werden, ob das Chatfenster beim Laden
 
 **Hinweis:** Dieses Attribut übersteuert die Server-seitige Property `expandChatWindowAtStart`.
 
+#### data-fab-visible (optional)
+
+Mit `data-fab-visible="false"` kann der FAB (Floating Action Button) ausgeblendet werden. Der Chatbot bleibt dabei vollständig funktionsfähig und kann weiterhin über die [Javascript API](#javascript-api) gesteuert werden.
+
+- **"true"** (Standard) - Der FAB wird angezeigt.
+- **"false"** - Der FAB wird nicht angezeigt.
+
 #### data-link-handling (optional)
 
 Mit `data-link-handling` kann gesteuert werden, wie Links im Chatbot geöffnet werden.

package/dist/embed/bundle.js

@@ -29,4 +29,4 @@
 
   @media screen and (min-width: 768px) {.chat-button-wrapper.svelte-1xi58vz {top:var(--fab-top, auto);right:var(--fab-right, 1.5em);bottom:var(--fab-bottom, 1.5em);left:var(--fab-left, auto);width:var(--fab-width, var(--fab-size, 6em));height:var(--fab-height, var(--fab-size, 6em));}
   }.chat-button.svelte-1xi58vz {display:block;height:100%;cursor:pointer;border-radius:50%;box-shadow:9px 9px 16px rgba(0, 0, 0, 0.25);transition:transform 100ms,
-      box-shadow 100ms;}.chat-button.svelte-1xi58vz:hover {box-shadow:16px 16px 16px rgba(0, 0, 0, 0.2);transform:translateY(-2px);}`};function Ir(e,t){qe(t,!0),gr(e,Fr);function n(e){let n=e.key;(n===`ArrowDown`||n===`ArrowRight`||n===`Enter`||n===` `||n===`Space`)&&(e.stopPropagation(),t.onToggle())}var r=Pr(),i=en(r);Re(r),vn(()=>{Cr(r,`aria-expanded`,t.open?`true`:`false`),Cr(i,`src`,`${t.assetsUrl}/fab.svg`)}),Qn(`click`,r,function(...e){t.onToggle?.apply(this,e)}),Qn(`keydown`,r,n),cr(e,r),Je()}$n([`click`,`keydown`]);var Lr=!1;function Rr(e){Lr=e}function zr(){return Lr}function Br(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)r!==`__proto__`&&(e[r]=n[r])}return e}var Vr={read:function(e){return e[0]===`"`&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function Hr(e,t){function n(n,r,i){if(!(typeof document>`u`)){i=Br({},t,i),typeof i.expires==`number`&&(i.expires=new Date(Date.now()+i.expires*864e5)),i.expires&&=i.expires.toUTCString(),n=encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a=``;for(var o in i)i[o]&&(a+=`; `+o,i[o]!==!0&&(a+=`=`+i[o].split(`;`)[0]));return document.cookie=n+`=`+e.write(r,n)+a}}function r(t){if(!(typeof document>`u`||arguments.length&&!t)){for(var n=document.cookie?document.cookie.split(`; `):[],r={},i=0;i<n.length;i++){var a=n[i].split(`=`),o=a.slice(1).join(`=`);try{var s=decodeURIComponent(a[0]);if(s in r||(r[s]=e.read(o,s)),t===s)break}catch{}}return t?r[t]:r}}return Object.create({set:n,get:r,remove:function(e,t){n(e,``,Br({},t,{expires:-1}))},withAttributes:function(e){return Hr(this.converter,Br({},this.attributes,e))},withConverter:function(e){return Hr(Br({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var Ur=Hr(Vr,{path:`/`}),Wr=`bubble-chat-window-state`,Gr=()=>{switch(Ur.get(Wr)){case`open`:return!0;case`closed`:return!1;default:return}},Kr=e=>{let t=new Date(new Date().getTime()+480*60*1e3);Ur.set(Wr,e,{expires:t})},qr=t({closeChatWindow:()=>Zr,enterGuestMessage:()=>ei,isChatbotLoaded:()=>zr,openChatWindow:()=>Xr,restartChat:()=>$r,subscribe:()=>ai,toggleChatWindow:()=>Qr,triggerStory:()=>ti}),Jr=[],Yr=Gr();function Xr(){Yr=!0,Kr(`open`),Jr.forEach(function(e){e.call(window,!0)})}function Zr(){Yr=!1,Kr(`closed`),Jr.forEach(function(e){e.call(window,!1)})}function Qr(){Yr?Zr():Xr()}function $r(){ii({type:`RESTART_CHAT`})}function ei(e){ii({type:`CHAT_MESSAGE_FROM_GUEST`,text:e})}function ti(e){ii({type:`TRIGGER_STORY`,story:e})}function ni(){return document.getElementById(`chat-frame`)}function ri(){let e=ni();if(e?.src)try{return new URL(e.src).origin}catch{return null}return null}function ii(e){let t=ni(),n=ri();if(!n){console.warn(`Cannot send message: chat iframe origin could not be determined`);return}t?.contentWindow?.postMessage(e,n)}function ai(e,t){switch(e){case`ON_CHAT_WINDOW_STATE_CHANGE`:Jr.push(t);break;default:throw Error(`Unsupported event `+e)}}var oi=e=>{if(!e||typeof e!=`object`||Array.isArray(e)){console.warn(`Invalid tracking payload received:`,e);return}`gtag`in window&&typeof window.gtag==`function`?window.gtag(`event`,``,e):`dataLayer`in window&&Array.isArray(window.dataLayer)&&window.dataLayer.push(e)},si=(e,t,n,r,i)=>{let a=()=>{let e=document.getElementById(`chat-frame`);if(e?.src)try{return new URL(e.src).origin}catch{return null}return null},o={CHAT_STARTED:`webclient.chat.started`,CHAT_ENDED:`webclient.chat.ended`,WINDOW_EXPAND:`webclient.window.expand`,WINDOW_CLOSE:`webclient.window.close`,CHANGE_URL:`webclient.change.url`,GOOGLE_TAG_EVENT:`google.tag.event`},s=Object.values(o);window.addEventListener(`message`,c=>{if(!c.data?.type||!s.includes(c.data.type))return;let l=a();if(l&&c.origin!==l){console.warn(`Rejected postMessage from untrusted origin:`,c.origin);return}let u=c.data;switch(u.type){case o.CHAT_STARTED:e();break;case o.CHAT_ENDED:t();break;case o.WINDOW_EXPAND:n(u.devices,u.initial);break;case o.WINDOW_CLOSE:r();break;case o.CHANGE_URL:i(u.url);break;case o.GOOGLE_TAG_EVENT:oi(u.payload);break;default:break}},!1)},ci=e=>new Promise(t=>{let n=document.getElementById(e);n?(n.onload=()=>{t(!0)},n.onerror=()=>{console.error(`Failed to load CSS file: custom.css`),t(!1)}):(console.error(`No custom.css file found`),t(!1))}),li=or(`<link rel="stylesheet"/>`),ui=or(`<div><!> <!></div>`),di={hash:`svelte-1n46o8q`,code:`.bubble-chat.svelte-1n46o8q {font-size:16px;visibility:hidden;opacity:0;}.bubble-chat.chatbot-ready.svelte-1n46o8q {visibility:visible;opacity:1;}`};function fi(e,t){qe(t,!0),gr(e,di);let n=`chatbot-style`,r=Dr(t,`assetsUrl`,19,()=>t.server?t.server.split(`?`)[0]:void 0),i=Dr(t,`linkHandling`,3,`default`),a=Dr(t,`chatStarted`,7,!1),o=Dr(t,`expandChatWindowAtStart`,3,null),s=N(!1),c=N(!1),l=N(F(Gr()));ai(`ON_CHAT_WINDOW_STATE_CHANGE`,function(e){P(l,e,!0)});function u(){a(!0)}function d(){a(!1)}function f(e,t){let n=window.innerWidth,r=e==null||e===`all`||e===`desktop`&&n>=768||e===`mobile`&&n<768;(!t||$(l)!==!1)&&r&&Xr()}function p(){Zr()}function m(e){let t=window.innerWidth,n=window.location.hostname===new URL(e).hostname;t<768&&Zr(),i()===`new-tab`?window.open(e,`_blank`):i()===`existing-tab`||n?document.location.href=e:window.open(e,`_blank`)}function h(){P(c,!0)}si(u,d,f,p,m),fn(()=>{let e=window.innerWidth<768;if($(l)&&e){let e=window.scrollY,t=document.body.style.position,n=document.body.style.width,r=document.body.style.overflow,i=document.body.style.top;return document.body.style.position=`fixed`,document.body.style.width=`100%`,document.body.style.overflow=`hidden`,document.body.style.top=`-${e}px`,()=>{document.body.style.position=t,document.body.style.width=n,document.body.style.overflow=r,document.body.style.top=i,window.scrollTo(0,e)}}}),Or(async()=>{if(P(s,await ci(n),!0),o()&&$(l)!==!1){let e=window.innerWidth,t=o()===`all`,n=o()===`desktop`&&e>=768,r=o()===`mobile`&&e<768;(t||n||r)&&Xr()}});var g=ui();hr(`1n46o8q`,e=>{var t=li();Cr(t,`id`,n),vn(()=>Cr(t,`href`,`${r()}/custom.css`)),cr(e,t)});var _=en(g);Ir(_,{get assetsUrl(){return r()},get open(){return $(l)},get onToggle(){return Qr}}),Nr(nn(_,2),{get server(){return t.server},get referrer(){return t.referrer},get open(){return $(l)},onLoad:h}),Re(g),vn(()=>yr(g,1,`bubble-chat ${$(s)&&$(c)?`chatbot-ready`:``}`,`svelte-1n46o8q`)),cr(e,g),Je()}var pi=e=>e.replace(/\/embed\/bundle\.js/,``),mi=e=>e.dataset?.server,hi=e=>{if(e&&`src`in e&&typeof e.src==`string`)return mi(e)||pi(e.src)},gi=document.querySelector(`script#chatbot`),_i=hi(gi),vi=gi?.getAttribute(`data-link-handling`)?gi.getAttribute(`data-link-handling`):`default`,yi=gi?.getAttribute(`data-expand-at-start`)?gi.getAttribute(`data-expand-at-start`):null;window.chatbot=qr;var bi=()=>{console.log(`Chatbot is loading from`,_i),lr(fi,{target:document.body,props:{server:_i,referrer:window.location.href,linkHandling:vi,expandChatWindowAtStart:yi}}),Rr(!0)},xi=(e=0)=>{e>=3||document.readyState===`complete`?setTimeout(bi,500):setTimeout(()=>{xi(e+1)},500)};xi();var Si=document.getElementById(`chatbot`);Si&&`src`in Si&&typeof Si.src==`string`&&Si.src.indexOf(`caller=bookmarklet`)>0&&setTimeout(bi,500)})();
+      box-shadow 100ms;}.chat-button.svelte-1xi58vz:hover {box-shadow:16px 16px 16px rgba(0, 0, 0, 0.2);transform:translateY(-2px);}`};function Ir(e,t){qe(t,!0),gr(e,Fr);function n(e){let n=e.key;(n===`ArrowDown`||n===`ArrowRight`||n===`Enter`||n===` `||n===`Space`)&&(e.stopPropagation(),t.onToggle())}var r=Pr(),i=en(r);Re(r),vn(()=>{Cr(r,`aria-expanded`,t.open?`true`:`false`),Cr(i,`src`,`${t.assetsUrl}/fab.svg`)}),Qn(`click`,r,function(...e){t.onToggle?.apply(this,e)}),Qn(`keydown`,r,n),cr(e,r),Je()}$n([`click`,`keydown`]);var Lr=!1;function Rr(e){Lr=e}function zr(){return Lr}function Br(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)r!==`__proto__`&&(e[r]=n[r])}return e}var Vr={read:function(e){return e[0]===`"`&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function Hr(e,t){function n(n,r,i){if(!(typeof document>`u`)){i=Br({},t,i),typeof i.expires==`number`&&(i.expires=new Date(Date.now()+i.expires*864e5)),i.expires&&=i.expires.toUTCString(),n=encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a=``;for(var o in i)i[o]&&(a+=`; `+o,i[o]!==!0&&(a+=`=`+i[o].split(`;`)[0]));return document.cookie=n+`=`+e.write(r,n)+a}}function r(t){if(!(typeof document>`u`||arguments.length&&!t)){for(var n=document.cookie?document.cookie.split(`; `):[],r={},i=0;i<n.length;i++){var a=n[i].split(`=`),o=a.slice(1).join(`=`);try{var s=decodeURIComponent(a[0]);if(s in r||(r[s]=e.read(o,s)),t===s)break}catch{}}return t?r[t]:r}}return Object.create({set:n,get:r,remove:function(e,t){n(e,``,Br({},t,{expires:-1}))},withAttributes:function(e){return Hr(this.converter,Br({},this.attributes,e))},withConverter:function(e){return Hr(Br({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var Ur=Hr(Vr,{path:`/`}),Wr=`bubble-chat-window-state`,Gr=()=>{switch(Ur.get(Wr)){case`open`:return!0;case`closed`:return!1;default:return}},Kr=e=>{let t=new Date(new Date().getTime()+480*60*1e3);Ur.set(Wr,e,{expires:t})},qr=t({closeChatWindow:()=>Zr,enterGuestMessage:()=>ei,isChatbotLoaded:()=>zr,openChatWindow:()=>Xr,restartChat:()=>$r,subscribe:()=>ai,toggleChatWindow:()=>Qr,triggerStory:()=>ti}),Jr=[],Yr=Gr();function Xr(){Yr=!0,Kr(`open`),Jr.forEach(function(e){e.call(window,!0)})}function Zr(){Yr=!1,Kr(`closed`),Jr.forEach(function(e){e.call(window,!1)})}function Qr(){Yr?Zr():Xr()}function $r(){ii({type:`RESTART_CHAT`})}function ei(e){ii({type:`CHAT_MESSAGE_FROM_GUEST`,text:e})}function ti(e){ii({type:`TRIGGER_STORY`,story:e})}function ni(){return document.getElementById(`chat-frame`)}function ri(){let e=ni();if(e?.src)try{return new URL(e.src).origin}catch{return null}return null}function ii(e){let t=ni(),n=ri();if(!n){console.warn(`Cannot send message: chat iframe origin could not be determined`);return}t?.contentWindow?.postMessage(e,n)}function ai(e,t){switch(e){case`ON_CHAT_WINDOW_STATE_CHANGE`:Jr.push(t);break;default:throw Error(`Unsupported event `+e)}}var oi=e=>{if(!e||typeof e!=`object`||Array.isArray(e)){console.warn(`Invalid tracking payload received:`,e);return}`gtag`in window&&typeof window.gtag==`function`?window.gtag(`event`,``,e):`dataLayer`in window&&Array.isArray(window.dataLayer)&&window.dataLayer.push(e)},si=(e,t,n,r,i)=>{let a=()=>{let e=document.getElementById(`chat-frame`);if(e?.src)try{return new URL(e.src).origin}catch{return null}return null},o={CHAT_STARTED:`webclient.chat.started`,CHAT_ENDED:`webclient.chat.ended`,WINDOW_EXPAND:`webclient.window.expand`,WINDOW_CLOSE:`webclient.window.close`,CHANGE_URL:`webclient.change.url`,GOOGLE_TAG_EVENT:`google.tag.event`},s=Object.values(o);window.addEventListener(`message`,c=>{if(!c.data?.type||!s.includes(c.data.type))return;let l=a();if(l&&c.origin!==l){console.warn(`Rejected postMessage from untrusted origin:`,c.origin);return}let u=c.data;switch(u.type){case o.CHAT_STARTED:e();break;case o.CHAT_ENDED:t();break;case o.WINDOW_EXPAND:n(u.devices,u.initial);break;case o.WINDOW_CLOSE:r();break;case o.CHANGE_URL:i(u.url);break;case o.GOOGLE_TAG_EVENT:oi(u.payload);break;default:break}},!1)},ci=e=>new Promise(t=>{let n=document.getElementById(e);n?(n.onload=()=>{t(!0)},n.onerror=()=>{console.error(`Failed to load CSS file: custom.css`),t(!1)}):(console.error(`No custom.css file found`),t(!1))}),li=or(`<link rel="stylesheet"/>`),ui=or(`<div><!> <!></div>`),di={hash:`svelte-1n46o8q`,code:`.bubble-chat.svelte-1n46o8q {font-size:16px;visibility:hidden;opacity:0;}.bubble-chat.chatbot-ready.svelte-1n46o8q {visibility:visible;opacity:1;}`};function fi(e,t){qe(t,!0),gr(e,di);let n=`chatbot-style`,r=Dr(t,`assetsUrl`,19,()=>t.server?t.server.split(`?`)[0]:void 0),i=Dr(t,`linkHandling`,3,`default`),a=Dr(t,`chatStarted`,7,!1),o=Dr(t,`expandChatWindowAtStart`,3,null),s=Dr(t,`fabVisible`,3,!0),c=N(!1),l=N(!1),u=N(F(Gr()));ai(`ON_CHAT_WINDOW_STATE_CHANGE`,function(e){P(u,e,!0)});function d(){a(!0)}function f(){a(!1)}function p(e,t){let n=window.innerWidth,r=e==null||e===`all`||e===`desktop`&&n>=768||e===`mobile`&&n<768;(!t||$(u)!==!1)&&r&&Xr()}function m(){Zr()}function h(e){let t=window.innerWidth,n=window.location.hostname===new URL(e).hostname;t<768&&Zr(),i()===`new-tab`?window.open(e,`_blank`):i()===`existing-tab`||n?document.location.href=e:window.open(e,`_blank`)}function g(){P(l,!0)}si(d,f,p,m,h),fn(()=>{let e=window.innerWidth<768;if($(u)&&e){let e=window.scrollY,t=document.body.style.position,n=document.body.style.width,r=document.body.style.overflow,i=document.body.style.top;return document.body.style.position=`fixed`,document.body.style.width=`100%`,document.body.style.overflow=`hidden`,document.body.style.top=`-${e}px`,()=>{document.body.style.position=t,document.body.style.width=n,document.body.style.overflow=r,document.body.style.top=i,window.scrollTo(0,e)}}}),Or(async()=>{if(P(c,await ci(n),!0),o()&&$(u)!==!1){let e=window.innerWidth,t=o()===`all`,n=o()===`desktop`&&e>=768,r=o()===`mobile`&&e<768;(t||n||r)&&Xr()}});var _=ui();hr(`1n46o8q`,e=>{var t=li();Cr(t,`id`,n),vn(()=>Cr(t,`href`,`${r()}/custom.css`)),cr(e,t)});var v=en(_),y=e=>{Ir(e,{get assetsUrl(){return r()},get open(){return $(u)},get onToggle(){return Qr}})};mr(v,e=>{s()&&e(y)}),Nr(nn(v,2),{get server(){return t.server},get referrer(){return t.referrer},get open(){return $(u)},onLoad:g}),Re(_),vn(()=>yr(_,1,`bubble-chat ${$(c)&&$(l)?`chatbot-ready`:``}`,`svelte-1n46o8q`)),cr(e,_),Je()}var pi=e=>e.replace(/\/embed\/bundle\.js/,``),mi=e=>e.dataset?.server,hi=e=>{if(e&&`src`in e&&typeof e.src==`string`)return mi(e)||pi(e.src)},gi=document.querySelector(`script#chatbot`),_i=hi(gi),vi=gi?.getAttribute(`data-link-handling`)?gi.getAttribute(`data-link-handling`):`default`,yi=gi?.getAttribute(`data-expand-at-start`)?gi.getAttribute(`data-expand-at-start`):null,bi=gi?.getAttribute(`data-fab-visible`)!==`false`;window.chatbot=qr;var xi=()=>{console.log(`Chatbot is loading from`,_i),lr(fi,{target:document.body,props:{server:_i,referrer:window.location.href,linkHandling:vi,expandChatWindowAtStart:yi,fabVisible:bi}}),Rr(!0)},Si=(e=0)=>{e>=3||document.readyState===`complete`?setTimeout(xi,500):setTimeout(()=>{Si(e+1)},500)};Si();var Ci=document.getElementById(`chatbot`);Ci&&`src`in Ci&&typeof Ci.src==`string`&&Ci.src.indexOf(`caller=bookmarklet`)>0&&setTimeout(xi,500)})();

package/dist/index.js

@@ -56,17 +56,17 @@ export default (clientName, environment, props) => async (bot) => {
         res.write(index(serverUrl.toString(), `${server}/embed/bundle.js`));
         res.end();
     });
-    if (fabVisibilityIsConditional(props)) {
+    if (isConditionallyEnabled(props)) {
         router.get('/embed/bundle.js', (req, res) => {
             const caller = req.query['caller'];
             const referer = req.get('referer')?.toLowerCase();
-            const visibleUrls = Array.isArray(props.fabVisible)
-                ? props.fabVisible
+            const enabledUrls = Array.isArray(props.enableOnUrls)
+                ? props.enableOnUrls
                 : [];
             const isEmbedPage = !!referer?.startsWith(bot.webserver.baseUrl.toLowerCase());
-            const isFromVisibleUrl = isEmbedPage ||
-                visibleUrls.some((url) => referer?.startsWith(url.toLowerCase()));
-            if (caller === 'bookmarklet' || isFromVisibleUrl) {
+            const isUrlEnabled = isEmbedPage ||
+                enabledUrls.some((url) => referer?.startsWith(url.toLowerCase()));
+            if (caller === 'bookmarklet' || isUrlEnabled) {
                 res.sendFile(`${__dirname}/embed/bundle.js`);
             }
             else {
@@ -154,7 +154,9 @@ const serveStaticOptions = {
         }
     },
 };
-const fabVisibilityIsConditional = ({ fabVisible = true }) => fabVisible !== true;
+const isConditionallyEnabled = ({ enableOnUrls: enabledOnUrls = true, }) => {
+    return enabledOnUrls !== true;
+};
 const onTerminateSession = (socket, bot) => async ({ sessionId, // passed if the user wants to restart the chat
  }) => {
     const session = await bot.createSession(sessionId);

package/dist/types.d.ts

@@ -115,18 +115,17 @@ export interface WebClientProps {
     speech?: SpeechToTextProps | undefined;
     expandChatWindowAtStart?: Devices;
     /**
-     * Controls the visibility of the FAB.
+     * Controls on which pages the chatbot is enabled.
      *
-     * - If set to `true`, the FAB is always visible.
-     * - If set to `false`, the FAB is hidden.
-     * - If set to an array of strings, the FAB will only be visible when the web client is accessed from a page
-     *   whose URL includes one of the specified strings.
-     *
-     * The FAB is always visible on the base URL pages and bookmarklet.
+     * - If set to `true` (default), the chatbot is enabled everywhere.
+     * - If set to `false`, the chatbot bundle is not served to external pages.
+     *   It remains accessible via bookmarklet and the server's own embed page.
+     * - If set to an array of URL strings, the chatbot bundle is only served
+     *   when the embedding page's URL starts with one of the given strings.
      *
      * @default true
      */
-    fabVisible?: boolean | string[];
+    enableOnUrls?: boolean | string[];
     /**
      * SAML authentication configuration for the web client.
      * If set, users must authenticate via SAML before accessing the chat.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botfabrik/engine-webclient",
-  "version": "4.122.1",
+  "version": "4.123.1",
   "description": "Webclient for Botfabriks Bot Engine",
   "type": "module",
   "main": "./dist/index.js",
@@ -55,5 +55,5 @@
     "tsx": "^4.22.3",
     "typescript": "6.0.3"
   },
-  "gitHead": "a2c4a38b4d6a98f9d5225f0f7009889a3563c7cc"
+  "gitHead": "462f008dddf4005eedd8a409482f3ddc58ae2ee4"
 }