@botfabrik/engine-webclient 4.77.4-alpha.8 → 4.78.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -46
- package/dist/client/assets/index-BiNNifhB.css +1 -0
- package/dist/client/assets/index-RyoFceI4.js +110 -0
- package/dist/client/assets/index-RyoFceI4.js.map +1 -0
- package/dist/client/favicon.ico +0 -0
- package/dist/client/index.html +3 -9
- package/dist/client/manifest.json +15 -0
- package/dist/client/play-button.png +0 -0
- package/dist/embed/bundle.js +51 -9
- package/dist/middleware/index.js +1 -1
- package/package.json +4 -4
- package/dist/client/apple-touch-icon.png +0 -0
- package/dist/client/assets/index-DUMnRcS3.js +0 -110
- package/dist/client/assets/index-DUMnRcS3.js.map +0 -1
- package/dist/client/assets/index-DZ1Z1q9_.css +0 -1
- package/dist/client/assets/undraw_fixing-bugs-D_eYxJc6.svg +0 -55
- package/dist/client/favicon-96x96.png +0 -0
- package/dist/client/favicon.svg +0 -3
- package/dist/client/site.webmanifest +0 -22
- package/dist/client/web-app-manifest-192x192.png +0 -0
- package/dist/client/web-app-manifest-512x512.png +0 -0
package/dist/client/favicon.ico
CHANGED
|
Binary file
|
package/dist/client/index.html
CHANGED
|
@@ -2,19 +2,13 @@
|
|
|
2
2
|
<html lang="en" translate="no" class="notranslate bubble-chat">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8" />
|
|
5
|
-
|
|
6
|
-
<link rel="icon" type="image/png" href="./favicon-96x96.png" sizes="96x96" />
|
|
7
|
-
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
|
|
8
|
-
<link rel="shortcut icon" href="./favicon.ico" />
|
|
9
|
-
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png" />
|
|
10
|
-
<link rel="manifest" href="./site.webmanifest" />
|
|
11
|
-
|
|
5
|
+
<link rel="icon" href="./favicon.ico" />
|
|
12
6
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
13
7
|
<meta name="theme-color" content="#000000" />
|
|
14
8
|
<meta name="google" content="notranslate" />
|
|
15
9
|
<title>Bubble Chat Client</title>
|
|
16
|
-
<script type="module" crossorigin src="./assets/index-
|
|
17
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
|
10
|
+
<script type="module" crossorigin src="./assets/index-RyoFceI4.js"></script>
|
|
11
|
+
<link rel="stylesheet" crossorigin href="./assets/index-BiNNifhB.css">
|
|
18
12
|
</head>
|
|
19
13
|
|
|
20
14
|
<body>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"short_name": "Bubble Chat",
|
|
3
|
+
"name": "Bubble Chat by Apptiva",
|
|
4
|
+
"icons": [
|
|
5
|
+
{
|
|
6
|
+
"src": "favicon.ico",
|
|
7
|
+
"sizes": "64x64 32x32 24x24 16x16",
|
|
8
|
+
"type": "image/x-icon"
|
|
9
|
+
}
|
|
10
|
+
],
|
|
11
|
+
"start_url": ".",
|
|
12
|
+
"display": "standalone",
|
|
13
|
+
"theme_color": "#042f61",
|
|
14
|
+
"background_color": "#ffffff"
|
|
15
|
+
}
|
|
Binary file
|
package/dist/embed/bundle.js
CHANGED
|
@@ -1,16 +1,58 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Ct=Object.defineProperty;var Et=(_,E,x)=>E in _?Ct(_,E,{enumerable:!0,configurable:!0,writable:!0,value:x}):_[E]=x;var ce=(_,E,x)=>Et(_,typeof E!="symbol"?E+"":E,x);(function(){"use strict";function _(){}function E(e){return e()}function x(){return Object.create(null)}function L(e){e.forEach(E)}function W(e){return typeof e=="function"}function Y(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}let j;function T(e,t){return e===t?!0:(j||(j=document.createElement("a")),j.href=t,e===j.href)}function qe(e){return Object.keys(e).length===0}const Ie=typeof window<"u"?window:typeof globalThis<"u"?globalThis:global;function w(e,t){e.appendChild(t)}function Z(e,t,n){const r=De(e);if(!r.getElementById(t)){const o=y("style");o.id=t,o.textContent=n,We(r,o)}}function De(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function We(e,t){return w(e.head||e,t),t.sheet}function S(e,t,n){e.insertBefore(t,n||null)}function C(e){e.parentNode&&e.parentNode.removeChild(e)}function y(e){return document.createElement(e)}function B(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function de(e){return document.createTextNode(e)}function U(){return de(" ")}function Me(){return de("")}function A(e,t,n,r){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)}function a(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function ze(e){return Array.from(e.childNodes)}function ue(e,t,n){e.classList.toggle(t,!!n)}let M;function z(e){M=e}function He(){if(!M)throw new Error("Function called outside component initialization");return M}function he(e){He().$$.on_mount.push(e)}const R=[],me=[];let q=[];const be=[],Pe=Promise.resolve();let V=!1;function Ne(){V||(V=!0,Pe.then(ge))}function J(e){q.push(e)}const Q=new Set;let I=0;function ge(){if(I!==0)return;const e=M;do{try{for(;I<R.length;){const t=R[I];I++,z(t),je(t.$$)}}catch(t){throw R.length=0,I=0,t}for(z(null),R.length=0,I=0;me.length;)me.pop()();for(let t=0;t<q.length;t+=1){const n=q[t];Q.has(n)||(Q.add(n),n())}q.length=0}while(R.length);for(;be.length;)be.pop()();V=!1,Q.clear(),z(e)}function je(e){if(e.fragment!==null){e.update(),L(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(J)}}function Be(e){const t=[],n=[];q.forEach(r=>e.indexOf(r)===-1?t.push(r):n.push(r)),n.forEach(r=>r()),q=t}const F=new Set;let Fe;function X(e,t){e&&e.i&&(F.delete(e),e.i(t))}function ve(e,t,n,r){if(e&&e.o){if(F.has(e))return;F.add(e),Fe.c.push(()=>{F.delete(e)}),e.o(t)}}function we(e){e&&e.c()}function $(e,t,n){const{fragment:r,after_update:o}=e.$$;r&&r.m(t,n),J(()=>{const s=e.$$.on_mount.map(E).filter(W);e.$$.on_destroy?e.$$.on_destroy.push(...s):L(s),e.$$.on_mount=[]}),o.forEach(J)}function ee(e,t){const n=e.$$;n.fragment!==null&&(Be(n.after_update),L(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function Ge(e,t){e.$$.dirty[0]===-1&&(R.push(e),Ne(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function te(e,t,n,r,o,s,i=null,f=[-1]){const l=M;z(e);const d=e.$$={fragment:null,ctx:[],props:s,update:_,not_equal:o,bound:x(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(l?l.$$.context:[])),callbacks:x(),dirty:f,skip_bound:!1,root:t.target||l.$$.root};i&&i(d.root);let u=!1;if(d.ctx=n?n(e,t.props||{},(h,p,...v)=>{const c=v.length?v[0]:p;return d.ctx&&o(d.ctx[h],d.ctx[h]=c)&&(!d.skip_bound&&d.bound[h]&&d.bound[h](c),u&&Ge(e,h)),p}):[],d.update(),u=!0,L(d.before_update),d.fragment=r?r(d.ctx):!1,t.target){if(t.hydrate){const h=ze(t.target);d.fragment&&d.fragment.l(h),h.forEach(C)}else d.fragment&&d.fragment.c();t.intro&&X(e.$$.fragment),$(e,t.target,t.anchor),ge()}z(l)}class ne{constructor(){ce(this,"$$");ce(this,"$$set")}$destroy(){ee(this,1),this.$destroy=_}$on(t,n){if(!W(n))return _;const r=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return r.push(n),()=>{const o=r.indexOf(n);o!==-1&&r.splice(o,1)}}$set(t){this.$$set&&!qe(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const Ke="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Ke);function Ye(e){Z(e,"svelte-e3m1sf",`.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf,.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf:before,.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf:after{box-sizing:border-box}.bot-border.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{position:fixed;display:flex;flex-direction:column;top:0;bottom:env(safe-area-inset-bottom);height:100%;max-height:100vh;width:100%;border-width:0;border-radius:var(--window-border-radius, 8px);box-shadow:rgba(0, 0, 0, 0.24) 0px 16px 40px;background:transparent;opacity:1;transition:transform 200ms,
|
|
2
2
|
opacity 100ms 100ms,
|
|
3
|
-
all 150ms;z-index:2147483647}.bot-border.closed.svelte-
|
|
4
|
-
|
|
3
|
+
all 150ms;z-index:2147483647}.bot-border.closed.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{transform:translateY(100vh);opacity:0}.header.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{display:flex;justify-content:space-between;width:100%;height:var(--header-height, 4em);background-color:var(
|
|
4
|
+
--header-background-color,
|
|
5
|
+
var(--brand-primary-color, white)
|
|
6
|
+
)}.bot.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{display:block;width:100%;flex:1 0 auto;margin:0}@media screen and (min-width: 768px){#chat-frame.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{border-bottom-left-radius:var(--window-border-radius, 8px);border-bottom-right-radius:var(--window-border-radius, 8px)}.header.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{border-top-left-radius:var(--window-border-radius, 8px);border-top-right-radius:var(--window-border-radius, 8px)}.bot-border.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{height:var(--window-height, 40em);max-height:calc(100vh - 2em);width:var(--window-width, 23em);top:auto;right:1em;bottom:1em;left:auto;border-radius:var(--window-border-radius, 8px)}.bot-border.closed.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{transform:translateY(var(--window-height, 40em));opacity:0}}.header-icon-container.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{display:flex;justify-content:flex-end;gap:0.5em;align-items:center;height:100%;width:100%;padding:var(--header-icons-padding, 0.9em)}.bot-border-restart-icon.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf,.bot-border-close-icon.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{height:100%;aspect-ratio:1;padding:0.5em;text-align:center;border-radius:50%;transition:background-color 100ms;&:hover {
|
|
7
|
+
background-color: rgb(from var(--header-icons-color, white) r g b / 20%);
|
|
8
|
+
|
|
9
|
+
& svg path {
|
|
10
|
+
stroke-width: 3px;
|
|
11
|
+
}
|
|
12
|
+
}}img.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{display:block;height:100%;padding:var(--header-logo-padding, 1em)}svg.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{cursor:pointer;& path {
|
|
13
|
+
transition: stroke-width 100ms;
|
|
14
|
+
stroke: var(--header-icons-color, white);
|
|
15
|
+
fill: var(--header-icons-color, white);
|
|
16
|
+
}}.bot-border-restart-icon.svelte-e3m1sf svg.svelte-e3m1sf path.svelte-e3m1sf{stroke-width:0}.bot-border-close-icon.svelte-e3m1sf svg.svelte-e3m1sf path.svelte-e3m1sf{stroke-width:2px}[data-title].svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{position:relative;&:before {
|
|
17
|
+
content: '';
|
|
18
|
+
position: absolute;
|
|
19
|
+
bottom: -10px;
|
|
20
|
+
right: 35%;
|
|
21
|
+
border: 6px solid transparent;
|
|
22
|
+
border-bottom-color: #1f1f1f;
|
|
23
|
+
z-index: 999999;
|
|
24
|
+
visibility: hidden;
|
|
25
|
+
};&:after {
|
|
26
|
+
content: attr(data-title);
|
|
27
|
+
position: absolute;
|
|
28
|
+
bottom: -42px;
|
|
29
|
+
right: -0.5em;
|
|
30
|
+
font-size: 14px;
|
|
31
|
+
line-height: 16px;
|
|
32
|
+
padding: 8px 10px;
|
|
33
|
+
white-space: nowrap;
|
|
34
|
+
border-radius: 5px;
|
|
35
|
+
background-color: #1f1f1f;
|
|
36
|
+
color: #fafafa;
|
|
37
|
+
box-shadow: 1px 6px 16px #1f1f1f;
|
|
38
|
+
z-index: 99999;
|
|
39
|
+
visibility: hidden;
|
|
40
|
+
};&:hover:before,
|
|
41
|
+
&:hover:after {
|
|
42
|
+
opacity: 1;
|
|
43
|
+
transition: all 0.1s ease 0.5s;
|
|
44
|
+
visibility: visible;
|
|
45
|
+
}}p.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf,pre.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{max-width:300px}pre.svelte-e3m1sf.svelte-e3m1sf.svelte-e3m1sf{font-size:0.6em;line-height:0.5}`)}function Ze(e){let t,n,r;return{c(){t=y("p"),t.textContent=`Please make sure that the script tag has 'id="chatbot"' and the attribute
|
|
46
|
+
'data-server' with the full qualified URL to the chatbot-server.`,n=U(),r=y("pre"),r.innerHTML=` <code class="svelte-e3m1sf">
|
|
5
47
|
<script
|
|
6
|
-
<br class="svelte-
|
|
48
|
+
<br class="svelte-e3m1sf"/>
|
|
7
49
|
id="chatbot"
|
|
8
|
-
<br class="svelte-
|
|
50
|
+
<br class="svelte-e3m1sf"/>
|
|
9
51
|
data-server="https://server.com/webclient"
|
|
10
|
-
<br class="svelte-
|
|
52
|
+
<br class="svelte-e3m1sf"/>
|
|
11
53
|
defer
|
|
12
|
-
<br class="svelte-
|
|
54
|
+
<br class="svelte-e3m1sf"/>
|
|
13
55
|
src="https://server.com/webclient/embed/bundle.js"> </script>
|
|
14
56
|
</code>
|
|
15
|
-
`,
|
|
16
|
-
box-shadow 100ms}.chat-button.svelte-6wt8q2:hover{box-shadow:16px 16px 16px rgba(0, 0, 0, 0.2);transform:translateY(-2px)}`)}function
|
|
57
|
+
`,a(t,"class","svelte-e3m1sf"),a(r,"class","svelte-e3m1sf")},m(o,s){S(o,t,s),S(o,n,s),S(o,r,s)},p:_,d(o){o&&(C(t),C(n),C(r))}}}function Ve(e){let t,n,r,o,s,i,f,l,d,u,h,p,v,c,g,D,N,m,b=e[4]&&pe(e);return{c(){t=y("div"),n=y("div"),r=y("img"),s=U(),i=y("div"),b&&b.c(),f=U(),l=y("div"),d=B("svg"),u=B("path"),v=U(),c=y("iframe"),T(r.src,o=`${e[3]}/logo.svg`)||a(r,"src",o),a(r,"alt","Logo"),a(r,"class","logo svelte-e3m1sf"),a(u,"d","M0,0L20,20M20,0L0,20"),a(u,"class","svelte-e3m1sf"),a(d,"viewBox","-2 -2 24 24"),a(d,"aria-label","Close window icon"),a(d,"class","svelte-e3m1sf"),a(l,"aria-label",h=e[5].header.closeChat),a(l,"data-title",p=e[5].header.closeChat),a(l,"role","button"),a(l,"class","bot-border-close-icon svelte-e3m1sf"),a(l,"tabindex",0),a(i,"class","header-icon-container svelte-e3m1sf"),a(n,"class","header svelte-e3m1sf"),a(c,"id","chat-frame"),a(c,"title","Chat"),a(c,"class","bot svelte-e3m1sf"),T(c.src,g=`${e[0]}${e[0].indexOf("?")===-1?"?":"&"}referrer=${encodeURIComponent(e[1]??"")}&windowHeight=${ye()}&windowWidth=${_e()}`)||a(c,"src",g),a(c,"frameborder","0"),a(c,"allow","microphone; clipboard-write"),c.allowFullscreen=!0,a(t,"class","bot-border svelte-e3m1sf"),a(t,"aria-hidden",D=e[2]?"false":"true"),ue(t,"closed",!e[2])},m(O,k){S(O,t,k),w(t,n),w(n,r),w(n,s),w(n,i),b&&b.m(i,null),w(i,f),w(i,l),w(l,d),w(d,u),w(t,v),w(t,c),N||(m=[A(l,"click",function(){W(e[6])&&e[6].apply(this,arguments)}),A(l,"keydown",e[9])],N=!0)},p(O,k){e=O,k&8&&!T(r.src,o=`${e[3]}/logo.svg`)&&a(r,"src",o),e[4]?b?b.p(e,k):(b=pe(e),b.c(),b.m(i,f)):b&&(b.d(1),b=null),k&32&&h!==(h=e[5].header.closeChat)&&a(l,"aria-label",h),k&32&&p!==(p=e[5].header.closeChat)&&a(l,"data-title",p),k&3&&!T(c.src,g=`${e[0]}${e[0].indexOf("?")===-1?"?":"&"}referrer=${encodeURIComponent(e[1]??"")}&windowHeight=${ye()}&windowWidth=${_e()}`)&&a(c,"src",g),k&4&&D!==(D=e[2]?"false":"true")&&a(t,"aria-hidden",D),k&4&&ue(t,"closed",!e[2])},d(O){O&&C(t),b&&b.d(),N=!1,L(m)}}}function pe(e){let t,n,r,o,s,i,f;return{c(){t=y("div"),n=B("svg"),r=B("path"),a(r,"d","M230.64,25.36a32,32,0,0,0-45.26,0q-.21.21-.42.45L131.55,88.22,121,77.64a24,24,0,0,0-33.95,0l-76.69,76.7a8,8,0,0,0,0,11.31l80,80a8,8,0,0,0,11.31,0L178.36,169a24,24,0,0,0,0-33.95l-10.58-10.57L230.19,71c.15-.14.31-.28.45-.43A32,32,0,0,0,230.64,25.36ZM96,228.69,79.32,212l22.34-22.35a8,8,0,0,0-11.31-11.31L68,200.68,55.32,188l22.34-22.35a8,8,0,0,0-11.31-11.31L44,176.68,27.31,160,72,115.31,140.69,184ZM219.52,59.1l-68.71,58.81a8,8,0,0,0-.46,11.74L167,146.34a8,8,0,0,1,0,11.31l-15,15L83.32,104l15-15a8,8,0,0,1,11.31,0l16.69,16.69a8,8,0,0,0,11.74-.46L196.9,36.48A16,16,0,0,1,219.52,59.1Z"),a(r,"class","svelte-e3m1sf"),a(n,"viewBox","0 0 256 256"),a(n,"aria-label","Restart chat icon"),a(n,"class","svelte-e3m1sf"),a(t,"aria-label",o=e[5].header.restartChat),a(t,"data-title",s=e[5].header.restartChat),a(t,"role","button"),a(t,"class","bot-border-restart-icon svelte-e3m1sf"),a(t,"tabindex",0)},m(l,d){S(l,t,d),w(t,n),w(n,r),i||(f=[A(t,"click",function(){W(e[7])&&e[7].apply(this,arguments)}),A(t,"keydown",e[8])],i=!0)},p(l,d){e=l,d&32&&o!==(o=e[5].header.restartChat)&&a(t,"aria-label",o),d&32&&s!==(s=e[5].header.restartChat)&&a(t,"data-title",s)},d(l){l&&C(t),i=!1,L(f)}}}function Je(e){let t;function n(s,i){return s[0]?Ve:Ze}let r=n(e),o=r(e);return{c(){o.c(),t=Me()},m(s,i){o.m(s,i),S(s,t,i)},p(s,[i]){r===(r=n(s))&&o?o.p(s,i):(o.d(1),o=r(s),o&&(o.c(),o.m(t.parentNode,t)))},i:_,o:_,d(s){s&&C(t),o.d(s)}}}function _e(){try{return window.innerWidth}catch{return-1}}function ye(){try{return window.innerHeight}catch{return-1}}function Qe(e,t,n){let{server:r}=t,{referrer:o}=t,{open:s}=t,{assetsUrl:i}=t,{chatStarted:f}=t,{translations:l}=t,{onToggle:d}=t,{onRestartChat:u}=t,{onLoad:h}=t;function p(c){const g=c.key;(g==="ArrowDown"||g==="ArrowRight"||g==="Enter"||g===" "||g==="Space")&&(c.stopPropagation(),u())}function v(c){const g=c.key;(g==="ArrowDown"||g==="ArrowRight"||g==="Enter"||g===" "||g==="Space")&&(c.stopPropagation(),d())}return he(()=>{var c;(c=document.getElementById("chat-frame"))==null||c.addEventListener("load",h)}),e.$$set=c=>{"server"in c&&n(0,r=c.server),"referrer"in c&&n(1,o=c.referrer),"open"in c&&n(2,s=c.open),"assetsUrl"in c&&n(3,i=c.assetsUrl),"chatStarted"in c&&n(4,f=c.chatStarted),"translations"in c&&n(5,l=c.translations),"onToggle"in c&&n(6,d=c.onToggle),"onRestartChat"in c&&n(7,u=c.onRestartChat),"onLoad"in c&&n(10,h=c.onLoad)},[r,o,s,i,f,l,d,u,p,v,h]}class Xe extends ne{constructor(t){super(),te(this,t,Qe,Je,Y,{server:0,referrer:1,open:2,assetsUrl:3,chatStarted:4,translations:5,onToggle:6,onRestartChat:7,onLoad:10},Ye)}}function $e(e){Z(e,"svelte-6wt8q2",`.svelte-6wt8q2,.svelte-6wt8q2:before,.svelte-6wt8q2:after{box-sizing:border-box}.chat-button-wrapper.svelte-6wt8q2{position:fixed;top:var(--fab-top-mobile, var(--fab-top, auto));right:var(--fab-right-mobile, var(--fab-right, 1.5em));bottom:var(--fab-bottom-mobile, var(--fab-bottom, 1.5em));left:var(--fab-left-mobile, var(--fab-left, auto));width:var(--fab-size-mobile, var(--fab-size, 5em));height:var(--fab-size-mobile, var(--fab-size, 5em));z-index:999}@media screen and (min-width: 768px){.chat-button-wrapper.svelte-6wt8q2{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-size, 6em);height:var(--fab-size, 6em)}}.chat-button.svelte-6wt8q2{display:block;height:100%;cursor:pointer;border-radius:50%;box-shadow:9px 9px 16px rgba(0, 0, 0, 0.25);transition:transform 100ms,
|
|
58
|
+
box-shadow 100ms}.chat-button.svelte-6wt8q2:hover{box-shadow:16px 16px 16px rgba(0, 0, 0, 0.2);transform:translateY(-2px)}`)}function et(e){let t,n,r,o,s,i;return{c(){t=y("div"),n=y("img"),a(n,"class","chat-button svelte-6wt8q2"),a(n,"alt","Open chat window"),T(n.src,r=`${e[0]}/fab.svg`)||a(n,"src",r),a(t,"class","chat-button-wrapper svelte-6wt8q2"),a(t,"tabindex","0"),a(t,"role","button"),a(t,"aria-label","Open chat window"),a(t,"aria-expanded",o=e[2]?"true":"false")},m(f,l){S(f,t,l),w(t,n),s||(i=[A(t,"click",function(){W(e[1])&&e[1].apply(this,arguments)}),A(t,"keydown",e[3])],s=!0)},p(f,[l]){e=f,l&1&&!T(n.src,r=`${e[0]}/fab.svg`)&&a(n,"src",r),l&4&&o!==(o=e[2]?"true":"false")&&a(t,"aria-expanded",o)},i:_,o:_,d(f){f&&C(t),s=!1,L(i)}}}function tt(e,t,n){let{assetsUrl:r}=t,{onToggle:o}=t,{open:s}=t;function i(f){const l=f.key;(l==="ArrowDown"||l==="ArrowRight"||l==="Enter"||l===" "||l==="Space")&&(f.stopPropagation(),o())}return e.$$set=f=>{"assetsUrl"in f&&n(0,r=f.assetsUrl),"onToggle"in f&&n(1,o=f.onToggle),"open"in f&&n(2,s=f.open)},[r,o,s,i]}class nt extends ne{constructor(t){super(),te(this,t,tt,et,Y,{assetsUrl:0,onToggle:1,open:2},$e)}}/*! js-cookie v3.0.5 | MIT */function G(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}var ot={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 oe(e,t){function n(o,s,i){if(!(typeof document>"u")){i=G({},t,i),typeof i.expires=="number"&&(i.expires=new Date(Date.now()+i.expires*864e5)),i.expires&&(i.expires=i.expires.toUTCString()),o=encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var f="";for(var l in i)i[l]&&(f+="; "+l,i[l]!==!0&&(f+="="+i[l].split(";")[0]));return document.cookie=o+"="+e.write(s,o)+f}}function r(o){if(!(typeof document>"u"||arguments.length&&!o)){for(var s=document.cookie?document.cookie.split("; "):[],i={},f=0;f<s.length;f++){var l=s[f].split("="),d=l.slice(1).join("=");try{var u=decodeURIComponent(l[0]);if(i[u]=e.read(d,u),o===u)break}catch{}}return o?i[o]:i}}return Object.create({set:n,get:r,remove:function(o,s){n(o,"",G({},s,{expires:-1}))},withAttributes:function(o){return oe(this.converter,G({},this.attributes,o))},withConverter:function(o){return oe(G({},this.converter,o),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var ke=oe(ot,{path:"/"});const Ce="bot-window",Ee=()=>{switch(ke.get(Ce)){case"open":return!0;case"closed":return!1;default:return!1}},Se=e=>{ke.set(Ce,e)};let Oe=!1;function rt(e){Oe=e}function st(){return Oe}const re=[];let H=Ee();function se(){H=!0,Se("open"),re.forEach(function(e){e.call(window,H)})}function ie(){H=!1,Se("closed"),re.forEach(function(e){e.call(window,H)})}function ae(){H?ie():se()}function xe(){le({type:"RESTART_CHAT"})}function it(e){le({type:"CHAT_MESSAGE_FROM_GUEST",text:e})}function at(e){le({type:"TRIGGER_STORY",story:e})}function le(e){var n;const t=document.getElementById("chat-frame");(n=t==null?void 0:t.contentWindow)==null||n.postMessage(e,"*")}function Le(e,t){switch(e){case"ON_CHAT_WINDOW_STATE_CHANGE":re.push(t);break;default:throw new Error("Unsupported event "+e)}}const lt=Object.freeze(Object.defineProperty({__proto__:null,closeChatWindow:ie,enterGuestMessage:it,isChatbotLoaded:st,openChatWindow:se,restartChat:xe,subscribe:Le,toggleChatWindow:ae,triggerStory:at},Symbol.toStringTag,{value:"Module"}));function ft(){return navigator.userAgent.match(/(iPad|iPhone|iPod)/g)}const ct=()=>{ft()&&document.querySelectorAll("html, body").forEach(e=>{e.classList.add("iOS-device")})},dt=e=>{"gtag"in window&&typeof window.gtag=="function"?window.gtag("event","",e):"dataLayer"in window&&Array.isArray(window.dataLayer)&&window.dataLayer.push(e)},ut=(e,t,n,r,o)=>{window.addEventListener("message",s=>{const i=s.data;switch(i.type){case"webclient.chat.started":e();break;case"webclient.chat.ended":t();break;case"webclient.expand.window":n(i.devices);break;case"webclient.change.url":r(i.url);break;case"webclient.change.translations":o(i.payload.translations);break;case"google.tag.event":dt(i.payload);break}},!1)},ht=e=>new Promise(t=>{const 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))}),{document:mt}=Ie;function bt(e){Z(e,"svelte-1x90b5q",".bubble-chat.svelte-1x90b5q{font-size:16px;visibility:hidden;opacity:0}.bubble-chat.chatbot-ready.svelte-1x90b5q{visibility:visible;opacity:1}")}function gt(e){let t,n,r,o,s,i,f,l,d;return s=new nt({props:{assetsUrl:e[4],open:e[7],onToggle:ae}}),f=new Xe({props:{server:e[2],referrer:e[3],assetsUrl:e[4],open:e[7],chatStarted:e[0],translations:e[1],onToggle:ae,onRestartChat:xe,onLoad:e[8]}}),{c(){t=y("link"),r=U(),o=y("div"),we(s.$$.fragment),i=U(),we(f.$$.fragment),a(t,"id",Te),a(t,"rel","stylesheet"),a(t,"href",n=`${e[4]}/custom.css`),a(o,"class",l="bubble-chat "+(e[5]&&e[6]?"chatbot-ready":"")+" svelte-1x90b5q")},m(u,h){w(mt.head,t),S(u,r,h),S(u,o,h),$(s,o,null),w(o,i),$(f,o,null),d=!0},p(u,[h]){(!d||h&16&&n!==(n=`${u[4]}/custom.css`))&&a(t,"href",n);const p={};h&16&&(p.assetsUrl=u[4]),h&128&&(p.open=u[7]),s.$set(p);const v={};h&4&&(v.server=u[2]),h&8&&(v.referrer=u[3]),h&16&&(v.assetsUrl=u[4]),h&128&&(v.open=u[7]),h&1&&(v.chatStarted=u[0]),h&2&&(v.translations=u[1]),f.$set(v),(!d||h&96&&l!==(l="bubble-chat "+(u[5]&&u[6]?"chatbot-ready":"")+" svelte-1x90b5q"))&&a(o,"class",l)},i(u){d||(X(s.$$.fragment,u),X(f.$$.fragment,u),d=!0)},o(u){ve(s.$$.fragment,u),ve(f.$$.fragment,u),d=!1},d(u){u&&(C(r),C(o)),C(t),ee(s),ee(f)}}}const Te="chatbot-style";function vt(e,t,n){let{server:r}=t,{referrer:o}=t,{assetsUrl:s=r?r.split("?")[0]:void 0}=t,{linkHandling:i="default"}=t,{chatStarted:f=!1}=t,{translations:l={header:{restartChat:"Restart chat",closeChat:"Minimize chat"}}}=t,d=!1,u=!1;ct();let h=Ee();Le("ON_CHAT_WINDOW_STATE_CHANGE",function(b){n(7,h=b)});function p(){n(0,f=!0)}function v(){n(0,f=!1)}function c(m){const b=window.innerWidth,O=m==null||m==="all",k=m==="desktop"&&b>=768,fe=m==="mobile"&&b<768;(O||k||fe)&&se()}function g(m){const b=window.innerWidth,O=window.location.hostname,k=new URL(m).hostname,fe=O===k;b<768&&ie(),i==="new-tab"?window.open(m,"_blank"):i==="existing-tab"||fe?document.location.href=m:window.open(m,"_blank")}function D(m){n(1,l=m)}function N(){n(6,u=!0)}return ut(p,v,c,g,D),he(async()=>{n(5,d=await ht(Te))}),e.$$set=m=>{"server"in m&&n(2,r=m.server),"referrer"in m&&n(3,o=m.referrer),"assetsUrl"in m&&n(4,s=m.assetsUrl),"linkHandling"in m&&n(9,i=m.linkHandling),"chatStarted"in m&&n(0,f=m.chatStarted),"translations"in m&&n(1,l=m.translations)},[f,l,r,o,s,d,u,h,N,i]}class wt extends ne{constructor(t){super(),te(this,t,vt,gt,Y,{server:2,referrer:3,assetsUrl:4,linkHandling:9,chatStarted:0,translations:1},bt)}}const pt=e=>e.replace(/\/embed\/bundle\.js/,""),_t=e=>{var t;return(t=e.dataset)==null?void 0:t.server},yt=e=>{if(e&&"src"in e&&typeof e.src=="string")return _t(e)||pt(e.src)},P=document.querySelector("script#chatbot"),Ue=yt(P),kt=P!=null&&P.getAttribute("link-handling")?P.getAttribute("link-handling"):"default";window.chatbot=lt;const Ae=()=>{console.log("Chatbot is loading from",Ue),new wt({target:document.body,props:{server:Ue,referrer:window.location.href,linkHandling:kt}}),rt(!0)},Re=(e=0)=>{e>=3||document.readyState==="complete"?setTimeout(Ae,500):setTimeout(()=>{Re(e+1)},500)};Re();const K=document.getElementById("chatbot");K&&"src"in K&&typeof K.src=="string"&&K.src.indexOf("caller=bookmarklet")>0&&setTimeout(Ae,500)})();
|
package/dist/middleware/index.js
CHANGED
|
@@ -25,7 +25,7 @@ exports.default = (clientName, nsp) => async (bot) => {
|
|
|
25
25
|
case engine_domain_1.ActionTypes.DRAWER_CLOSE:
|
|
26
26
|
await sendToChatClient(nsp, session, action);
|
|
27
27
|
break;
|
|
28
|
-
case 'webclient.window
|
|
28
|
+
case 'webclient.expand.window':
|
|
29
29
|
expandChatWindow(nsp, session, action);
|
|
30
30
|
break;
|
|
31
31
|
case engine_domain_1.ActionTypes.RESTART_CHAT_REQUEST:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botfabrik/engine-webclient",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.78.0",
|
|
4
4
|
"description": "Webclient for Botfabriks Bot Engine",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
"dev:embed": "tsx --watch ./run-embed-local.ts"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@botfabrik/engine-core": "^4.
|
|
23
|
+
"@botfabrik/engine-core": "^4.78.0",
|
|
24
24
|
"@botfabrik/engine-domain": "^4.76.16",
|
|
25
|
-
"@botfabrik/engine-transcript-export": "^4.
|
|
25
|
+
"@botfabrik/engine-transcript-export": "^4.78.0",
|
|
26
26
|
"@botfabrik/engine-utils": "^4.76.16",
|
|
27
27
|
"@google-cloud/speech": "^6.7.0",
|
|
28
28
|
"accept-language-parser": "^1.5.0",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"tsx": "^4.19.2",
|
|
41
41
|
"typescript": "5.7.3"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "4ee4ca9b013d35801b60f908ce5a33b62d9cd7fb"
|
|
44
44
|
}
|
|
Binary file
|