@mrrocket/sdk 0.17.0 → 0.18.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/CHANGELOG.md +7 -1
- package/dist/browser/mrrocket-flows.js +9 -2
- package/dist/browser/mrrocket-messenger.js +3 -3
- package/dist/browser/mrrocket.js +1 -1
- package/dist/browser.d.ts +1 -1
- package/dist/browser.js +2 -1
- package/dist/browser.js.map +1 -1
- package/dist/client.d.ts +23 -3
- package/dist/client.js +15 -1
- package/dist/client.js.map +1 -1
- package/dist/context.d.ts +3 -1
- package/dist/context.js.map +1 -1
- package/dist/core.d.ts +3 -1
- package/dist/core.js +1 -1
- package/dist/core.js.map +1 -1
- package/dist/finish-web.d.ts +18 -0
- package/dist/finish-web.js +139 -0
- package/dist/finish-web.js.map +1 -0
- package/dist/flows-ui.d.ts +1 -10
- package/dist/flows-ui.js +105 -6
- package/dist/flows-ui.js.map +1 -1
- package/dist/flows-web.d.ts +8 -1
- package/dist/flows-web.js +8 -0
- package/dist/flows-web.js.map +1 -1
- package/dist/flows.d.ts +159 -7
- package/dist/flows.js +240 -28
- package/dist/flows.js.map +1 -1
- package/dist/icons.d.ts +24 -0
- package/dist/icons.js +61 -0
- package/dist/icons.js.map +1 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/messenger-ui.js +78 -53
- package/dist/messenger-ui.js.map +1 -1
- package/dist/onboarding-state.d.ts +23 -0
- package/dist/onboarding-state.js +43 -0
- package/dist/onboarding-state.js.map +1 -0
- package/dist/react-native/index.d.cts +177 -15
- package/dist/react-native/index.d.ts +177 -15
- package/dist/react-native/index.js +776 -270
- package/dist/react-native/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this package. It follows semantic versioning; before 1.0 a minor version may change an API.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## 0.18.0
|
|
6
6
|
|
|
7
|
+
- **No grey box while the chat loads (web):** the Messages view shows the greeting and the field at once; the visitor's earlier messages take the greeting's place when the read comes back. Opening the panel again no longer cuts off a read on its way (a slow first read started over on every open), and a send drops an older read so it cannot bring the chat without the new message.
|
|
8
|
+
- **No setup text for visitors:** when MRRocket refuses a signed-in user's chat for a missing or wrong `userHash` (401), the visitor reads "The chat is not available right now. Please try again later."; how to sign the user id stays in the console, once.
|
|
9
|
+
- `sdk.js` budget 17.75 KB gzip (was 16.25): onboarding Questions items and checklist tasks that open a page, tour, modal or code.
|
|
7
10
|
- **Messenger brand:** MRRocket's look now sends `logo` (an uploaded logo of any shape, else the favicon; Home shows it up to 132 px wide), `icon` (the favicon, now the round mark in the chat's head and on the teaser instead of the first letter), `agentName` (on the AI agent's answers instead of "AI agent") and `agentPhoto` (a small round face beside them). React Native reads `logo` and `agentName`.
|
|
8
11
|
- **React Native tab bar:** only the open tab shows its name; Home, Messages and Help are icons otherwise, so the bar fits a narrow phone.
|
|
9
12
|
- **Cleaner chat field:** the optional email is the first line inside the message box ("Email for our reply (optional)"), marked so password managers leave it alone; the paperclip's menu opens above the paperclip. The app (React Native) puts the email inside the message box the same way.
|
|
13
|
+
- **Greeting before the first message only:** the chat shows the greeting while it is empty; once the visitor wrote (also from Home's "Ask a question") the conversation starts with their words instead of a greeting above them. Web and React Native.
|
|
14
|
+
- **Instant send (web):** a message shows at once and reads "just now"; "Sending…" only when the server takes longer than 1.5 s. The next message can be typed and sent while one is on its way (they go out in order); one that fails comes back into the field with those after it. React Native shows "Sending…" after 1.5 s the same way. MRRocket now answers a send before running its rules and AI answers, so the wait is short anyway.
|
|
15
|
+
- **The AI agent by name:** MRRocket's look now always sends `agentName` and `agentPhoto` (the Customer experience agent's own name and picture where the owner set none), and a reply that started as the agent's draft comes as `from: "ai"` even when a person pressed Send. Works with 0.17 and later, nothing to change.
|
|
10
16
|
|
|
11
17
|
## 0.17.0 (not published yet)
|
|
12
18
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){'use strict';var
|
|
1
|
+
(function(){'use strict';var fe=()=>{try{return typeof matchMedia=="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}catch(e){return false}},Q=["#f59e0b","#10b981","#ef4444","#8b5cf6","#06b6d4","#ec4899"],ue=(e,t)=>{e.beginPath();for(let i=0;i<10;i++){let s=Math.PI/5*i-Math.PI/2,a=i%2?t*.45:t;e[i?"lineTo":"moveTo"](Math.cos(s)*a,Math.sin(s)*a);}e.closePath(),e.fill();},pe=(e,t,i,s)=>{let a=(l,m)=>l+Math.random()*(m-l),g=()=>s[Math.floor(Math.random()*s.length)],k=[];if(e==="confetti")for(let l=0;l<110;l++){let m=l%2===0;k.push({x:m?t*.15:t*.85,y:i*.95,vx:(m?1:-1)*a(.12,.42)*(t/900+.4),vy:-a(.75,1.25)*(i/900+.35),r:a(4,7),spin:a(-0.02,.02),angle:a(0,Math.PI),color:g(),born:a(0,180),life:a(1500,2100),shape:"rect"});}else if(e==="fireworks")for(let l=0;l<4;l++){let m=a(t*.2,t*.8),f=a(i*.18,i*.5),h=g();for(let x=0;x<46;x++){let y=Math.PI*2*x/46+a(-0.05,.05),N=a(.12,.3)*(Math.min(t,i)/600+.5);k.push({x:m,y:f,vx:Math.cos(y)*N,vy:Math.sin(y)*N,r:a(1.6,2.6),spin:0,angle:0,color:h,born:l*320,life:a(900,1300),shape:"dot"});}}else for(let l=0;l<34;l++)k.push({x:a(t*.08,t*.92),y:a(i*.2,i*.85),vx:0,vy:-a(.02,.06),r:a(6,13),spin:a(-4e-3,.004),angle:a(0,Math.PI),color:g(),born:a(0,700),life:a(900,1300),shape:"star"});return k},G=(e,t={})=>{if(!e||e==="none"||typeof document=="undefined"||!t.force&&fe())return ()=>{};let i=document.createElement("canvas");i.setAttribute("aria-hidden","true");let s=t.host;i.style.cssText=s?"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5":"position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483003",(s!=null?s:document.body).appendChild(i);let a=s?s.clientWidth:window.innerWidth,g=s?s.clientHeight:window.innerHeight,k=Math.min(2,window.devicePixelRatio||1);i.width=Math.max(1,Math.round(a*k)),i.height=Math.max(1,Math.round(g*k));let l=i.getContext("2d");if(!l)return i.remove(),()=>{};let m=t.accent?[t.accent,t.accent,...Q]:Q,f=pe(e,a,g,m),h=Math.max(...f.map($=>$.born+$.life)),x=e==="confetti"?.0016:e==="fireworks"?35e-5:0,y=0,N=0,R=false,v=()=>{R||(R=true,cancelAnimationFrame(y),i.remove());},L=$=>{if(R)return;N||(N=$);let _=$-N;l.setTransform(k,0,0,k,0,0),l.clearRect(0,0,a,g);for(let b of f){let F=_-b.born;if(F<0||F>b.life)continue;let r=b.x+b.vx*F,o=b.y+b.vy*F+.5*x*F*F,c=Math.min(1,(b.life-F)/350);if(l.save(),l.globalAlpha=Math.max(0,c),l.translate(r,o),l.rotate(b.angle+b.spin*F),l.fillStyle=b.color,b.shape==="rect")l.fillRect(-b.r,-b.r/2.2,b.r*2,b.r/1.1);else if(b.shape==="dot")l.beginPath(),l.arc(0,0,b.r,0,Math.PI*2),l.fill();else {let u=Math.min(1,F/220);ue(l,b.r*(u<1?u:1-Math.max(0,(F-b.life*.6)/(b.life*.4))*.6));}l.restore();}_<h?y=requestAnimationFrame(L):v();};return y=requestAnimationFrame(L),v};var X=(e,t)=>{var i;return !e||t==null?false:e.type==="choice"?((i=e.options)!=null?i:[]).some(s=>s.id===t):t.trim().length>0&&t.length<=500};var q=e=>{let t=(e!=null?e:"").trim();if(!/^https?:\/\//i.test(t))return null;let i=t.match(/^https?:\/\/(?:www\.|m\.)?(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/|live\/)|youtu\.be\/|youtube-nocookie\.com\/embed\/)([\w-]{6,20})/i);return i?{kind:"iframe",src:`https://www.youtube-nocookie.com/embed/${i[1]}?rel=0`}:(i=t.match(/^https?:\/\/(?:www\.|player\.)?vimeo\.com\/(?:video\/)?(\d{4,12})/i),i?{kind:"iframe",src:`https://player.vimeo.com/video/${i[1]}?dnt=1`}:(i=t.match(/^https?:\/\/(?:www\.)?loom\.com\/(?:share|embed)\/([\w-]{8,64})/i),i?{kind:"iframe",src:`https://www.loom.com/embed/${i[1]}`}:/\.(mp4|webm|mov|m4v)(\?|#|$)/i.test(t)||/\/media\/uploads\//.test(t)?{kind:"file",src:t}:null))},Z=e=>{var i;let t=e.media;if(!(!t||t.kind!=="image"&&t.kind!=="video"||!/^https?:\/\//i.test((i=t.url)!=null?i:"")))return t.kind==="video"&&!q(t.url)?void 0:t};var ee=(e,t)=>Math.round(e*(1-t/100)*100)/100,U=(e,t)=>{try{return new Intl.NumberFormat(void 0,{style:"currency",currency:t}).format(e)}catch(i){return `${e.toFixed(2)} ${t}`}},te=e=>e.kind==="contact"?"Send to the team":e.kind==="pause"?"Pause instead":e.kind==="downgrade"?"Switch plan":"Accept offer";var z={check:{label:"Check",paths:["M5 12.5l4.5 4.5L19 7.5"],emoji:"\u2705"},star:{label:"Star",paths:["M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z"],emoji:"\u2B50"},rocket:{label:"Rocket",paths:["M12 3c3 2 4.5 5.5 4 10l-2 3h-4l-2-3c-.5-4.5 1-8 4-10z","M8 13.5l-3 3 3.5.5","M16 13.5l3 3-3.5.5","M13.5 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z","M11 19.5v1.5M13 19.5v1.5"],emoji:"\u{1F680}"},user:{label:"Person",paths:["M15.5 8a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z","M5 20c.8-3.5 3.6-5.5 7-5.5s6.2 2 7 5.5"],emoji:"\u{1F464}"},users:{label:"Team",paths:["M13 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z","M3.5 19c.6-3 3-4.8 6.5-4.8s5.9 1.8 6.5 4.8","M16 5.2a3 3 0 0 1 0 5.6","M18 14.6c1.5.6 2.4 2 2.7 4.4"],emoji:"\u{1F465}"},settings:{label:"Settings",paths:["M12 2.8v2.4M12 18.8v2.4M2.8 12h2.4M18.8 12h2.4M5.5 5.5l1.7 1.7M16.8 16.8l1.7 1.7M5.5 18.5l1.7-1.7M16.8 7.2l1.7-1.7","M17 12a5 5 0 1 1-10 0 5 5 0 0 1 10 0z","M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"],emoji:"\u2699\uFE0F"},bell:{label:"Bell",paths:["M6 16v-5a6 6 0 0 1 12 0v5l1.5 2h-15z","M10 20.5a2 2 0 0 0 4 0"],emoji:"\u{1F514}"},mail:{label:"Mail",paths:["M4 6h16v12H4z","M4 7l8 6 8-6"],emoji:"\u2709\uFE0F"},chat:{label:"Chat",paths:["M4 5h16v11H9l-5 4z"],emoji:"\u{1F4AC}"},heart:{label:"Heart",paths:["M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z"],emoji:"\u2764\uFE0F"},flag:{label:"Flag",paths:["M5 21V4","M5 4h11l-2 4 2 4H5"],emoji:"\u{1F6A9}"},bolt:{label:"Bolt",paths:["M13 3L5 13.5h6L10 21l8-10.5h-6z"],emoji:"\u26A1"},book:{label:"Book",paths:["M4 5.5C6.5 4 9.5 4 12 6c2.5-2 5.5-2 8-.5V19c-2.5-1.5-5.5-1.5-8 .5-2.5-2-5.5-2-8-.5z","M12 6v13.5"],emoji:"\u{1F4D6}"},calendar:{label:"Calendar",paths:["M4 6h16v14H4z","M4 10h16","M8 3.5v4M16 3.5v4"],emoji:"\u{1F4C5}"},camera:{label:"Camera",paths:["M4 8h3.5L9 5.5h6L16.5 8H20v11H4z","M15.5 13a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z"],emoji:"\u{1F4F7}"},cart:{label:"Cart",paths:["M3.5 4.5H6l2 10h10l2-7H7","M9.5 19.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z","M18.5 19.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"],emoji:"\u{1F6D2}"},chart:{label:"Chart",paths:["M4 20h16","M7 16v-4M12 16V8M17 16V9"],emoji:"\u{1F4CA}"},gift:{label:"Gift",paths:["M4 10h16v10H4z","M3 7h18v3H3z","M12 7v13","M12 7c-1.5-3-5-3-5-1s3.5 1 5 1z","M12 7c1.5-3 5-3 5-1s-3.5 1-5 1z"],emoji:"\u{1F381}"},home:{label:"Home",paths:["M4 11l8-7 8 7","M6 9.5V20h12V9.5","M10 20v-6h4v6"],emoji:"\u{1F3E0}"},link:{label:"Link",paths:["M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1","M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1"],emoji:"\u{1F517}"},lock:{label:"Lock",paths:["M6 11h12v9H6z","M8.5 11V8a3.5 3.5 0 0 1 7 0v3"],emoji:"\u{1F512}"},pencil:{label:"Pencil",paths:["M4 20l1-4L16 5l3 3L8 19z","M14 7l3 3"],emoji:"\u270F\uFE0F"},plus:{label:"Plus",paths:["M12 5v14M5 12h14"],emoji:"\u2795"},search:{label:"Search",paths:["M16 10.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z","M14.5 14.5L20 20"],emoji:"\u{1F50D}"},upload:{label:"Upload",paths:["M12 15V4","M7.5 8.5L12 4l4.5 4.5","M4 15v5h16v-5"],emoji:"\u2B06\uFE0F"},play:{label:"Play",paths:["M8 5l11 7-11 7z"],emoji:"\u25B6\uFE0F"},sparkle:{label:"Sparkle",paths:["M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z","M19 16l.7 2 2 .7-2 .7-.7 2-.7-2-2-.7 2-.7z"],emoji:"\u2728"},globe:{label:"Globe",paths:["M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0z","M4 12h16","M12 4c2.2 2.2 3.3 4.9 3.3 8s-1.1 5.8-3.3 8c-2.2-2.2-3.3-4.9-3.3-8S9.8 6.2 12 4z"],emoji:"\u{1F310}"}},ne=e=>{if(e){if(e.kind==="builtin")return e.name&&z[e.name]?e:void 0;if(e.kind==="emoji")return e.value&&e.value.trim()&&[...e.value.trim()].length<=8?e:void 0;if(e.kind==="image")return e.url&&/^https?:\/\//i.test(e.url)?e:void 0}};var re="ckf-styles",me=`
|
|
2
2
|
.ckf-root{--ckf-accent:#3f76ff;--ckf-accent-ink:#fff;--ckf-bg:#fff;--ckf-fg:#1c1d20;--ckf-muted:#5d6068;--ckf-soft:#f4f5f7;--ckf-line:#e4e5e8;--ckf-danger:#d92d20;--ckf-radius:14px;--ckf-font:inherit;--ckf-shadow:0 16px 40px -12px rgba(16,18,24,.28),0 0 0 1px rgba(16,18,24,.07)}
|
|
3
3
|
.ckf-root[data-theme=dark]{--ckf-bg:#17181b;--ckf-fg:#f1f2f4;--ckf-muted:#a9acb3;--ckf-soft:#232428;--ckf-line:#2e2f35;--ckf-shadow:0 16px 40px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
|
|
4
4
|
@media (prefers-color-scheme:dark){.ckf-root[data-theme=auto]{--ckf-bg:#17181b;--ckf-fg:#f1f2f4;--ckf-muted:#a9acb3;--ckf-soft:#232428;--ckf-line:#2e2f35;--ckf-shadow:0 16px 40px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}}
|
|
@@ -50,6 +50,12 @@
|
|
|
50
50
|
[data-side=bottom]>.ckf-arrow{top:0;left:var(--ckf-ap)}[data-side=top]>.ckf-arrow{top:100%;left:var(--ckf-ap)}
|
|
51
51
|
[data-side=right]>.ckf-arrow{left:0;top:var(--ckf-ap)}[data-side=left]>.ckf-arrow{left:100%;top:var(--ckf-ap)}
|
|
52
52
|
.ckf-check .ckf-go{margin-left:auto;align-self:center;color:var(--ckf-accent);font-weight:700}
|
|
53
|
+
.ckf-ic{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--ckf-accent);font-size:16px;line-height:1}
|
|
54
|
+
.ckf-ic svg{width:20px;height:20px}.ckf-ic img{width:20px;height:20px;border-radius:5px;object-fit:cover}
|
|
55
|
+
.ckf-hic{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--ckf-accent) 12%,var(--ckf-bg));display:inline-flex;align-items:center;justify-content:center;color:var(--ckf-accent);font-size:22px;line-height:1}
|
|
56
|
+
.ckf-hic svg{width:22px;height:22px}.ckf-hic img{width:40px;height:40px;border-radius:12px;object-fit:cover}
|
|
57
|
+
.ckf-input{width:100%;height:40px;border:1px solid var(--ckf-line);border-radius:10px;background:var(--ckf-bg);padding:0 12px}
|
|
58
|
+
.ckf-input::placeholder{color:var(--ckf-muted)}
|
|
53
59
|
.ckf-ring{position:fixed;z-index:2147483000;pointer-events:none;border-radius:10px;box-shadow:0 0 0 2px var(--ckf-accent),0 0 0 6px color-mix(in srgb,var(--ckf-accent) 25%,transparent);transition:all .15s ease-out}
|
|
54
60
|
.ckf-check{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 6px;border:0;border-radius:8px;background:none;text-align:left}
|
|
55
61
|
.ckf-check:where(button){cursor:pointer}
|
|
@@ -77,4 +83,5 @@
|
|
|
77
83
|
.ckf-banner{animation-name:ckf-fade}
|
|
78
84
|
@media (max-width:520px){.ckf-scrim{align-items:flex-end;padding:0}.ckf-scrim .ckf-card{max-width:none;border-radius:var(--ckf-radius) var(--ckf-radius) 0 0;max-height:92dvh}.ckf-float{right:12px;bottom:12px}}
|
|
79
85
|
@media (prefers-reduced-motion:reduce){.ckf-root *{animation:none!important;transition:none!important}}
|
|
80
|
-
`,n=(t,e={},...s)=>{let a=document.createElement(t);for(let[m,p]of Object.entries(e))p===void 0||p===false||(typeof p=="function"?a.addEventListener(m.slice(2).toLowerCase(),p):m==="className"?a.className=String(p):a.setAttribute(m,p===true?"":p));for(let m of s)(m||m==="")&&a.append(typeof m=="string"?document.createTextNode(m):m);return a},O=(t,e,s,a={})=>n("button",{type:"button",className:`ckf-btn${e==="secondary"?"":` ckf-${e}`}`,disabled:!!a.disabled,"data-ckf-id":a.id,onClick:()=>s()},t),T=(t,e)=>n("button",{type:"button",className:"ckf-x","aria-label":t,"data-ckf-id":"x",onClick:()=>e()},"\xD7"),J=(t,e)=>e>1?n("span",{className:"ckf-dots",role:"img","aria-label":`Step ${t} of ${e}`},...Array.from({length:e},(s,a)=>n("span",{className:"ckf-dot","data-on":a<t}))):n("span"),oe=t=>{var e;return t.type==="cancel"?`c:${t.screen}:${(e=t.round)!=null?e:1}`:t.type==="step"?`s:${t.step.id}`:t.type==="checklist"?`l:${t.flow.id}`:`m:${t.message.id}`},X=t=>{var s;if(!document.getElementById(B)){let a=document.createElement("style");a.id=B,a.textContent=re,document.head.appendChild(a);}let e=n("div",{className:`ckf-root${t.className?` ${t.className}`:""}`,"data-theme":(s=t.theme)!=null?s:"auto"});return t.accent&&e.style.setProperty("--ckf-accent",t.accent),document.body.appendChild(e),e},G=(t,e={})=>{if(typeof document=="undefined")return ()=>{};let s=X(e),a="",m=null,p="",b=null,C=r=>{var f,v,R,P;let o="ckf-title",d=r.busy,i=[];if(r.screen==="survey")i.push(n("h2",{className:"ckf-h",id:o},r.flow.question||"Why are you leaving?"),n("div",{className:"ckf-opts",role:"radiogroup","aria-labelledby":o},...r.flow.reasons.map(c=>n("button",{type:"button",role:"radio",className:"ckf-opt","aria-checked":String(r.reason===c.id),"data-ckf-id":`r:${c.id}`,onClick:()=>t.cancel.pick(c.id)},n("span",{className:"ckf-radio"}),c.label))),n("div",{className:"ckf-btns"},O("Continue","primary",t.cancel.next,{disabled:!r.reason,id:"go"}),O("Never mind, keep my plan","quiet",t.cancel.close)));else if(r.screen==="followup"&&r.followUp){let c=r.followUp,k;if(c.answers.length)k=n("div",{className:"ckf-opts",role:"radiogroup","aria-labelledby":o},...c.answers.map((y,$)=>n("button",{type:"button",role:"radio",className:"ckf-opt","aria-checked":String(r.answer===y),"data-ckf-id":`a:${$}`,onClick:()=>t.cancel.answer(y)},n("span",{className:"ckf-radio"}),y)));else {let y=n("textarea",{className:"ckf-text",placeholder:"Your answer (optional)","aria-labelledby":o,maxlength:"500","data-ckf-id":"answer",onInput:$=>t.cancel.answer($.target.value)});y.value=(f=r.answer)!=null?f:"",k=y;}let E=(v=r.flow.reasons.find(y=>y.id===r.reason))==null?void 0:v.label;i.push(E?n("p",{className:"ckf-small"},`You said: ${E}`):false,n("h2",{className:"ckf-h",id:o},c.question),k,n("div",{className:"ckf-btns"},O("Continue","primary",t.cancel.next,{id:"go"}),O("Never mind, keep my plan","quiet",t.cancel.close)));}else if(r.screen==="offer"&&r.offer){let c=r.offer,k=(R=r.flow.reasons.find($=>$.id===r.reason))==null?void 0:R.label,E=false;c.kind==="discount"&&c.percent&&(E=r.price?n("div",{className:"ckf-box"},n("span",{className:"ckf-big"},U(W(r.price.amount,c.percent),r.price.currency)),n("span",{className:"ckf-strike"},U(r.price.amount,r.price.currency)),n("span",{className:"ckf-small"},`/${(P=r.price.interval)!=null?P:"month"}${c.months?` for ${c.months} ${c.months===1?"month":"months"}`:""}`)):n("div",{className:"ckf-box"},n("span",{className:"ckf-big"},`${c.percent}% off`),c.months?n("span",{className:"ckf-small"},`for ${c.months} ${c.months===1?"month":"months"}`):false)),c.kind==="pause"&&c.months&&(E=n("div",{className:"ckf-box"},n("span",{},`Pause for up to ${c.months} ${c.months===1?"month":"months"}. Your data stays.`))),c.kind==="downgrade"&&c.planName&&(E=n("div",{className:"ckf-box"},n("b",{},c.planName)));let y=c.kind==="contact"?n("textarea",{className:"ckf-text",placeholder:"What would make you stay?","aria-label":"Your message",maxlength:"500","data-ckf-id":"comment",onInput:$=>p=$.target.value}):null;y&&(y.value=p),i.push(k?n("p",{className:"ckf-small"},`You said: ${k}`):false,n("h2",{className:"ckf-h",id:o},c.headline),E,y!=null?y:false,n("div",{className:"ckf-btns"},O(d?"One moment\u2026":Y(c),"primary",()=>t.cancel.accept(p),{disabled:d,id:"go"}),O("No thanks, continue cancelling","quiet",t.cancel.decline,{disabled:d})));}else {let k=r.steps===1?null:n("textarea",{className:"ckf-text",placeholder:"Anything else we should know? (optional)","aria-label":"Anything else we should know? (optional)",maxlength:"500","data-ckf-id":"comment",onInput:E=>p=E.target.value});k&&(k.value=p),i.push(n("h2",{className:"ckf-h",id:o},r.flow.confirm.title),r.flow.confirm.body?n("p",{className:"ckf-p"},r.flow.confirm.body):false,k!=null?k:false,n("div",{className:"ckf-btns"},O(d?"One moment\u2026":r.flow.confirm.button,"danger",()=>t.cancel.confirm(p),{disabled:d,id:"go"}),O("Keep my plan","secondary",t.cancel.close,{disabled:d})));}return n("div",{className:"ckf-scrim",onClick:c=>c.target===c.currentTarget&&!d&&t.cancel.close()},n("div",{className:"ckf-card",role:"dialog","aria-modal":"true","aria-labelledby":o},n("div",{className:"ckf-top"},J(r.step,r.steps),T("Close",t.cancel.close)),...i,r.error?n("p",{className:"ckf-err",role:"alert"},r.error):false))},g=r=>{var i;let o=D(r);if(!o)return false;if(o.kind==="image")return n("img",{className:"ckf-media",src:o.url,alt:(i=o.alt)!=null?i:"",onLoad:()=>F()});let d=V(o.url);return d.kind==="iframe"?n("div",{className:"ckf-video"},n("iframe",{src:d.src,title:o.alt||"Video",allow:"fullscreen; picture-in-picture",allowfullscreen:true,loading:"lazy",referrerpolicy:"strict-origin-when-cross-origin"})):n("video",{className:"ckf-media",src:d.src,controls:true,playsinline:true,preload:"metadata","aria-label":o.alt||void 0,onLoadedmetadata:()=>F()})},l=r=>{let o=r.step,d=n("div",{className:"ckf-card",role:"dialog","aria-modal":o.kind==="modal"?"true":void 0,"aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},r.total>1?n("p",{className:"ckf-small"},`Step ${r.index+1} of ${r.total}`):n("span"),T("Close the tour",t.onboarding.dismiss)),g(o),n("h2",{className:"ckf-h",id:"ckf-title"},o.title),o.body?n("p",{className:"ckf-p"},o.body):false,n("div",{className:"ckf-row"},O(o.button||(r.last?"Done":"Next"),"primary",t.onboarding.next,{id:"go"})));if(o.kind==="modal")return n("div",{className:"ckf-scrim"},d);let i=o.target?u(o.target):null,f=n("div",{className:"ckf-float"},d);if(i){let v=n("div",{className:"ckf-ring","aria-hidden":"true"});return f.append(n("span",{className:"ckf-arrow","aria-hidden":"true"})),b={float:f,ring:v,target:i,side:o.placement},x(f,v,i,o.placement),n("div",{},v,f)}return f},u=r=>{var d;let o=()=>document.querySelector(`[data-ck-target="${CSS.escape(r)}"]`);return /^[#.[]|[\s>:=]/.test(r)&&(d=h(r))!=null?d:o()},h=r=>{try{return document.querySelector(r)}catch(o){return null}},x=(r,o,d,i="auto")=>{var z;let f=d.getBoundingClientRect();Object.assign(o.style,{left:`${f.left-4}px`,top:`${f.top-4}px`,width:`${f.width+8}px`,height:`${f.height+8}px`});let v=window.innerWidth,R=window.innerHeight,P=Math.min(340,v-24),c=r.offsetHeight||200,k=14,E={bottom:R-f.bottom-k-12>=c,top:f.top-k-12>=c,right:v-f.right-k-12>=P,left:f.left-k-12>=P},y={top:"bottom",bottom:"top",left:"right",right:"left"},_=(z=(i==="auto"||!y[i]?["bottom","top"]:[i,y[i],"bottom","top","right","left"]).find(A=>E[A]))!=null?z:i!=="auto"&&y[i]?i:f.top>R-f.bottom?"top":"bottom",j=(A,ne)=>Math.max(12,Math.min(A,ne-12)),I=_==="top"||_==="bottom",K=I?j(i==="auto"?f.left:f.left+f.width/2-P/2,v-P):_==="right"?f.right+k:f.left-k-P,q=I?_==="bottom"?f.bottom+k:f.top-k-c:j(f.top+f.height/2-c/2,R-c);Object.assign(r.style,{left:`${K}px`,top:`${q}px`,right:"auto",bottom:"auto",width:`${P}px`}),r.setAttribute("data-side",_);let te=I?f.left+f.width/2-K:f.top+f.height/2-q;r.style.setProperty("--ckf-ap",`${Math.max(18,Math.min(te,(I?P:c)-18))}px`);},N=r=>{let o=r.items.filter(d=>d.done).length;return n("div",{className:"ckf-float"},n("div",{className:"ckf-card",role:"region","aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},n("h2",{className:"ckf-h",id:"ckf-title"},r.flow.name),T("Hide the checklist",t.onboarding.dismiss)),n("p",{className:"ckf-small"},`${o} of ${r.items.length} done`),n("div",{className:"ckf-bar",role:"progressbar","aria-valuemin":"0","aria-valuemax":String(r.items.length),"aria-valuenow":String(o)},n("i",{style:`width:${o/r.items.length*100}%`})),n("div",{className:"ckf-opts"},...r.items.map(({step:d,done:i,tour:f})=>{let v=[n("span",{className:"ckf-tick","aria-hidden":"true"},i?"\u2713":""),n("span",{},n("b",{},d.title),d.body?n("span",{className:"ckf-small"},d.body):false)];return !i&&f?n("button",{type:"button",className:"ckf-check","aria-label":`Start \u201C${d.title}\u201D`,"data-ckf-id":`t:${d.id}`,onClick:()=>t.onboarding.startTour(d.id)},...v,n("span",{className:"ckf-go","aria-hidden":"true"},"\u203A")):i||d.event?n("div",{className:"ckf-check","data-done":i,role:"listitem"},...v):n("button",{type:"button",className:"ckf-check","aria-label":`Mark \u201C${d.title}\u201D done`,"data-ckf-id":`i:${d.id}`,onClick:()=>t.onboarding.check(d.id)},...v)}))))},S=r=>{let o=r.message,d=o.button?O(o.button,"primary",t.message.click,{id:"go"}):false;return o.style==="banner"?n("div",{className:"ckf-banner",role:"status"},n("span",{},n("b",{},o.title),o.body?n("span",{className:"ckf-small"},o.body):false),d,T("Dismiss",t.message.dismiss)):n("div",{className:"ckf-scrim",onClick:i=>i.target===i.currentTarget&&t.message.dismiss()},n("div",{className:"ckf-card",role:"dialog","aria-modal":"true","aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},n("span"),T("Dismiss",t.message.dismiss)),n("h2",{className:"ckf-h",id:"ckf-title"},o.title),o.body?n("p",{className:"ckf-p"},o.body):false,d?n("div",{className:"ckf-row"},d):false))},w=()=>{var i,f,v,R,P;let r=t.view(),o=r?oe(r):"",d=(f=(i=document.activeElement)==null?void 0:i.closest)!=null&&f.call(i,".ckf-root")?(v=document.activeElement)==null?void 0:v.getAttribute("data-ckf-id"):null;if(o&&!a&&document.activeElement instanceof HTMLElement&&!document.activeElement.closest(".ckf-root")&&(m=document.activeElement),o!==a&&!o.startsWith("c:")&&(p=""),o||(p=""),b=null,s.replaceChildren(...r?[r.type==="cancel"?C(r):r.type==="step"?l(r):r.type==="checklist"?N(r):S(r)]:[]),F(),o!==a){let c=s.querySelector("[aria-modal=true]"),k=(R=c==null?void 0:c.querySelector("[role=radio], [data-ckf-id=go], textarea"))!=null?R:null;k==null||k.focus(),!o&&m&&(m.focus(),m=null);}else d&&((P=s.querySelector(`[data-ckf-id="${CSS.escape(d)}"]`))==null||P.focus());a=o;},M=r=>{if(r.key!=="Escape")return;let o=t.view();(o==null?void 0:o.type)==="cancel"?t.cancel.close():(o==null?void 0:o.type)==="message"?t.message.dismiss():(o==null?void 0:o.type)==="step"&&o.step.kind==="modal"&&t.onboarding.dismiss();};function F(){b&&x(b.float,b.ring,b.target,b.side);}document.addEventListener("keydown",M),window.addEventListener("resize",F),window.addEventListener("scroll",F,{passive:true,capture:true});let L=t.subscribe(w);return w(),()=>{L(),document.removeEventListener("keydown",M),window.removeEventListener("resize",F),window.removeEventListener("scroll",F,{capture:true}),s.remove();}},Q=(t,e={})=>{if(typeof document=="undefined")return ()=>{};let s=X(e),a="",m=null,p=()=>{var x,N,S;let g=t.view(),l=g?`${g.paywall.id}:${g.index}`:"";if(l&&!a&&document.activeElement instanceof HTMLElement&&(m=document.activeElement),!g){s.replaceChildren(),s.removeAttribute("data-still"),a&&(m==null||m.focus()),a="";return}a&&s.setAttribute("data-still","");let u=g.page,h=u.kind==="plans"?n("div",{className:"ckf-opts",role:"radiogroup","aria-label":"Plans"},...g.plans.map(w=>n("button",{type:"button",role:"radio",className:"ckf-opt ckf-plan","aria-checked":String(g.plan===w.id),"data-ckf-id":`p:${w.id}`,onClick:()=>t.pick(w.id)},n("span",{className:"ckf-radio"}),n("span",{},w.name,w.note?n("span",{className:"ckf-small"},w.note):false),n("b",{},w.price)))):false;s.replaceChildren(n("div",{className:"ckf-scrim",onClick:w=>w.target===w.currentTarget&&t.close()},n("div",{className:"ckf-card ckf-pw",role:"dialog","aria-modal":"true","aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},J(g.index+1,g.total),T("Close",t.close)),n("h2",{className:"ckf-h",id:"ckf-title"},u.title),u.body?n("p",{className:"ckf-p"},u.body):false,u.kind==="benefits"&&((x=u.items)!=null&&x.length)?n("div",{className:"ckf-opts"},...u.items.map(w=>n("p",{className:"ckf-li"},w))):false,u.kind==="proof"&&((N=u.quotes)!=null&&N.length)?n("div",{className:"ckf-opts"},...u.quotes.map(w=>n("blockquote",{className:"ckf-quote"},w.text,w.by?n("cite",{},w.by):false))):false,h,g.error?n("p",{className:"ckf-err",role:"alert"},g.error):false,n("div",{className:"ckf-btns"},O(g.busy?"One moment\u2026":u.button||"Continue","primary",t.next,{disabled:g.busy||u.kind==="plans"&&!g.plan,id:"go"}),g.index?O("Back","quiet",t.back,{disabled:g.busy}):false)))),l!==a&&((S=s.querySelector("[data-ckf-id=go]"))==null||S.focus()),a=l;},b=g=>{t.view()&&g.key==="Escape"&&t.close();};document.addEventListener("keydown",b);let C=t.subscribe(p);return p(),()=>{C(),document.removeEventListener("keydown",b),s.remove();}};var se=t=>{let e=2166136261;for(let s=0;s<t.length;s++)e^=t.charCodeAt(s),e=Math.imul(e,16777619);return (e>>>0)/4294967296};var Z=(t,e)=>{var p,b,C,g;let s=(b=(p=t.variants[0])==null?void 0:p.id)!=null?b:"control";if(t.winner)return t.winner;if(t.status!=="running")return s;let a=se(`${t.key}:${e}`),m=0;for(let l of t.variants)if(m+=l.weight,a<m)return l.id;return (g=(C=t.variants[t.variants.length-1])==null?void 0:C.id)!=null?g:s};var H="$paywall",ie=(t,e,s)=>{var b,C;let a=e.experiment?t==null?void 0:t.experiments.find(g=>g.key===e.experiment):void 0,m=a?Z(a,s):(b=e.variants[0])==null?void 0:b.id,p=(C=e.variants.find(g=>g.id===m))!=null?C:e.variants[0];return p?{variant:p.id,pages:p.pages,test:(a==null?void 0:a.status)==="running"&&!a.winner?a.key:void 0}:null},ee=t=>{let e=null,s=new Set,a=()=>{for(let l of [...s])try{l();}catch(u){}},m=()=>e?{paywall:e.w.id,placement:e.w.placement,variant:e.variant}:{},p=()=>{e&&!e.seen.has(e.index)&&(e.seen.add(e.index),t.track(H,{...m(),page:e.pages[e.index].id,index:e.index,action:"page"})),a();},b=l=>{var h,x;let u=e;u&&(e=null,l.outcome==="closed"&&((x=(h=u.options).onClose)==null||x.call(h,l)),u.resolve(l),a());},C=l=>{var u;return {outcome:l,index:(u=e==null?void 0:e.index)!=null?u:0,...e?{paywall:e.w.id,variant:e.variant}:{},...l!=="closed"&&e?{plan:e.plans.find(h=>h.id===e.plan)}:{}}},g=()=>{let l=e,u=l==null?void 0:l.plans.find(h=>h.id===l.plan);if(!(!l||!u||l.busy)){if(!l.options.onPurchase)return b(C("chosen"));l.busy=true,l.error=void 0,a(),Promise.resolve().then(()=>{var h,x;return (x=(h=l.options).onPurchase)==null?void 0:x.call(h,u)}).then(h=>{if(l.busy=false,e===l){if(h===false)return a();t.track(H,{...m(),page:l.pages[l.index].id,index:l.index,plan:u.id,action:"purchased"}),b(C("purchased"));}},()=>{l.busy=false,l.error="The purchase did not go through. Please try again.",a();});}};return {open:(l,u={})=>{var r,o,d;if(e)return e.promise;let h=t.config(),x=(r=h==null?void 0:h.paywalls)==null?void 0:r.find(i=>i.placement===l),N=x?ie(h,x,t.distinctId()):null;if(!x||!(N!=null&&N.pages.length))return Promise.resolve({outcome:"closed",index:0});let S=new Map(((o=u.plans)!=null?o:[]).map(i=>[i.id,i])),w=x.plans.map(i=>{var f;return (f=S.get(i.id))!=null?f:i}),M=()=>{},F=new Promise(i=>M=i),L=w.some(i=>i.id===x.highlight)?x.highlight:(d=w[0])==null?void 0:d.id;return e={w:x,variant:N.variant,pages:N.pages,plans:w,index:0,plan:L,busy:false,seen:new Set,options:u,resolve:M,promise:F},N.test&&t.track("$exposure",{experiment:N.test,variant:N.variant}),p(),F},view:()=>e?{paywall:e.w,variant:e.variant,page:e.pages[e.index],index:e.index,total:e.pages.length,last:e.index===e.pages.length-1,plans:e.plans,plan:e.plan,busy:e.busy,error:e.error}:null,subscribe:l=>(s.add(l),()=>s.delete(l)),next:()=>{if(!(!e||e.busy)){if(e.pages[e.index].kind==="plans"||e.index===e.pages.length-1)return g();e.index++,e.error=void 0,p();}},back:()=>{!e||e.busy||!e.index||(e.index--,e.error=void 0,a());},pick:l=>{!e||e.busy||!e.plans.some(u=>u.id===l)||(e.plan=l,e.error=void 0,a());},close:()=>{!e||e.busy||(t.track(H,{...m(),index:e.index,action:"closed"}),b(C("closed")));}}};var ae=(t,e)=>{let s=ee(t);return Q(s,e),s};window.__mrrocketFlows={mountFlows:G,paywallHost:ae};})();
|
|
86
|
+
`,n=(e,t={},...i)=>{let s=document.createElement(e);for(let[a,g]of Object.entries(t))g===void 0||g===false||(typeof g=="function"?s.addEventListener(a.slice(2).toLowerCase(),g):a==="className"?s.className=String(g):s.setAttribute(a,g===true?"":g));for(let a of i)(a||a==="")&&s.append(typeof a=="string"?document.createTextNode(a):a);return s},E=(e,t,i,s={})=>n("button",{type:"button",className:`ckf-btn${t==="secondary"?"":` ckf-${t}`}`,disabled:!!s.disabled,"data-ckf-id":s.id,onClick:()=>i()},e),j=(e,t)=>n("button",{type:"button",className:"ckf-x","aria-label":e,"data-ckf-id":"x",onClick:()=>t()},"\xD7"),B=(e,t)=>t>1?n("span",{className:"ckf-dots",role:"img","aria-label":`Step ${e} of ${t}`},...Array.from({length:t},(i,s)=>n("span",{className:"ckf-dot","data-on":s<e}))):n("span"),ge=e=>{var t;return e.type==="cancel"?`c:${e.screen}:${(t=e.round)!=null?t:1}`:e.type==="step"?`s:${e.step.id}`:e.type==="checklist"?`l:${e.flow.id}`:`m:${e.message.id}`},oe=e=>{var i;if(!document.getElementById(re)){let s=document.createElement("style");s.id=re,s.textContent=me,document.head.appendChild(s);}let t=n("div",{className:`ckf-root${e.className?` ${e.className}`:""}`,"data-theme":(i=e.theme)!=null?i:"auto"});return e.accent&&t.style.setProperty("--ckf-accent",e.accent),document.body.appendChild(t),t},K=(e,t)=>{let i=ne(e);if(!i)return false;let s=n("span",{className:t,"aria-hidden":"true"});if(i.kind==="emoji")s.textContent=i.value;else if(i.kind==="image")s.append(n("img",{src:i.url,alt:""}));else {let a="http://www.w3.org/2000/svg",g=document.createElementNS(a,"svg");for(let[k,l]of Object.entries({viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))g.setAttribute(k,l);for(let k of z[i.name].paths){let l=document.createElementNS(a,"path");l.setAttribute("d",k),g.append(l);}s.append(g);}return s},ie=(e,t={})=>{if(typeof document=="undefined")return ()=>{};let i=oe(t),s="",a="",g=null,k="",l=null,m=r=>{var p,C,S,O;let o="ckf-title",c=r.busy,u=[];if(r.screen==="survey")u.push(n("h2",{className:"ckf-h",id:o},r.flow.question||"Why are you leaving?"),n("div",{className:"ckf-opts",role:"radiogroup","aria-labelledby":o},...r.flow.reasons.map(d=>n("button",{type:"button",role:"radio",className:"ckf-opt","aria-checked":String(r.reason===d.id),"data-ckf-id":`r:${d.id}`,onClick:()=>e.cancel.pick(d.id)},n("span",{className:"ckf-radio"}),d.label))),n("div",{className:"ckf-btns"},E("Continue","primary",e.cancel.next,{disabled:!r.reason,id:"go"}),E("Never mind, keep my plan","quiet",e.cancel.close)));else if(r.screen==="followup"&&r.followUp){let d=r.followUp,w;if(d.answers.length)w=n("div",{className:"ckf-opts",role:"radiogroup","aria-labelledby":o},...d.answers.map((M,I)=>n("button",{type:"button",role:"radio",className:"ckf-opt","aria-checked":String(r.answer===M),"data-ckf-id":`a:${I}`,onClick:()=>e.cancel.answer(M)},n("span",{className:"ckf-radio"}),M)));else {let M=n("textarea",{className:"ckf-text",placeholder:"Your answer (optional)","aria-labelledby":o,maxlength:"500","data-ckf-id":"answer",onInput:I=>e.cancel.answer(I.target.value)});M.value=(p=r.answer)!=null?p:"",w=M;}let P=(C=r.flow.reasons.find(M=>M.id===r.reason))==null?void 0:C.label;u.push(P?n("p",{className:"ckf-small"},`You said: ${P}`):false,n("h2",{className:"ckf-h",id:o},d.question),w,n("div",{className:"ckf-btns"},E("Continue","primary",e.cancel.next,{id:"go"}),E("Never mind, keep my plan","quiet",e.cancel.close)));}else if(r.screen==="offer"&&r.offer){let d=r.offer,w=(S=r.flow.reasons.find(I=>I.id===r.reason))==null?void 0:S.label,P=false;d.kind==="discount"&&d.percent&&(P=r.price?n("div",{className:"ckf-box"},n("span",{className:"ckf-big"},U(ee(r.price.amount,d.percent),r.price.currency)),n("span",{className:"ckf-strike"},U(r.price.amount,r.price.currency)),n("span",{className:"ckf-small"},`/${(O=r.price.interval)!=null?O:"month"}${d.months?` for ${d.months} ${d.months===1?"month":"months"}`:""}`)):n("div",{className:"ckf-box"},n("span",{className:"ckf-big"},`${d.percent}% off`),d.months?n("span",{className:"ckf-small"},`for ${d.months} ${d.months===1?"month":"months"}`):false)),d.kind==="pause"&&d.months&&(P=n("div",{className:"ckf-box"},n("span",{},`Pause for up to ${d.months} ${d.months===1?"month":"months"}. Your data stays.`))),d.kind==="downgrade"&&d.planName&&(P=n("div",{className:"ckf-box"},n("b",{},d.planName)));let M=d.kind==="contact"?n("textarea",{className:"ckf-text",placeholder:"What would make you stay?","aria-label":"Your message",maxlength:"500","data-ckf-id":"comment",onInput:I=>k=I.target.value}):null;M&&(M.value=k),u.push(w?n("p",{className:"ckf-small"},`You said: ${w}`):false,n("h2",{className:"ckf-h",id:o},d.headline),P,M!=null?M:false,n("div",{className:"ckf-btns"},E(c?"One moment\u2026":te(d),"primary",()=>e.cancel.accept(k),{disabled:c,id:"go"}),E("No thanks, continue cancelling","quiet",e.cancel.decline,{disabled:c})));}else {let w=r.steps===1?null:n("textarea",{className:"ckf-text",placeholder:"Anything else we should know? (optional)","aria-label":"Anything else we should know? (optional)",maxlength:"500","data-ckf-id":"comment",onInput:P=>k=P.target.value});w&&(w.value=k),u.push(n("h2",{className:"ckf-h",id:o},r.flow.confirm.title),r.flow.confirm.body?n("p",{className:"ckf-p"},r.flow.confirm.body):false,w!=null?w:false,n("div",{className:"ckf-btns"},E(c?"One moment\u2026":r.flow.confirm.button,"danger",()=>e.cancel.confirm(k),{disabled:c,id:"go"}),E("Keep my plan","secondary",e.cancel.close,{disabled:c})));}return n("div",{className:"ckf-scrim",onClick:d=>d.target===d.currentTarget&&!c&&e.cancel.close()},n("div",{className:"ckf-card",role:"dialog","aria-modal":"true","aria-labelledby":o},n("div",{className:"ckf-top"},B(r.step,r.steps),j("Close",e.cancel.close)),...u,r.error?n("p",{className:"ckf-err",role:"alert"},r.error):false))},f=r=>{var u;let o=Z(r);if(!o)return false;if(o.kind==="image")return n("img",{className:"ckf-media",src:o.url,alt:(u=o.alt)!=null?u:"",onLoad:()=>b()});let c=q(o.url);return c.kind==="iframe"?n("div",{className:"ckf-video"},n("iframe",{src:c.src,title:o.alt||"Video",allow:"fullscreen; picture-in-picture",allowfullscreen:true,loading:"lazy",referrerpolicy:"strict-origin-when-cross-origin"})):n("video",{className:"ckf-media",src:c.src,controls:true,playsinline:true,preload:"metadata","aria-label":o.alt||void 0,onLoadedmetadata:()=>b()})},h=r=>{var S,O;let o=r.step,c=o.question,u="ckf-title",p=X(c,r.answer),C=false;if((c==null?void 0:c.type)==="choice")C=n("div",{className:"ckf-opts",role:"radiogroup","aria-labelledby":u},...((S=c.options)!=null?S:[]).map(d=>n("button",{type:"button",role:"radio",className:"ckf-opt","aria-checked":String(r.answer===d.id),"data-ckf-id":`q:${d.id}`,onClick:()=>e.onboarding.answer(d.id)},n("span",{className:"ckf-radio"}),d.label)));else if(c){let d=n("input",{type:"text",className:"ckf-input",placeholder:c.placeholder||"Your answer","aria-labelledby":u,maxlength:"500","data-ckf-id":"answer",onInput:w=>e.onboarding.answer(w.target.value),onKeydown:w=>w.key==="Enter"&&e.onboarding.next()});d.value=(O=r.answer)!=null?O:"",C=d;}return n("div",{className:"ckf-scrim"},n("div",{className:"ckf-card",role:"dialog","aria-modal":"true","aria-labelledby":u},n("div",{className:"ckf-top"},B(r.index+1,r.total),j("Close",e.onboarding.dismiss)),r.index===0?K(r.flow.icon,"ckf-hic"):false,n("h2",{className:"ckf-h",id:u},o.title),o.body?n("p",{className:"ckf-p"},o.body):false,C,n("div",{className:"ckf-row"},r.back?E("Back","quiet",e.onboarding.back):false,E(o.button||(r.last?"Done":"Continue"),"primary",e.onboarding.next,{disabled:!p,id:"go"}))))},x=r=>{let o=r.step;if(o.kind==="question")return h(r);let c=n("div",{className:"ckf-card",role:"dialog","aria-modal":o.kind==="modal"?"true":void 0,"aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},r.total>1?n("p",{className:"ckf-small"},`Step ${r.index+1} of ${r.total}`):n("span"),j("Close the tour",e.onboarding.dismiss)),o.kind==="modal"?K(r.flow.icon,"ckf-hic"):false,f(o),n("h2",{className:"ckf-h",id:"ckf-title"},o.title),o.body?n("p",{className:"ckf-p"},o.body):false,n("div",{className:"ckf-row"},E(o.button||(r.last?"Done":"Next"),"primary",e.onboarding.next,{id:"go"})));if(o.kind==="modal")return n("div",{className:"ckf-scrim"},c);let u=o.target?y(o.target):null,p=n("div",{className:"ckf-float"},c);if(u){let C=n("div",{className:"ckf-ring","aria-hidden":"true"});return p.append(n("span",{className:"ckf-arrow","aria-hidden":"true"})),l={float:p,ring:C,target:u,side:o.placement},R(p,C,u,o.placement),n("div",{},C,p)}return p},y=r=>{var c;let o=()=>document.querySelector(`[data-ck-target="${CSS.escape(r)}"]`);return /^[#.[]|[\s>:=]/.test(r)&&(c=N(r))!=null?c:o()},N=r=>{try{return document.querySelector(r)}catch(o){return null}},R=(r,o,c,u="auto")=>{var J;let p=c.getBoundingClientRect();Object.assign(o.style,{left:`${p.left-4}px`,top:`${p.top-4}px`,width:`${p.width+8}px`,height:`${p.height+8}px`});let C=window.innerWidth,S=window.innerHeight,O=Math.min(340,C-24),d=r.offsetHeight||200,w=14,P={bottom:S-p.bottom-w-12>=d,top:p.top-w-12>=d,right:C-p.right-w-12>=O,left:p.left-w-12>=O},M={top:"bottom",bottom:"top",left:"right",right:"left"},T=(J=(u==="auto"||!M[u]?["bottom","top"]:[u,M[u],"bottom","top","right","left"]).find(V=>P[V]))!=null?J:u!=="auto"&&M[u]?u:p.top>S-p.bottom?"top":"bottom",A=(V,de)=>Math.max(12,Math.min(V,de-12)),H=T==="top"||T==="bottom",D=H?A(u==="auto"?p.left:p.left+p.width/2-O/2,C-O):T==="right"?p.right+w:p.left-w-O,Y=H?T==="bottom"?p.bottom+w:p.top-w-d:A(p.top+p.height/2-d/2,S-d);Object.assign(r.style,{left:`${D}px`,top:`${Y}px`,right:"auto",bottom:"auto",width:`${O}px`}),r.setAttribute("data-side",T);let le=H?p.left+p.width/2-D:p.top+p.height/2-Y;r.style.setProperty("--ckf-ap",`${Math.max(18,Math.min(le,(H?O:d)-18))}px`);},v=r=>{let o=r.items.filter(c=>c.done).length;return n("div",{className:"ckf-float"},n("div",{className:"ckf-card",role:"region","aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},n("h2",{className:"ckf-h",id:"ckf-title"},r.flow.name),j("Hide the checklist",e.onboarding.dismiss)),n("p",{className:"ckf-small"},`${o} of ${r.items.length} done`),n("div",{className:"ckf-bar",role:"progressbar","aria-valuemin":"0","aria-valuemax":String(r.items.length),"aria-valuenow":String(o)},n("i",{style:`width:${o/r.items.length*100}%`})),n("div",{className:"ckf-opts"},...r.items.map(({step:c,done:u,opens:p})=>{let C=[n("span",{className:"ckf-tick","aria-hidden":"true"},u?"\u2713":""),K(c.icon,"ckf-ic"),n("span",{},n("b",{},c.title),c.body?n("span",{className:"ckf-small"},c.body):false)];return !u&&p?n("button",{type:"button",className:"ckf-check","aria-label":`Start \u201C${c.title}\u201D`,"data-ckf-id":`t:${c.id}`,onClick:()=>e.onboarding.open(c.id)},...C,n("span",{className:"ckf-go","aria-hidden":"true"},"\u203A")):u||c.event?n("div",{className:"ckf-check","data-done":u,role:"listitem"},...C):n("button",{type:"button",className:"ckf-check","aria-label":`Mark \u201C${c.title}\u201D done`,"data-ckf-id":`i:${c.id}`,onClick:()=>e.onboarding.check(c.id)},...C)}))))},L=r=>{let o=r.message,c=o.button?E(o.button,"primary",e.message.click,{id:"go"}):false;return o.style==="banner"?n("div",{className:"ckf-banner",role:"status"},n("span",{},n("b",{},o.title),o.body?n("span",{className:"ckf-small"},o.body):false),c,j("Dismiss",e.message.dismiss)):n("div",{className:"ckf-scrim",onClick:u=>u.target===u.currentTarget&&e.message.dismiss()},n("div",{className:"ckf-card",role:"dialog","aria-modal":"true","aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},n("span"),j("Dismiss",e.message.dismiss)),n("h2",{className:"ckf-h",id:"ckf-title"},o.title),o.body?n("p",{className:"ckf-p"},o.body):false,c?n("div",{className:"ckf-row"},c):false))},$=()=>{var C,S,O,d,w,P,M,I;let r=e.view(),o=(S=t.accent)!=null?S:(C=e.accent)==null?void 0:C.call(e);o&&i.style.setProperty("--ckf-accent",o);let c=(O=e.finale)==null?void 0:O.call(e);c&&c.key!==s&&(s=c.key,G(c.kind,{accent:o}));let u=r?ge(r):"",p=(w=(d=document.activeElement)==null?void 0:d.closest)!=null&&w.call(d,".ckf-root")?(P=document.activeElement)==null?void 0:P.getAttribute("data-ckf-id"):null;if(u&&!a&&document.activeElement instanceof HTMLElement&&!document.activeElement.closest(".ckf-root")&&(g=document.activeElement),u!==a&&!u.startsWith("c:")&&(k=""),u||(k=""),l=null,i.replaceChildren(...r?[r.type==="cancel"?m(r):r.type==="step"?x(r):r.type==="checklist"?v(r):L(r)]:[]),b(),u!==a){let T=i.querySelector("[aria-modal=true]"),A=(M=T==null?void 0:T.querySelector("[role=radio], input, [data-ckf-id=go], textarea"))!=null?M:null;A==null||A.focus(),!u&&g&&(g.focus(),g=null);}else p&&((I=i.querySelector(`[data-ckf-id="${CSS.escape(p)}"]`))==null||I.focus());a=u;},_=r=>{if(r.key!=="Escape")return;let o=e.view();(o==null?void 0:o.type)==="cancel"?e.cancel.close():(o==null?void 0:o.type)==="message"?e.message.dismiss():(o==null?void 0:o.type)==="step"&&(o.step.kind==="modal"||o.step.kind==="question")&&e.onboarding.dismiss();};function b(){l&&R(l.float,l.ring,l.target,l.side);}document.addEventListener("keydown",_),window.addEventListener("resize",b),window.addEventListener("scroll",b,{passive:true,capture:true});let F=e.subscribe($);return $(),()=>{F(),document.removeEventListener("keydown",_),window.removeEventListener("resize",b),window.removeEventListener("scroll",b,{capture:true}),i.remove();}},se=(e,t={})=>{if(typeof document=="undefined")return ()=>{};let i=oe(t),s="",a=null,g=()=>{var y,N,R;let m=e.view(),f=m?`${m.paywall.id}:${m.index}`:"";if(f&&!s&&document.activeElement instanceof HTMLElement&&(a=document.activeElement),!m){i.replaceChildren(),i.removeAttribute("data-still"),s&&(a==null||a.focus()),s="";return}s&&i.setAttribute("data-still","");let h=m.page,x=h.kind==="plans"?n("div",{className:"ckf-opts",role:"radiogroup","aria-label":"Plans"},...m.plans.map(v=>n("button",{type:"button",role:"radio",className:"ckf-opt ckf-plan","aria-checked":String(m.plan===v.id),"data-ckf-id":`p:${v.id}`,onClick:()=>e.pick(v.id)},n("span",{className:"ckf-radio"}),n("span",{},v.name,v.note?n("span",{className:"ckf-small"},v.note):false),n("b",{},v.price)))):false;i.replaceChildren(n("div",{className:"ckf-scrim",onClick:v=>v.target===v.currentTarget&&e.close()},n("div",{className:"ckf-card ckf-pw",role:"dialog","aria-modal":"true","aria-labelledby":"ckf-title"},n("div",{className:"ckf-top"},B(m.index+1,m.total),j("Close",e.close)),n("h2",{className:"ckf-h",id:"ckf-title"},h.title),h.body?n("p",{className:"ckf-p"},h.body):false,h.kind==="benefits"&&((y=h.items)!=null&&y.length)?n("div",{className:"ckf-opts"},...h.items.map(v=>n("p",{className:"ckf-li"},v))):false,h.kind==="proof"&&((N=h.quotes)!=null&&N.length)?n("div",{className:"ckf-opts"},...h.quotes.map(v=>n("blockquote",{className:"ckf-quote"},v.text,v.by?n("cite",{},v.by):false))):false,x,m.error?n("p",{className:"ckf-err",role:"alert"},m.error):false,n("div",{className:"ckf-btns"},E(m.busy?"One moment\u2026":h.button||"Continue","primary",e.next,{disabled:m.busy||h.kind==="plans"&&!m.plan,id:"go"}),m.index?E("Back","quiet",e.back,{disabled:m.busy}):false)))),f!==s&&((R=i.querySelector("[data-ckf-id=go]"))==null||R.focus()),s=f;},k=m=>{e.view()&&m.key==="Escape"&&e.close();};document.addEventListener("keydown",k);let l=e.subscribe(g);return g(),()=>{l(),document.removeEventListener("keydown",k),i.remove();}};var ke=e=>{let t=2166136261;for(let i=0;i<e.length;i++)t^=e.charCodeAt(i),t=Math.imul(t,16777619);return (t>>>0)/4294967296};var ae=(e,t)=>{var g,k,l,m;let i=(k=(g=e.variants[0])==null?void 0:g.id)!=null?k:"control";if(e.winner)return e.winner;if(e.status!=="running")return i;let s=ke(`${e.key}:${t}`),a=0;for(let f of e.variants)if(a+=f.weight,s<a)return f.id;return (m=(l=e.variants[e.variants.length-1])==null?void 0:l.id)!=null?m:i};var W="$paywall",he=(e,t,i)=>{var k,l;let s=t.experiment?e==null?void 0:e.experiments.find(m=>m.key===t.experiment):void 0,a=s?ae(s,i):(k=t.variants[0])==null?void 0:k.id,g=(l=t.variants.find(m=>m.id===a))!=null?l:t.variants[0];return g?{variant:g.id,pages:g.pages,test:(s==null?void 0:s.status)==="running"&&!s.winner?s.key:void 0}:null},ce=e=>{let t=null,i=new Set,s=()=>{for(let f of [...i])try{f();}catch(h){}},a=()=>t?{paywall:t.w.id,placement:t.w.placement,variant:t.variant}:{},g=()=>{t&&!t.seen.has(t.index)&&(t.seen.add(t.index),e.track(W,{...a(),page:t.pages[t.index].id,index:t.index,action:"page"})),s();},k=f=>{var x,y;let h=t;h&&(t=null,f.outcome==="closed"&&((y=(x=h.options).onClose)==null||y.call(x,f)),h.resolve(f),s());},l=f=>{var h;return {outcome:f,index:(h=t==null?void 0:t.index)!=null?h:0,...t?{paywall:t.w.id,variant:t.variant}:{},...f!=="closed"&&t?{plan:t.plans.find(x=>x.id===t.plan)}:{}}},m=()=>{let f=t,h=f==null?void 0:f.plans.find(x=>x.id===f.plan);if(!(!f||!h||f.busy)){if(!f.options.onPurchase)return k(l("chosen"));f.busy=true,f.error=void 0,s(),Promise.resolve().then(()=>{var x,y;return (y=(x=f.options).onPurchase)==null?void 0:y.call(x,h)}).then(x=>{if(f.busy=false,t===f){if(x===false)return s();e.track(W,{...a(),page:f.pages[f.index].id,index:f.index,plan:h.id,action:"purchased"}),k(l("purchased"));}},()=>{f.busy=false,f.error="The purchase did not go through. Please try again.",s();});}};return {open:(f,h={})=>{var b,F,r;if(t)return t.promise;let x=e.config(),y=(b=x==null?void 0:x.paywalls)==null?void 0:b.find(o=>o.placement===f),N=y?he(x,y,e.distinctId()):null;if(!y||!(N!=null&&N.pages.length))return Promise.resolve({outcome:"closed",index:0});let R=new Map(((F=h.plans)!=null?F:[]).map(o=>[o.id,o])),v=y.plans.map(o=>{var c;return (c=R.get(o.id))!=null?c:o}),L=()=>{},$=new Promise(o=>L=o),_=v.some(o=>o.id===y.highlight)?y.highlight:(r=v[0])==null?void 0:r.id;return t={w:y,variant:N.variant,pages:N.pages,plans:v,index:0,plan:_,busy:false,seen:new Set,options:h,resolve:L,promise:$},N.test&&e.track("$exposure",{experiment:N.test,variant:N.variant}),g(),$},view:()=>t?{paywall:t.w,variant:t.variant,page:t.pages[t.index],index:t.index,total:t.pages.length,last:t.index===t.pages.length-1,plans:t.plans,plan:t.plan,busy:t.busy,error:t.error}:null,subscribe:f=>(i.add(f),()=>i.delete(f)),next:()=>{if(!(!t||t.busy)){if(t.pages[t.index].kind==="plans"||t.index===t.pages.length-1)return m();t.index++,t.error=void 0,g();}},back:()=>{!t||t.busy||!t.index||(t.index--,t.error=void 0,s());},pick:f=>{!t||t.busy||!t.plans.some(h=>h.id===f)||(t.plan=f,t.error=void 0,s());},close:()=>{!t||t.busy||(e.track(W,{...a(),index:t.index,action:"closed"}),k(l("closed")));}}};var be=(e,t)=>{let i=ce(e);return se(i,t),i};window.__mrrocketFlows={mountFlows:ie,paywallHost:be};
|
|
87
|
+
})();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){'use strict';var
|
|
1
|
+
(function(){'use strict';var Mr=Object.defineProperty;var Cr=(r,o,i)=>o in r?Mr(r,o,{enumerable:true,configurable:true,writable:true,value:i}):r[o]=i;var Wt=(r,o,i)=>Cr(r,o+"",i);var Sr="401: sign the user id on your server with userHash(id) from @mrrocket/sdk/next/server and pass identify(id, props, { hash }).",Gt=(r,o=i=>console.warn(i))=>{let i=globalThis;r!==401||i.__mrrocketUnsigned||(i.__mrrocketUnsigned=true,o(`[MRRocket] ${Sr}`));};var ct=["image/png","image/jpeg","image/webp","image/gif","application/pdf"],Jt=10*1024*1024,lt=4;var Qt="https://mrrocket.dev/?utm_source=messenger&utm_medium=powered-by",Xt=r=>r==="minutes"?"We usually reply in a few minutes":r==="day"?"We usually reply within a day":"We usually reply in a few hours",Zt=r=>{let o=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(r);if(!o)return "#ffffff";let[i,p,m]=[o[1],o[2],o[3]].map(s=>{let g=parseInt(s,16)/255;return g<=.03928?g/12.92:((g+.055)/1.055)**2.4});return .2126*i+.7152*p+.0722*m>.45?"#111214":"#ffffff"},je=class extends Error{constructor(i,p){super(i);Wt(this,"status");this.status=p;}},F=r=>Object.entries(r).filter(o=>!!o[1]).map(([o,i])=>`${encodeURIComponent(o)}=${encodeURIComponent(i)}`).join("&"),R=async(r,o,i)=>{var m;let p;try{p=await fetch(r,{...o,signal:i,headers:typeof(o==null?void 0:o.body)=="string"?{"content-type":"application/json"}:void 0});}catch(s){throw s.name==="AbortError"?s:new je("Could not reach the server. Check your connection and try again.",0)}if(!p.ok){Gt(p.status);let s="";try{s=(m=(await p.json()).error)!=null?m:"";}catch(g){}throw new je(s||(p.status===429?"Too many requests. Try again in a minute.":"Something went wrong. Please try again."),p.status)}return await p.json()},dt=r=>{let o=`${r.host}/api/sdk`,i={key:r.apiKey,distinctId:r.distinctId,user:r.user,userHash:r.userHash},p={key:r.apiKey,distinctId:r.distinctId,userHash:r.userHash},m=(s,g,y)=>R(`${o}${s}`,{method:"POST",body:JSON.stringify({...i,...g})},y);return {list:(s,g)=>R(`${o}/feedback?${F({...p,board:s.board,sort:s.sort,q:s.q})}`,void 0,g),post:(s,g)=>R(`${o}/feedback/${encodeURIComponent(s)}?${F(p)}`,void 0,g),roadmap:s=>R(`${o}/feedback/roadmap?${F(p)}`,void 0,s),changelog:s=>R(`${o}/feedback/changelog?${F({key:r.apiKey})}`,void 0,s),submit:s=>m("/feedback",s),vote:s=>m(`/feedback/${encodeURIComponent(s)}/vote`,{}),comments:(s,g)=>R(`${o}/feedback/${encodeURIComponent(s)}/comments?${F({key:r.apiKey})}`,void 0,g),comment:(s,g)=>m(`/feedback/${encodeURIComponent(s)}/comments`,{body:g}),survey:(s,g)=>R(`${o}/surveys?${F({...p,url:s})}`,void 0,g),seen:s=>m(`/surveys/${encodeURIComponent(s)}/seen`,{user:void 0}),respond:(s,g)=>m(`/surveys/${encodeURIComponent(s)}/respond`,g),chat:s=>R(`${o}/messages?${F(p)}`,void 0,s),sendChat:s=>m("/messages",s),uploadChatFile:(s,g)=>{let y=new FormData;return y.append("key",r.apiKey),y.append("distinctId",r.distinctId),r.userHash&&y.append("userHash",r.userHash),"uri"in s?y.append("file",s):y.append("file",s,s.name||"file"),R(`${o}/messages/attachments`,{method:"POST",body:y},g)},attachmentUrl:s=>`${o}/messages/attachments/${encodeURIComponent(s)}?${F(p)}`,articles:(s,g)=>R(`${o}/articles?${F({key:r.apiKey,q:s})}`,void 0,g),article:(s,g)=>R(`${o}/articles/${encodeURIComponent(s)}?${F(p)}`,void 0,g),messengerLook:s=>R(`${o}/messenger?${F({key:r.apiKey})}`,void 0,s),rateArticle:(s,g)=>m(`/articles/${encodeURIComponent(s)}/rate`,{helpful:g})}};var er="ckw-styles",Ar=`
|
|
2
2
|
.ckw-root{--ckw-accent:#3f76ff;--ckw-accent-ink:#fff;--ckw-bg:#fff;--ckw-bg2:#f7f7f8;--ckw-bg3:#eeeff1;--ckw-fg:#1c1d20;--ckw-fg2:#5d6068;--ckw-fg3:#8b8e96;--ckw-line:#e4e5e8;--ckw-danger:#d92d20;--ckw-shadow:0 8px 30px rgba(16,18,24,.16);--ckw-card:#fff;--ckw-col:#f5f6f7;--ckw-lift:0 1px 2px rgba(16,18,24,.06),0 0 0 1px rgba(16,18,24,.07);--ckw-raise:0 0 0 1px rgba(16,18,24,.05),0 1px 2px rgba(16,18,24,.05),0 6px 18px rgba(16,18,24,.06);--ckw-float:0 0 0 1px rgba(16,18,24,.06),0 18px 50px rgba(16,18,24,.2);--ckw-soft:0 2px 8px rgba(16,18,24,.05),0 18px 48px rgba(16,18,24,.15);
|
|
3
3
|
font-size:14px;line-height:1.45;font-family:inherit;color:var(--ckw-fg);box-sizing:border-box;-webkit-font-smoothing:antialiased}
|
|
4
4
|
.ckw-root[data-theme=dark]{--ckw-bg:#111214;--ckw-bg2:#1a1b1f;--ckw-bg3:#26272c;--ckw-fg:#f1f2f4;--ckw-fg2:#a9acb3;--ckw-fg3:#7a7d86;--ckw-line:#2a2b31;--ckw-shadow:0 8px 30px rgba(0,0,0,.5);--ckw-card:#1b1c20;--ckw-col:#16171a;--ckw-lift:0 0 0 1px rgba(255,255,255,.07);--ckw-raise:0 0 0 1px rgba(255,255,255,.07);--ckw-float:0 0 0 1px rgba(255,255,255,.09),0 18px 50px rgba(0,0,0,.55);--ckw-soft:0 0 0 1px rgba(255,255,255,.07),0 18px 50px rgba(0,0,0,.55)}
|
|
@@ -577,5 +577,5 @@ button.ckw-msgr-card:hover .ckw-msgr-go{transform:translateX(2px)}
|
|
|
577
577
|
.ckw-sv-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}
|
|
578
578
|
.ckw-thanks{text-align:center;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:8px}
|
|
579
579
|
.ckw-tick{width:32px;height:32px;border-radius:50%;background:var(--ckw-accent);color:var(--ckw-accent-ink);display:flex;align-items:center;justify-content:center}
|
|
580
|
-
`,Zt=()=>{if(typeof document=="undefined"||document.getElementById(Xt))return;let r=document.createElement("style");r.id=Xt,r.textContent=zr,document.head.appendChild(r);};var Mr=4e3,Cr=8e3,Sr=3e4,Ar=10*6e4,Er=/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/,ar="ckw_msgr_seen",Lr=()=>{var r;try{return (r=window.localStorage.getItem(ar))!=null?r:""}catch(o){return ""}},Tr=r=>{try{window.localStorage.setItem(ar,r);}catch(o){}},pt=r=>{let o=new Date(r).getTime();if(Number.isNaN(o))return "";let s=Math.max(0,Date.now()-o)/1e3;return s<60?"just now":s<3600?`${Math.floor(s/60)}m ago`:s<86400?`${Math.floor(s/3600)}h ago`:s<86400*30?`${Math.floor(s/86400)}d ago`:new Date(r).toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"})},a=(r,o={},...s)=>{let p=document.createElement(r);for(let[k,c]of Object.entries(o))p.setAttribute(k,c);for(let k of s)k!==null&&k!==false&&k!==void 0&&p.append(k);return p},me="http://www.w3.org/2000/svg",M=(r,o=16)=>{let s=document.createElementNS(me,"svg");for(let[k,c]of Object.entries({class:"ckw-icon",width:String(o),height:String(o),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.75","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"}))s.setAttribute(k,c);let p=document.createElementNS(me,"path");return p.setAttribute("d",r),s.appendChild(p),s},h={cross:"M18 6 6 18M6 6l12 12",chat:"M7.9 20A9 9 0 1 0 4 16.1L2 22z",up:"M12 19V5M5 12l7-7 7 7",home:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",back:"m15 18-6-6 6-6",next:"m9 18 6-6-6-6",search:"M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM21 21l-4.3-4.3",doc:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7zM14 2v4a2 2 0 0 0 2 2h4M10 9H8M16 13H8M16 17H8",dots:"M13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM13 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM13 19a1 1 0 1 1-2 0 1 1 0 0 1 2 0z",expand:"M15 3h6v6M21 3l-7 7M3 21l7-7M9 21H3v-6",collapse:"m14 10 7-7M20 10h-6V4M3 21l7-7M4 14h6v6",minus:"M5 12h14",down:"m6 9 6 6 6-6",help:"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01",clip:"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48",image:"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM9 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM21 15l-3.09-3.09a2 2 0 0 0-2.82 0L6 21",screen:"M20 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM8 21h8M12 17v4"},gt=r=>{var o,s;return r.body||(((o=r.attachments)==null?void 0:o.length)===1?`Sent ${r.attachments[0].name}`:(s=r.attachments)!=null&&s.length?`Sent ${r.attachments.length} files`:"")},$r=()=>{var r;return typeof navigator!="undefined"&&typeof((r=navigator.mediaDevices)==null?void 0:r.getDisplayMedia)=="function"},er="M7.9 20A9 9 0 1 0 4 16.1L2 22z",Hr=(r,o)=>{let s=document.createElementNS(me,"svg");for(let[k,c]of Object.entries({class:"ckw-icon",width:String(o),height:String(o),viewBox:"0 0 24 24",fill:"currentColor",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round","aria-hidden":"true"}))s.setAttribute(k,c);let p=document.createElementNS(me,"path");return p.setAttribute("d",r),s.appendChild(p),s},tr=(r,o,s,p=2)=>{let k=Hr(r,s),c=document.createElementNS(me,"path");for(let[g,y]of Object.entries({d:o,class:"ckw-cut",fill:"none","stroke-width":String(p),"stroke-linecap":"round","stroke-linejoin":"round"}))c.setAttribute(g,y);return k.appendChild(c),k},rr="M8 12h.01M12 12h.01M16 12h.01",jr="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",Ir="M9.5 15.5c1.4 1 3.6 1 5 0",Pr="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z",Rr="M9.4 9.2a2.7 2.7 0 0 1 5.2 1c0 1.8-2.6 2.5-2.6 2.5M12 16.8h.01",ke=(()=>{let r=null,o=()=>{var p;let s=(p=window.AudioContext)!=null?p:window.webkitAudioContext;return s?(r!=null||(r=new s),r):null};return {unlock:()=>{try{let s=o();(s==null?void 0:s.state)==="suspended"&&s.resume();}catch(s){}},play:()=>{try{let s=o();if(!s||s.state!=="running")return;let p=s.currentTime;[880,1318.5].forEach((k,c)=>{let g=s.createOscillator(),y=s.createGain(),T=p+c*.11;g.type="sine",g.frequency.value=k,y.gain.setValueAtTime(1e-4,T),y.gain.exponentialRampToValueAtTime(.12,T+.012),y.gain.exponentialRampToValueAtTime(1e-4,T+.32),g.connect(y),y.connect(s.destination),g.start(T),g.stop(T+.34);});}catch(s){}}}})(),je=r=>r.map(o=>{let s=o.href?a("a",{href:o.href,target:"_blank",rel:"noopener noreferrer"},o.text):a("span",{},o.text);return o.code&&(s=a("code",{},s)),o.italic&&(s=a("em",{},s)),o.bold&&(s=a("strong",{},s)),s}),Fr=r=>{switch(r.type){case "h2":case "h3":return a(r.type,{},...je(r.spans));case "quote":return a("blockquote",{},...je(r.spans));case "ul":case "ol":return a(r.type,{},...r.items.map(o=>a("li",{},...je(o))));case "code":return a("pre",{},a("code",{},r.text));case "hr":return a("hr");default:return a("p",{},...je(r.spans))}},Or=2500,or="ckw_msgr_look:",_r=r=>{try{let o=window.localStorage.getItem(or+r);return o?JSON.parse(o):null}catch(o){return null}},qr=(r,o)=>{try{window.localStorage.setItem(or+r,JSON.stringify(o));}catch(s){}},nr=r=>{var fe,ue;let o=null,s="",p=false,k=[],c=w=>o?w(o):k.push(w),g=new AbortController,y=!r.client&&!!r.apiKey,T=w=>{var G,m,b;if(p)return;let $=JSON.stringify(w!=null?w:{});if(o&&$===s)return;if(o!=null&&o.isOpen()){o.onClose(()=>T(w));return}o==null||o.destroy(),s=$;let z=Object.fromEntries(Object.entries(r).filter(([,J])=>J!==void 0));o=Nr({...w!=null?w:{},...z,accent:(G=r.accent)!=null?G:w==null?void 0:w.accent,theme:(m=r.theme)!=null?m:w==null?void 0:w.theme,branding:(b=w==null?void 0:w.branding)!=null?b:true});for(let J of k.splice(0))J(o);},Y=y?_r(r.apiKey):null;Y&&T(Y);let K=Y?void 0:setTimeout(()=>T(null),Or);return ((ue=r.client)!=null?ue:dt({host:r.host,apiKey:r.apiKey,distinctId:r.distinctId(),user:r.user(),userHash:(fe=r.userHash)==null?void 0:fe.call(r)})).messengerLook(g.signal).then(w=>{y&&w&&qr(r.apiKey,w),T(w);}).catch(()=>{o||T(null);}).finally(()=>clearTimeout(K)),{open:w=>c($=>$.open(w)),close:()=>o==null?void 0:o.close(),toggle:()=>c(w=>w.toggle()),destroy:()=>{p=true,g.abort(),clearTimeout(K),o==null||o.destroy();}}},Ur=["top-left","top-center","top-right","middle-left","middle-right","bottom-left","bottom-center","bottom-right"],Nr=r=>{var It,Pt,Rt,Ft,Ot,_t,qt,Ut,Nt,Bt,Dt,Kt;Zt();let o=(It=Ur.find(e=>e===r.position))!=null?It:"bottom-right",s=r.title||"Support",p=r.greeting||"Hi! How can we help?",k=(Pt=r.askEmail)!=null?Pt:true,c=(Rt=r.label)!=null?Rt:"",g=Jt(r.replyTime),y=((Ft=s.trim()[0])!=null?Ft:"?").toUpperCase(),T={visitor:"You",team:"Team",ai:((Ot=r.agentName)==null?void 0:Ot.trim())||"AI agent",auto:"Team"},Y=(_t=r.launcher)!=null?_t:true,K=(qt=r.help)!=null?qt:true,fe=(Ut=r.sound)!=null?Ut:true,ue=(Nt=r.preview)!=null?Nt:true,w=()=>{var e,t;return (t=r.client)!=null?t:dt({host:r.host,apiKey:r.apiKey,distinctId:r.distinctId(),user:r.user(),userHash:(e=r.userHash)==null?void 0:e.call(r)})},$=a("div",{class:"ckw-root","data-theme":(Bt=r.theme)!=null?Bt:"auto","data-corners":r.corners==="soft"||r.corners==="square"?r.corners:"round","data-font":r.font==="system"?"system":"site","data-header":r.header==="color"?"color":"plain"});r.container&&$.setAttribute("data-contained",""),r.accent&&($.style.setProperty("--ckw-accent",r.accent),$.style.setProperty("--ckw-accent-ink",Qt(r.accent))),(Dt=r.glow)==null||Dt.slice(0,2).forEach((e,t)=>/^#[0-9a-f]{6}$/i.test(e)&&$.style.setProperty(`--ckw-glow${t+2}`,e)),((Kt=r.container)!=null?Kt:document.body).appendChild($);let z=false,G=null,m="home",b=null,J=false,H="",P=null,Ie=null,A=[],be=false,he,V=null,L=null,U="",Pe=new Set,Re=null,N=null,ie=false,wt=e=>{var t;return ((t=e==null?void 0:e.messages)!=null?t:[]).filter(n=>n.from!=="visitor")},kt=e=>{var t,n;return (n=(t=wt(e).at(-1))==null?void 0:t.id)!=null?n:""},Fe=()=>z&&m==="messages"&&document.visibilityState!=="hidden",mt=e=>{let t=wt(e);if(Ie===null){let n=Lr(),l=t.findIndex(i=>i.id===n);A=e.messages.some(i=>i.from==="visitor")?t.slice(l+1).filter(i=>i.from!=="auto"):[];}else {let n=t.findIndex(i=>i.id===Ie),l=t.slice(n+1).filter(i=>i.from!=="auto");l.length&&(fe&&ke.play(),Fe()||(A=[...A,...l],be=false));}Ie=kt(e),b=e,Fe()&&Oe();},Oe=()=>{A=[];let e=kt(b);e&&Tr(e);},ft=e=>a("span",{class:`ckw-msgr-av${" ckw-msgr-av-sm"}`,"aria-hidden":"true"},y),xe=e=>{if(!r.icon)return ft();let t=a("span",{class:`ckw-msgr-av ckw-msgr-av-img${" ckw-msgr-av-sm"}`,"aria-hidden":"true"}),n=a("img",{src:r.icon,alt:""});return n.addEventListener("error",()=>t.replaceWith(ft())),t.append(n),t},ve=a("span",{class:"ckw-msgr-logo","aria-hidden":"true"});if(r.logo){let e=a("img",{src:r.logo,alt:""});e.addEventListener("error",()=>ve.replaceChildren(xe())),ve.append(e);}else ve.append(xe());let ir=()=>r.agentPhoto?a("img",{class:"ckw-msg-face",src:r.agentPhoto,alt:""}):null,sr=a("div",{class:"ckw-msgr-sky","aria-hidden":"true"}),Q=new Map,ye=(e,t=$)=>{clearTimeout(Q.get(e)),Q.delete(e),e.removeAttribute("data-out"),e.isConnected||t.appendChild(e);},ze=(e,t=180)=>{!e.isConnected||Q.has(e)||(e.setAttribute("data-out",""),Q.set(e,setTimeout(()=>{Q.delete(e),e.removeAttribute("data-out"),e.remove();},t)));},_e=(e,t)=>{e.classList.remove(t),e.offsetWidth,e.classList.add(t);},B=a("button",{type:"button",class:`ckw-fab ckw-msgr-fab${c?"":" ckw-msgr-round"}`,"data-pos":o,"aria-haspopup":"dialog"}),cr=a("span",{class:"ckw-msgr-fab-ic","aria-hidden":"true"},a("span",{class:"ckw-msgr-fab-i","data-i":"chat"},tr(er,rr,c?20:27,2.6)),a("span",{class:"ckw-msgr-fab-i","data-i":"x"},M(h.down,c?18:24))),se=a("span",{class:"ckw-msgr-count","aria-hidden":"true"});B.append(cr),c&&B.append(a("span",{},c));let qe=a("div",{class:"ckw-msgr-preview","data-pos":o,role:"status"}),ce=()=>{if(B.toggleAttribute("data-open",z),A.length&&!z){let e=String(Math.min(A.length,9));se.textContent!==e&&(se.textContent=e),se.isConnected||B.append(se);}else se.remove();B.setAttribute("aria-expanded",String(z)),B.setAttribute("aria-label",z?"Close chat":A.length?`Open chat, ${A.length} new ${A.length===1?"reply":"replies"}`:"Open chat"),ut();},lr=()=>ue&&!z&&!be&&!!A.length&&Y,ut=()=>{let e=A.at(-1);if(!lr()||!e)return ze(qe);let t=a("button",{type:"button",class:"ckw-msgr-preview-x","aria-label":"Dismiss"},M(h.cross,14));t.addEventListener("click",l=>{l.stopPropagation(),be=true,ut();});let n=a("button",{type:"button",class:"ckw-msgr-preview-card"},a("span",{class:"ckw-msgr-preview-main"},a("span",{class:"ckw-msgr-preview-who"},`${T[e.from]}${A.length>1?` \xB7 ${A.length} new`:""}`),a("span",{class:"ckw-msgr-preview-text"},gt(e))));n.addEventListener("click",()=>we("messages")),qe.replaceChildren(n,t),ye(qe);};B.addEventListener("click",()=>{ke.unlock(),z?ne():we(A.length?"messages":"home");}),Y&&$.appendChild(B);let C=a("div",{class:"ckw-pop ckw-msgr","data-pos":o,role:"dialog","aria-label":s}),Ue=a("div",{class:"ckw-msgr-bar"}),x=a("div",{class:"ckw-pop-body ckw-msgr-body"});C.addEventListener("click",()=>ke.unlock());let X=a("span",{class:"ckw-msgr-lead"}),Me=a("span",{class:"ckw-msgr-mid"}),Ne=a("nav",{class:"ckw-msgr-tabs","aria-label":"Messenger"}),Be=(e,t,n,l,i)=>{let f=a("button",{type:"button",class:"ckw-msgr-tab"},a("span",{class:"ckw-msgr-tab-ic"},M(n,22),tr(l,i,22)),a("span",{},t));return f.addEventListener("click",()=>{N=null,E(e);}),f},De=Be("home","Home",h.home,jr,Ir),Ce=Be("messages","Messages",h.chat,er,rr),bt=Be("help","Help",h.help,Pr,Rr),Se=a("span",{class:"ckw-msgr-count ckw-msgr-count-tab","aria-hidden":"true"}),le=a("button",{type:"button",class:"ckw-msgr-ib","aria-label":"More","aria-haspopup":"menu","aria-expanded":"false"},M(h.dots,18)),ht=a("button",{type:"button",class:"ckw-msgr-ib ckw-msgr-x","aria-label":"Close messenger"},M(h.cross));ht.addEventListener("click",()=>ne()),Ue.append(X,Me,a("span",{class:"ckw-msgr-trail"},le,ht));let D=a("div",{class:"ckw-msgr-menu",role:"menu"}),Ke=()=>D.isConnected&&!D.hasAttribute("data-out"),de=()=>{le.setAttribute("aria-expanded","false"),ze(D,120);},xt=(e,t,n)=>{let l=a("button",{type:"button",class:"ckw-msgr-menu-i",role:"menuitem"},M(e,15),a("span",{},t));return l.addEventListener("click",i=>{i.stopPropagation(),de(),n();}),l};le.addEventListener("click",e=>{var t;if(e.stopPropagation(),Ke())return de();D.replaceChildren(a("span",{class:"ckw-msgr-menu-h"},"Quick actions"),xt(h.minus,"Minimize chat",()=>ne()),xt(ie?h.collapse:h.expand,ie?"Collapse view":"Expand view",()=>{ie=!ie,C.toggleAttribute("data-wide",ie);})),le.setAttribute("aria-expanded","true"),ye(D,C),(t=D.querySelector("button"))==null||t.focus();}),C.addEventListener("click",()=>Ke()&&de());let dr=()=>{let e=(n,l)=>{let i=a("button",{type:"button",class:"ckw-msgr-ib","aria-label":l},M(h.back,18));return i.addEventListener("click",n),i};typeof m!="string"?X.replaceChildren(e(()=>E("help"),"Back to help")):m==="help"&&N&&!U.trim()?X.replaceChildren(e(()=>{N=null,E("help");},"All collections")):m==="messages"?X.replaceChildren(e(()=>E("home"),"Back to home")):m==="home"?X.replaceChildren(ve):X.replaceChildren(),m==="messages"?Me.replaceChildren(xe(),a("span",{class:"ckw-msgr-mid-t"},a("b",{},s),a("span",{class:"ckw-msgr-online"},g))):m==="help"?Me.replaceChildren(a("b",{},"Help")):Me.replaceChildren();let t=K&&Re!==false?[De,Ce,bt]:[De,Ce];Ne.childNodes.length!==t.length&&Ne.replaceChildren(...t),De.setAttribute("aria-current",m==="home"?"page":"false"),Ce.setAttribute("aria-current",m==="messages"?"page":"false"),bt.setAttribute("aria-current",m!=="home"&&m!=="messages"?"page":"false"),A.length&&m!=="messages"?(Se.textContent=String(Math.min(A.length,9)),Se.isConnected||Ce.firstChild.appendChild(Se)):Se.remove();},W=a("form",{class:"ckw-msgr-compose"}),Ae=a("p",{class:"ckw-msgr-error",role:"alert"}),_=a("input",{class:"ckw-input ckw-msgr-email",type:"email",inputmode:"email",autocomplete:"email",placeholder:"Email for our reply (optional)","aria-label":"Your email (optional)",maxlength:"200","data-1p-ignore":"","data-lpignore":"true","data-bwignore":"","data-form-type":"other"}),Z=a("div",{class:"ckw-msgr-box"}),j=a("textarea",{class:"ckw-textarea ckw-msgr-input",rows:"1",placeholder:"Write your message\u2026","aria-label":"Message",maxlength:"4000"}),Ve=a("button",{type:"submit",class:"ckw-msgr-send","aria-label":"Send"},M(h.up)),Ye=$r(),pe=a("button",{type:"button",class:"ckw-msgr-clip","aria-label":Ye?"Attach a file or a screenshot":"Attach a file",...Ye?{"aria-haspopup":"menu","aria-expanded":"false"}:{}},M(h.clip,18));Z.append(j,a("div",{class:"ckw-msgr-tools"},pe,a("span",{class:"ckw-msgr-sp"}),Ve)),Z.addEventListener("click",e=>e.target===Z&&j.focus()),W.append(Z);let ee=a("input",{type:"file",accept:ct.join(","),multiple:"",hidden:"",tabindex:"-1","aria-hidden":"true"});W.append(ee);let Ee=a("div",{class:"ckw-msgr-files",role:"list","aria-label":"Files to send"}),R=[],ge=new Map,We=e=>{var t;return (t=ge.get(e))!=null?t:w().attachmentUrl(e)},vt=e=>{e.ctrl.abort(),[...ge.values()].includes(e.local)||URL.revokeObjectURL(e.local);},yt=e=>{R=R.filter(t=>t!==e),vt(e);},Le=e=>{H="";for(let t of e){let n=t.name||"screenshot.png";if(R.length>=lt){H=`Up to ${lt} files per message.`;break}if(!ct.includes(t.type)){H="Only pictures (PNG, JPEG, WebP, GIF) and PDFs can be sent.";continue}if(t.size>Wt){H=`${n} is larger than 10 MB.`;continue}let l={key:`local-${Date.now().toString(36)}${Math.random().toString(36).slice(2,7)}`,name:n,type:t.type,size:t.size,local:URL.createObjectURL(t),up:Promise.resolve(),ctrl:new AbortController};l.up=w().uploadChatFile(t,l.ctrl.signal).then(i=>{l.id=i.id,I();},i=>{i.name!=="AbortError"&&(yt(l),H=`${l.name}: ${i.message}`,I());}),R.push(l);}z&&m!=="messages"?E("messages"):I(),j.focus();},zt="",pr=()=>{let e=R.map(t=>`${t.key}:${t.id?1:0}`).join(",");e!==zt&&(zt=e,Ee.replaceChildren(...R.map(t=>{let n=a("button",{type:"button",class:"ckw-msgr-file-x","aria-label":`Remove ${t.name}`},M(h.cross,12));n.addEventListener("click",()=>{yt(t),I(),j.focus();});let l=t.type.startsWith("image/")?a("img",{src:t.local,alt:""}):a("span",{class:"ckw-msgr-file-doc"},M(h.doc,18),a("span",{},t.name));return a("div",{class:"ckw-msgr-file",role:"listitem",title:t.name,"aria-label":t.id?t.name:`${t.name}, uploading`,...t.id?{}:{"aria-busy":"true"}},l,n)}))),R.length?Ee.isConnected||W.insertBefore(Ee,Z):Ee.remove();},gr=async()=>{var l;let e;try{e=await navigator.mediaDevices.getDisplayMedia({video:{displaySurface:"browser"},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include"});}catch(i){i.name!=="NotAllowedError"&&i.name!=="AbortError"&&(H="The screenshot did not work here. Attach a picture instead.",I());return}$.style.visibility="hidden";let t=null;try{let i=document.createElement("video");i.muted=!0,i.playsInline=!0,i.srcObject=e,await i.play(),await new Promise(d=>setTimeout(d,300));let f=i;await new Promise(d=>f.requestVideoFrameCallback?f.requestVideoFrameCallback(()=>d()):requestAnimationFrame(()=>d()));let u=document.createElement("canvas");u.width=i.videoWidth,u.height=i.videoHeight,(l=u.getContext("2d"))==null||l.drawImage(i,0,0);let v=(d,S)=>new Promise(q=>u.toBlob(q,d,S));t=await v("image/png"),t&&t.size>4.5*1024*1024&&(t=await v("image/jpeg",.9));}catch(i){t=null;}finally{for(let i of e.getTracks())i.stop();$.style.visibility="";}if(!t||!t.size)return H="The screenshot did not work here. Attach a picture instead.",I();let n=new Date().toISOString().slice(0,16).replace(/[:T]/g,"-");Le([Object.assign(t,{name:`screenshot-${n}.${t.type==="image/png"?"png":"jpg"}`})]);},te=a("div",{class:"ckw-msgr-menu ckw-msgr-amenu",role:"menu"}),Ge=()=>te.isConnected&&!te.hasAttribute("data-out"),Te=()=>{pe.setAttribute("aria-expanded","false"),ze(te,120);},Mt=(e,t,n)=>{let l=a("button",{type:"button",class:"ckw-msgr-menu-i",role:"menuitem"},M(e,15),a("span",{},t));return l.addEventListener("click",i=>{i.stopPropagation(),Te(),n();}),l};pe.addEventListener("click",e=>{var t;if(e.stopPropagation(),ke.unlock(),!Ye)return ee.click();if(Ge())return Te();te.replaceChildren(Mt(h.image,"Photo or file",()=>ee.click()),Mt(h.screen,"Screenshot of this page",()=>{gr();})),pe.setAttribute("aria-expanded","true"),ye(te,W),(t=te.querySelector("button"))==null||t.focus();}),ee.addEventListener("change",()=>{var e;Le([...(e=ee.files)!=null?e:[]]),ee.value="";});let wr=a("a",{class:"ckw-msgr-powered",href:Gt,target:"_blank",rel:"noopener"},"Powered by ",a("b",{},"MRRocket")),Ct=a("ol",{class:"ckw-msgs","aria-live":"polite","aria-label":"Messages"}),St=()=>{var e;return k&&!((e=r.user())!=null&&e.email)&&!(b!=null&&b.hasEmail)},Je=()=>!_.value.trim()||Er.test(_.value.trim()),Qe=()=>(!!j.value.trim()||R.length>0)&&!P&&Je(),E=e=>{let t=JSON.stringify(e)!==JSON.stringify(m);m=e,$e=-1,I(),t&&_e(x,"ckw-msgr-enter"),e==="messages"?(Oe(),ce(),j.focus()):e==="help"&&Ze.focus(),oe(0);},kr=(e,t)=>{let n=a("img",{src:e,alt:t,loading:"lazy"});return n.addEventListener("load",()=>{x.scrollHeight-x.scrollTop-x.clientHeight<n.clientHeight+120&&(x.scrollTop=x.scrollHeight);}),n},At=(e,t=false)=>{var l,i,f;let n=a("li",{class:"ckw-msg","data-from":e.from==="visitor"?"me":"them"},e.body||!((l=e.attachments)!=null&&l.length)?a("div",{class:"ckw-bubble"},e.body):null);t&&n.setAttribute("aria-busy","true"),(i=e.attachments)!=null&&i.length&&n.append(a("div",{class:"ckw-msg-files"},...e.attachments.map(u=>u.type.startsWith("image/")?a("a",{class:"ckw-msg-img",href:We(u.id),target:"_blank",rel:"noopener",title:u.name},kr(We(u.id),u.name)):a("a",{class:"ckw-msgr-cite",href:We(u.id),target:"_blank",rel:"noopener"},M(h.doc,14),a("span",{},u.name)))));for(let u of (f=e.articles)!=null?f:[]){let v=a("button",{type:"button",class:"ckw-msgr-cite"},M(h.doc,14),a("span",{},u.title));v.addEventListener("click",()=>E({article:u.id})),n.append(v);}return n.append(a("span",{class:"ckw-msg-meta"},e.from==="ai"?ir():null,`${e.from!=="visitor"?`${T[e.from]} \xB7 `:""}${t?"Sending\u2026":pt(e.at)}`)),n},mr=e=>{let t=a("button",{type:"button",class:"ckw-msgr-art"},a("span",{class:"ckw-msgr-art-t"},e.title),M(h.next,14));return t.addEventListener("click",()=>E({article:e.id})),t},Et=(e,t,n,l)=>{let i=a("button",{type:"button",class:"ckw-msgr-hrow"},a("span",{class:"ckw-msgr-hrow-main"},a("b",{},e),t?a("span",{class:"ckw-msgr-hrow-sub"},t):null,n?a("span",{class:"ckw-msgr-hrow-meta"},n):null),M(h.next,16));return i.addEventListener("click",l),i},Xe=((e="Search for help")=>{let t=a("label",{class:"ckw-msgr-search"}),n=a("input",{class:"ckw-msgr-search-in",type:"search",placeholder:e,"aria-label":"Search for help",maxlength:"200"});n.value=U;let l;return n.addEventListener("input",()=>{U=n.value,clearTimeout(l),l=setTimeout(()=>{if(m!=="help")return E("help");tt(true);},250);}),n.addEventListener("keydown",i=>{i.key==="Enter"&&(i.preventDefault(),m!=="help"&&E("help"));}),t.append(M(h.search,16),n),t})("Search our help center\u2026"),Ze=Xe.querySelector("input"),et=false,tt=async(e=false)=>{if(!K||et&&!e)return;et=true;let t=U.trim();try{let n=await w().articles(t||void 0);if(t!==U.trim())return;L=n.articles,t||(Re=n.articles.length>0);}catch(n){L=L!=null?L:[];}finally{et=false;}I();},rt=a("form",{class:"ckw-msgr-askq"}),re=a("input",{class:"ckw-msgr-askq-in",placeholder:"Ask a question","aria-label":"Ask a question",maxlength:"4000",autocomplete:"off"}),at=a("button",{type:"submit",class:"ckw-msgr-send","aria-label":"Send",disabled:""},M(h.up));rt.append(re,at),re.addEventListener("input",()=>at.disabled=!re.value.trim()),rt.addEventListener("submit",e=>{if(e.preventDefault(),!re.value.trim())return E("messages");j.value=re.value,re.value="",at.disabled=true,E("messages"),Qe()&&it();});let fr=()=>{var f,u,v;let e=(u=(f=r.user())==null?void 0:f.name)==null?void 0:u.trim().split(/\s+/)[0],t=p.replace(/^(hi|hello|hey|hallo)( there)?\s*[!,.]*\s*/i,"").trim()||"How can we help you today?",n=a("h2",{class:"ckw-msgr-hero ckw-msgr-hello"},a("span",{},e?`Hi, ${e} `:"Hi there ",a("span",{class:"ckw-msgr-wave","aria-hidden":"true"},"\u{1F44B}")),a("span",{class:"ckw-msgr-hello-sub"},t)),l=((v=b==null?void 0:b.messages)!=null?v:[]).at(-1),i=[n,rt];if(l){let d=a("button",{type:"button",class:"ckw-msgr-card ckw-msgr-recent","aria-label":`Recent message: ${gt(l)}`},a("span",{class:"ckw-msgr-recent-row"},xe(),a("span",{class:"ckw-msgr-card-main"},a("span",{class:"ckw-msgr-card-sub ckw-msgr-recent-text"},gt(l)),a("span",{class:"ckw-msgr-card-meta"},`${l.from==="visitor"?"You":T[l.from]} \xB7 ${pt(l.at)}`)),A.length?a("span",{class:"ckw-msgr-badge"},String(A.length)):M(h.next,14)));d.addEventListener("click",()=>E("messages")),i.push(d);}if(K&&Re!==false){let d=a("div",{class:"ckw-msgr-card ckw-msgr-card-col"}),S=(L!=null?L:[]).slice(0,3);S.length?d.append(...S.map(mr)):L===null&&d.append(a("div",{class:"ckw-skel ckw-msgr-skel"})),i.push(d);}x.replaceChildren(...i);},ur=()=>{var u,v;Ze.value!==U&&(Ze.value=U);let e=U.trim(),t=L!=null?L:[],n=new Map;for(let d of t)n.set(d.collection,[...(u=n.get(d.collection))!=null?u:[],d]);let l=!e&&N!==null?(v=n.get(N))!=null?v:[]:null,i=e?"Search results":l?N!=null?N:"":"Most read articles",f=[a("h2",{class:"ckw-msgr-help-h"},i),Xe];if(L===null)f.push(a("div",{class:"ckw-skel"}));else if(t.length)e||l?f.push(a("div",{class:"ckw-msgr-hlist"},...(l!=null?l:t).map(d=>Et(d.title,d.excerpt.startsWith(d.title)?d.excerpt.slice(d.title.length).trim():d.excerpt,e?d.collection:"",()=>E({article:d.id}))))):f.push(a("div",{class:"ckw-msgr-hlist"},...[...n].map(([d,S])=>Et(d,S.map(q=>q.title).join(", "),`${S.length} ${S.length===1?"article":"articles"}`,()=>{N=d,E("help"),_e(x,"ckw-msgr-enter");}))));else {let d=a("button",{type:"button",class:"ckw-btn ckw-btn-primary"},"Send us a message");d.addEventListener("click",()=>E("messages")),f.push(a("div",{class:"ckw-msgr-empty"},a("p",{},e?`Nothing found for \u201C${e}\u201D.`:"No help articles yet."),d));}if(x.childNodes[1]!==Xe)x.replaceChildren(...f);else {for(x.firstChild.replaceWith(f[0]);x.childNodes.length>2;)x.lastChild.remove();x.append(...f.slice(2));}},ae=null,br=e=>{if((ae==null?void 0:ae.id)===e)return x.replaceChildren(ae.node);let t=a("article",{class:"ckw-msgr-doc"},a("div",{class:"ckw-skel"}));ae={id:e,node:t},x.replaceChildren(t),w().article(e).then(n=>{let l=a("div",{class:"ckw-msgr-rate"}),i=()=>{if(Pe.has(e))return l.replaceChildren(a("span",{},"Thanks for letting us know."));let u=a("button",{type:"button",class:"ckw-btn"},"Yes"),v=a("button",{type:"button",class:"ckw-btn"},"No"),d=S=>{Pe=new Set(Pe).add(e),i(),w().rateArticle(e,S).catch(()=>{}),S||E("messages");};u.addEventListener("click",()=>d(true)),v.addEventListener("click",()=>d(false)),l.replaceChildren(a("span",{},"Did this answer your question?"),a("span",{class:"ckw-msgr-rate-b"},u,v));};i();let f=a("button",{type:"button",class:"ckw-btn ckw-msgr-ask"},M(h.chat),"Still need help? Send us a message");f.addEventListener("click",()=>E("messages")),t.replaceChildren(a("p",{class:"ckw-msgr-doc-c"},n.collection),a("h2",{class:"ckw-msgr-doc-t"},n.title),a("p",{class:"ckw-msgr-doc-c"},`Updated ${pt(n.updatedAt)}`),a("div",{class:"ckw-msgr-doc-b"},...n.blocks.map(Fr)),l,f);}).catch(n=>{ae=null,t.replaceChildren(a("p",{class:"ckw-msgr-error"},n.message));});},$e=-1,Lt="",ot=-1,nt=a("div",{class:"ckw-msgr-sugg"}),hr=()=>{var l,i,f,u;let e=(l=b==null?void 0:b.messages)!=null?l:[],t=[];if(!J)t.push(a("div",{class:"ckw-skel"}));else {let v=`${e.map(S=>S.id).join(",")}|${P?`${P.body}+${(f=(i=P.attachments)==null?void 0:i.length)!=null?f:0}`:""}|${Math.floor(Date.now()/6e4)}`;if(v!==Lt){Lt=v;let q=[a("li",{class:"ckw-msg","data-from":"them"},a("div",{class:"ckw-bubble"},p)),...e.map(st=>At(st)),...P?[At(P,true)]:[]];ot>=0&&q.slice(ot).forEach(st=>st.setAttribute("data-new","")),ot=q.length,Ct.replaceChildren(...q);}t.push(Ct);let d=!e.some(S=>S.from==="visitor")&&!P?(L!=null?L:[]).slice(0,3):[];d.length&&(nt.childNodes.length!==d.length&&nt.replaceChildren(...d.map(S=>{let q=a("button",{type:"button",class:"ckw-msgr-sugg-b"},S.title);return q.addEventListener("click",()=>E({article:S.id})),q})),t.push(nt));}((u=b==null?void 0:b.conversation)==null?void 0:u.status)==="solved"&&!P&&t.push(a("p",{class:"ckw-fine ckw-msgr-note"},"This conversation is closed. Write to start a new one.")),(x.childNodes.length!==t.length||t.some((v,d)=>x.childNodes[d]!==v))&&x.replaceChildren(...t);let n=e.length+(P?1:0);n!==$e&&($e=n,x.scrollTop=x.scrollHeight),Ae.textContent=H,H&&!Ae.isConnected?W.prepend(Ae):H||Ae.remove(),St()?(Je()?_.removeAttribute("aria-invalid"):_.setAttribute("aria-invalid","true"),_.isConnected||Z.insertBefore(_,j)):_.remove(),pr(),Ve.disabled=!Qe();},I=()=>{if(!z)return;C.dataset.view=typeof m=="string"?m:"article",dr(),m==="home"?fr():m==="messages"?hr():m==="help"?ur():br(m.article);let e=m==="home"?[sr,Ue,x]:[Ue,x];e.push(m==="messages"?W:Ne),r.branding!==false&&e.push(wr),D.isConnected&&e.push(D),(C.childNodes.length!==e.length||e.some((t,n)=>C.childNodes[n]!==t))&&C.replaceChildren(...e);},Tt=async()=>{V==null||V.abort(),V=new AbortController;try{mt(await w().chat(V.signal)),H="";}catch(e){if(e.name==="AbortError")return;z&&m==="messages"&&(H=e.message);}J=true,I(),ce(),oe();};function oe(e){var f,u,v;clearTimeout(he);let t=!!(b!=null&&b.messages.some(d=>d.from==="visitor"))&&((f=b==null?void 0:b.conversation)==null?void 0:f.status)!=="solved",n=(v=((u=b==null?void 0:b.messages)!=null?u:[]).filter(d=>d.from==="visitor").at(-1))==null?void 0:v.at,l=!!n&&Date.now()-new Date(n).getTime()<Ar,i=e!=null?e:Fe()?Mr:t&&l?Cr:z||t?Sr:0;(i||e===0)&&(he=setTimeout(()=>{Tt();},i));}let $t=()=>{document.visibilityState==="visible"?oe(0):clearTimeout(he);};document.addEventListener("visibilitychange",$t);let it=async()=>{let e=j.value.trim(),t=R;if(!e&&!t.length||P||!Je())return;ke.unlock();for(let i of t)ge.set(i.key,i.local);P={id:"pending",from:"visitor",body:e,at:new Date().toISOString(),...t.length?{attachments:t.map(i=>({id:i.key,name:i.name,type:i.type,size:i.size}))}:{}},j.value="",R=[],H="",I(),await Promise.all(t.map(i=>i.up));let n=t.filter(i=>i.id).map(i=>i.id),l=false;try{if(!e&&!n.length)throw new Error(H||"The file could not be sent.");mt(await w().sendChat({body:e,email:St()&&_.value.trim()?_.value.trim():void 0,url:window.location.href.slice(0,500),...n.length?{attachments:n}:{},context:{viewport:`${window.innerWidth}\xD7${window.innerHeight}`}})),l=!0;}catch(i){j.value=e,R=t.filter(f=>f.id),H=i.message;}P=null;for(let i of t)ge.delete(i.key);if(I(),l)for(let i of t)URL.revokeObjectURL(i.local);oe();};W.addEventListener("submit",e=>{e.preventDefault(),it();}),j.addEventListener("keydown",e=>{e.key==="Enter"&&!e.shiftKey&&!e.isComposing&&(e.preventDefault(),it());}),j.addEventListener("input",()=>Ve.disabled=!Qe()),j.addEventListener("paste",e=>{var n,l;let t=[...(l=(n=e.clipboardData)==null?void 0:n.files)!=null?l:[]];t.length&&(e.preventDefault(),Le(t));});let Ht=e=>!!e.dataTransfer&&[...e.dataTransfer.types].includes("Files");C.addEventListener("dragover",e=>{Ht(e)&&(e.preventDefault(),C.setAttribute("data-drop",""));}),C.addEventListener("dragleave",e=>{(!e.relatedTarget||!C.contains(e.relatedTarget))&&C.removeAttribute("data-drop");}),C.addEventListener("drop",e=>{var t,n;Ht(e)&&(e.preventDefault(),C.removeAttribute("data-drop"),Le([...(n=(t=e.dataTransfer)==null?void 0:t.files)!=null?n:[]]));}),_.addEventListener("input",()=>I());function we(e="home",t=false){let n=z;z=true,m=e==="help"&&!K?"home":e,$e=-1,be=true,C.toggleAttribute("data-still",t),ye(C),n&&_e(x,"ckw-msgr-enter"),(L===null||m==="help"&&U)&&tt(),I(),ce(),m==="messages"&&(Oe(),j.focus()),oe(0);}function ne(){if(!z)return;z=false,D.isConnected&&de(),ze(C,200),ce(),oe(),Y&&B.focus();let e=G;G=null,e&&setTimeout(e,220);}C.addEventListener("click",()=>Ge()&&Te());let jt=e=>{e.key!=="Escape"||!z||(Ge()?(Te(),pe.focus()):Ke()?(de(),le.focus()):ne());};return document.addEventListener("keydown",jt),Tt(),K&&tt(),ce(),r.opened&&we(r.opened,true),{open:e=>we(e!=null?e:"home"),close:ne,toggle:()=>z?ne():we(),isOpen:()=>z,onClose:e=>{G=e;},destroy:()=>{clearTimeout(he);for(let e of Q.values())clearTimeout(e);V==null||V.abort();for(let e of R)vt(e);for(let e of ge.values())URL.revokeObjectURL(e);document.removeEventListener("keydown",jt),document.removeEventListener("visibilitychange",$t),$.remove();}}};window.__mrrocketMessenger={mountMessenger:nr};
|
|
581
|
-
})();
|
|
580
|
+
`,tr=()=>{if(typeof document=="undefined"||document.getElementById(er))return;let r=document.createElement("style");r.id=er,r.textContent=Ar,document.head.appendChild(r);};var Er=4e3,Lr=8e3,Tr=3e4,$r=10*6e4,pt=1500,Hr=/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/,nr="ckw_msgr_seen",jr=()=>{var r;try{return (r=window.localStorage.getItem(nr))!=null?r:""}catch(o){return ""}},Ir=r=>{try{window.localStorage.setItem(nr,r);}catch(o){}},gt=r=>{let o=new Date(r).getTime();if(Number.isNaN(o))return "";let i=Math.max(0,Date.now()-o)/1e3;return i<60?"just now":i<3600?`${Math.floor(i/60)}m ago`:i<86400?`${Math.floor(i/3600)}h ago`:i<86400*30?`${Math.floor(i/86400)}d ago`:new Date(r).toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"})},a=(r,o={},...i)=>{let p=document.createElement(r);for(let[m,s]of Object.entries(o))p.setAttribute(m,s);for(let m of i)m!==null&&m!==false&&m!==void 0&&p.append(m);return p},me="http://www.w3.org/2000/svg",M=(r,o=16)=>{let i=document.createElementNS(me,"svg");for(let[m,s]of Object.entries({class:"ckw-icon",width:String(o),height:String(o),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.75","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"}))i.setAttribute(m,s);let p=document.createElementNS(me,"path");return p.setAttribute("d",r),i.appendChild(p),i},x={cross:"M18 6 6 18M6 6l12 12",chat:"M7.9 20A9 9 0 1 0 4 16.1L2 22z",up:"M12 19V5M5 12l7-7 7 7",home:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",back:"m15 18-6-6 6-6",next:"m9 18 6-6-6-6",search:"M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM21 21l-4.3-4.3",doc:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7zM14 2v4a2 2 0 0 0 2 2h4M10 9H8M16 13H8M16 17H8",dots:"M13 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM13 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM13 19a1 1 0 1 1-2 0 1 1 0 0 1 2 0z",expand:"M15 3h6v6M21 3l-7 7M3 21l7-7M9 21H3v-6",collapse:"m14 10 7-7M20 10h-6V4M3 21l7-7M4 14h6v6",minus:"M5 12h14",down:"m6 9 6 6 6-6",help:"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01",clip:"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48",image:"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM9 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM21 15l-3.09-3.09a2 2 0 0 0-2.82 0L6 21",screen:"M20 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM8 21h8M12 17v4"},wt=r=>{var o,i;return r.body||(((o=r.attachments)==null?void 0:o.length)===1?`Sent ${r.attachments[0].name}`:(i=r.attachments)!=null&&i.length?`Sent ${r.attachments.length} files`:"")},Pr=()=>{var r;return typeof navigator!="undefined"&&typeof((r=navigator.mediaDevices)==null?void 0:r.getDisplayMedia)=="function"},rr="M7.9 20A9 9 0 1 0 4 16.1L2 22z",Rr=(r,o)=>{let i=document.createElementNS(me,"svg");for(let[m,s]of Object.entries({class:"ckw-icon",width:String(o),height:String(o),viewBox:"0 0 24 24",fill:"currentColor",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round","aria-hidden":"true"}))i.setAttribute(m,s);let p=document.createElementNS(me,"path");return p.setAttribute("d",r),i.appendChild(p),i},ar=(r,o,i,p=2)=>{let m=Rr(r,i),s=document.createElementNS(me,"path");for(let[g,y]of Object.entries({d:o,class:"ckw-cut",fill:"none","stroke-width":String(p),"stroke-linecap":"round","stroke-linejoin":"round"}))s.setAttribute(g,y);return m.appendChild(s),m},or="M8 12h.01M12 12h.01M16 12h.01",Or="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",Fr="M9.5 15.5c1.4 1 3.6 1 5 0",_r="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z",qr="M9.4 9.2a2.7 2.7 0 0 1 5.2 1c0 1.8-2.6 2.5-2.6 2.5M12 16.8h.01",ke=(()=>{let r=null,o=()=>{var p;let i=(p=window.AudioContext)!=null?p:window.webkitAudioContext;return i?(r!=null||(r=new i),r):null};return {unlock:()=>{try{let i=o();(i==null?void 0:i.state)==="suspended"&&i.resume();}catch(i){}},play:()=>{try{let i=o();if(!i||i.state!=="running")return;let p=i.currentTime;[880,1318.5].forEach((m,s)=>{let g=i.createOscillator(),y=i.createGain(),$=p+s*.11;g.type="sine",g.frequency.value=m,y.gain.setValueAtTime(1e-4,$),y.gain.exponentialRampToValueAtTime(.12,$+.012),y.gain.exponentialRampToValueAtTime(1e-4,$+.32),g.connect(y),y.connect(i.destination),g.start($),g.stop($+.34);});}catch(i){}}}})(),Ie=r=>r.map(o=>{let i=o.href?a("a",{href:o.href,target:"_blank",rel:"noopener noreferrer"},o.text):a("span",{},o.text);return o.code&&(i=a("code",{},i)),o.italic&&(i=a("em",{},i)),o.bold&&(i=a("strong",{},i)),i}),Ur=r=>{switch(r.type){case "h2":case "h3":return a(r.type,{},...Ie(r.spans));case "quote":return a("blockquote",{},...Ie(r.spans));case "ul":case "ol":return a(r.type,{},...r.items.map(o=>a("li",{},...Ie(o))));case "code":return a("pre",{},a("code",{},r.text));case "hr":return a("hr");default:return a("p",{},...Ie(r.spans))}},Nr=2500,ir="ckw_msgr_look:",Br=r=>{try{let o=window.localStorage.getItem(ir+r);return o?JSON.parse(o):null}catch(o){return null}},Dr=(r,o)=>{try{window.localStorage.setItem(ir+r,JSON.stringify(o));}catch(i){}},sr=r=>{var fe,ue;let o=null,i="",p=false,m=[],s=k=>o?k(o):m.push(k),g=new AbortController,y=!r.client&&!!r.apiKey,$=k=>{var G,u,h;if(p)return;let H=JSON.stringify(k!=null?k:{});if(o&&H===i)return;if(o!=null&&o.isOpen()){o.onClose(()=>$(k));return}o==null||o.destroy(),i=H;let z=Object.fromEntries(Object.entries(r).filter(([,J])=>J!==void 0));o=Vr({...k!=null?k:{},...z,accent:(G=r.accent)!=null?G:k==null?void 0:k.accent,theme:(u=r.theme)!=null?u:k==null?void 0:k.theme,branding:(h=k==null?void 0:k.branding)!=null?h:true});for(let J of m.splice(0))J(o);},Y=y?Br(r.apiKey):null;Y&&$(Y);let V=Y?void 0:setTimeout(()=>$(null),Nr);return ((ue=r.client)!=null?ue:dt({host:r.host,apiKey:r.apiKey,distinctId:r.distinctId(),user:r.user(),userHash:(fe=r.userHash)==null?void 0:fe.call(r)})).messengerLook(g.signal).then(k=>{y&&k&&Dr(r.apiKey,k),$(k);}).catch(()=>{o||$(null);}).finally(()=>clearTimeout(V)),{open:k=>s(H=>H.open(k)),close:()=>o==null?void 0:o.close(),toggle:()=>s(k=>k.toggle()),destroy:()=>{p=true,g.abort(),clearTimeout(V),o==null||o.destroy();}}},Kr=["top-left","top-center","top-right","middle-left","middle-right","bottom-left","bottom-center","bottom-right"],Vr=r=>{var Rt,Ot,Ft,_t,qt,Ut,Nt,Bt,Dt,Kt,Vt,Yt;tr();let o=(Rt=Kr.find(e=>e===r.position))!=null?Rt:"bottom-right",i=r.title||"Support",p=r.greeting||"Hi! How can we help?",m=(Ot=r.askEmail)!=null?Ot:true,s=(Ft=r.label)!=null?Ft:"",g=Xt(r.replyTime),y=((_t=i.trim()[0])!=null?_t:"?").toUpperCase(),$={visitor:"You",team:"Team",ai:((qt=r.agentName)==null?void 0:qt.trim())||"AI agent",auto:"Team"},Y=(Ut=r.launcher)!=null?Ut:true,V=(Nt=r.help)!=null?Nt:true,fe=(Bt=r.sound)!=null?Bt:true,ue=(Dt=r.preview)!=null?Dt:true,k=()=>{var e,t;return (t=r.client)!=null?t:dt({host:r.host,apiKey:r.apiKey,distinctId:r.distinctId(),user:r.user(),userHash:(e=r.userHash)==null?void 0:e.call(r)})},H=a("div",{class:"ckw-root","data-theme":(Kt=r.theme)!=null?Kt:"auto","data-corners":r.corners==="soft"||r.corners==="square"?r.corners:"round","data-font":r.font==="system"?"system":"site","data-header":r.header==="color"?"color":"plain"});r.container&&H.setAttribute("data-contained",""),r.accent&&(H.style.setProperty("--ckw-accent",r.accent),H.style.setProperty("--ckw-accent-ink",Zt(r.accent))),(Vt=r.glow)==null||Vt.slice(0,2).forEach((e,t)=>/^#[0-9a-f]{6}$/i.test(e)&&H.style.setProperty(`--ckw-glow${t+2}`,e)),((Yt=r.container)!=null?Yt:document.body).appendChild(H);let z=false,G=null,u="home",h=null,J=false,j="",kt=e=>e.status===401?"The chat is not available right now. Please try again later.":e.message,q=[],cr=0,Pe=false,Re=null,S=[],be=false,he,O=null,L=null,U="",Oe=new Set,Fe=null,N=null,se=false,mt=e=>{var t;return ((t=e==null?void 0:e.messages)!=null?t:[]).filter(n=>n.from!=="visitor")},ft=e=>{var t,n;return (n=(t=mt(e).at(-1))==null?void 0:t.id)!=null?n:""},_e=()=>z&&u==="messages"&&document.visibilityState!=="hidden",ut=e=>{let t=mt(e);if(Re===null){let n=jr(),l=t.findIndex(c=>c.id===n);S=e.messages.some(c=>c.from==="visitor")?t.slice(l+1).filter(c=>c.from!=="auto"):[];}else {let n=t.findIndex(c=>c.id===Re),l=t.slice(n+1).filter(c=>c.from!=="auto");l.length&&(fe&&ke.play(),_e()||(S=[...S,...l],be=false));}Re=ft(e),h=e,_e()&&qe();},qe=()=>{S=[];let e=ft(h);e&&Ir(e);},bt=e=>a("span",{class:`ckw-msgr-av${" ckw-msgr-av-sm"}`,"aria-hidden":"true"},y),xe=e=>{if(!r.icon)return bt();let t=a("span",{class:`ckw-msgr-av ckw-msgr-av-img${" ckw-msgr-av-sm"}`,"aria-hidden":"true"}),n=a("img",{src:r.icon,alt:""});return n.addEventListener("error",()=>t.replaceWith(bt())),t.append(n),t},ve=a("span",{class:"ckw-msgr-logo","aria-hidden":"true"});if(r.logo){let e=a("img",{src:r.logo,alt:""});e.addEventListener("error",()=>ve.replaceChildren(xe())),ve.append(e);}else ve.append(xe());let lr=()=>r.agentPhoto?a("img",{class:"ckw-msg-face",src:r.agentPhoto,alt:""}):null,dr=a("div",{class:"ckw-msgr-sky","aria-hidden":"true"}),Q=new Map,ye=(e,t=H)=>{clearTimeout(Q.get(e)),Q.delete(e),e.removeAttribute("data-out"),e.isConnected||t.appendChild(e);},ze=(e,t=180)=>{!e.isConnected||Q.has(e)||(e.setAttribute("data-out",""),Q.set(e,setTimeout(()=>{Q.delete(e),e.removeAttribute("data-out"),e.remove();},t)));},Ue=(e,t)=>{e.classList.remove(t),e.offsetWidth,e.classList.add(t);},B=a("button",{type:"button",class:`ckw-fab ckw-msgr-fab${s?"":" ckw-msgr-round"}`,"data-pos":o,"aria-haspopup":"dialog"}),pr=a("span",{class:"ckw-msgr-fab-ic","aria-hidden":"true"},a("span",{class:"ckw-msgr-fab-i","data-i":"chat"},ar(rr,or,s?20:27,2.6)),a("span",{class:"ckw-msgr-fab-i","data-i":"x"},M(x.down,s?18:24))),ce=a("span",{class:"ckw-msgr-count","aria-hidden":"true"});B.append(pr),s&&B.append(a("span",{},s));let Ne=a("div",{class:"ckw-msgr-preview","data-pos":o,role:"status"}),le=()=>{if(B.toggleAttribute("data-open",z),S.length&&!z){let e=String(Math.min(S.length,9));ce.textContent!==e&&(ce.textContent=e),ce.isConnected||B.append(ce);}else ce.remove();B.setAttribute("aria-expanded",String(z)),B.setAttribute("aria-label",z?"Close chat":S.length?`Open chat, ${S.length} new ${S.length===1?"reply":"replies"}`:"Open chat"),ht();},gr=()=>ue&&!z&&!be&&!!S.length&&Y,ht=()=>{let e=S.at(-1);if(!gr()||!e)return ze(Ne);let t=a("button",{type:"button",class:"ckw-msgr-preview-x","aria-label":"Dismiss"},M(x.cross,14));t.addEventListener("click",l=>{l.stopPropagation(),be=true,ht();});let n=a("button",{type:"button",class:"ckw-msgr-preview-card"},a("span",{class:"ckw-msgr-preview-main"},a("span",{class:"ckw-msgr-preview-who"},`${$[e.from]}${S.length>1?` \xB7 ${S.length} new`:""}`),a("span",{class:"ckw-msgr-preview-text"},wt(e))));n.addEventListener("click",()=>we("messages")),Ne.replaceChildren(n,t),ye(Ne);};B.addEventListener("click",()=>{ke.unlock(),z?ie():we(S.length?"messages":"home");}),Y&&H.appendChild(B);let C=a("div",{class:"ckw-pop ckw-msgr","data-pos":o,role:"dialog","aria-label":i}),Be=a("div",{class:"ckw-msgr-bar"}),v=a("div",{class:"ckw-pop-body ckw-msgr-body"});C.addEventListener("click",()=>ke.unlock());let X=a("span",{class:"ckw-msgr-lead"}),Me=a("span",{class:"ckw-msgr-mid"}),De=a("nav",{class:"ckw-msgr-tabs","aria-label":"Messenger"}),Ke=(e,t,n,l,c)=>{let w=a("button",{type:"button",class:"ckw-msgr-tab"},a("span",{class:"ckw-msgr-tab-ic"},M(n,22),ar(l,c,22)),a("span",{},t));return w.addEventListener("click",()=>{N=null,A(e);}),w},Ve=Ke("home","Home",x.home,Or,Fr),Ce=Ke("messages","Messages",x.chat,rr,or),xt=Ke("help","Help",x.help,_r,qr),Se=a("span",{class:"ckw-msgr-count ckw-msgr-count-tab","aria-hidden":"true"}),de=a("button",{type:"button",class:"ckw-msgr-ib","aria-label":"More","aria-haspopup":"menu","aria-expanded":"false"},M(x.dots,18)),vt=a("button",{type:"button",class:"ckw-msgr-ib ckw-msgr-x","aria-label":"Close messenger"},M(x.cross));vt.addEventListener("click",()=>ie()),Be.append(X,Me,a("span",{class:"ckw-msgr-trail"},de,vt));let D=a("div",{class:"ckw-msgr-menu",role:"menu"}),Ye=()=>D.isConnected&&!D.hasAttribute("data-out"),pe=()=>{de.setAttribute("aria-expanded","false"),ze(D,120);},yt=(e,t,n)=>{let l=a("button",{type:"button",class:"ckw-msgr-menu-i",role:"menuitem"},M(e,15),a("span",{},t));return l.addEventListener("click",c=>{c.stopPropagation(),pe(),n();}),l};de.addEventListener("click",e=>{var t;if(e.stopPropagation(),Ye())return pe();D.replaceChildren(a("span",{class:"ckw-msgr-menu-h"},"Quick actions"),yt(x.minus,"Minimize chat",()=>ie()),yt(se?x.collapse:x.expand,se?"Collapse view":"Expand view",()=>{se=!se,C.toggleAttribute("data-wide",se);})),de.setAttribute("aria-expanded","true"),ye(D,C),(t=D.querySelector("button"))==null||t.focus();}),C.addEventListener("click",()=>Ye()&&pe());let wr=()=>{let e=(n,l)=>{let c=a("button",{type:"button",class:"ckw-msgr-ib","aria-label":l},M(x.back,18));return c.addEventListener("click",n),c};typeof u!="string"?X.replaceChildren(e(()=>A("help"),"Back to help")):u==="help"&&N&&!U.trim()?X.replaceChildren(e(()=>{N=null,A("help");},"All collections")):u==="messages"?X.replaceChildren(e(()=>A("home"),"Back to home")):u==="home"?X.replaceChildren(ve):X.replaceChildren(),u==="messages"?Me.replaceChildren(xe(),a("span",{class:"ckw-msgr-mid-t"},a("b",{},i),a("span",{class:"ckw-msgr-online"},g))):u==="help"?Me.replaceChildren(a("b",{},"Help")):Me.replaceChildren();let t=V&&Fe!==false?[Ve,Ce,xt]:[Ve,Ce];De.childNodes.length!==t.length&&De.replaceChildren(...t),Ve.setAttribute("aria-current",u==="home"?"page":"false"),Ce.setAttribute("aria-current",u==="messages"?"page":"false"),xt.setAttribute("aria-current",u!=="home"&&u!=="messages"?"page":"false"),S.length&&u!=="messages"?(Se.textContent=String(Math.min(S.length,9)),Se.isConnected||Ce.firstChild.appendChild(Se)):Se.remove();},W=a("form",{class:"ckw-msgr-compose"}),Ae=a("p",{class:"ckw-msgr-error",role:"alert"}),_=a("input",{class:"ckw-input ckw-msgr-email",type:"email",inputmode:"email",autocomplete:"email",placeholder:"Email for our reply (optional)","aria-label":"Your email (optional)",maxlength:"200","data-1p-ignore":"","data-lpignore":"true","data-bwignore":"","data-form-type":"other"}),Z=a("div",{class:"ckw-msgr-box"}),T=a("textarea",{class:"ckw-textarea ckw-msgr-input",rows:"1",placeholder:"Write your message\u2026","aria-label":"Message",maxlength:"4000"}),We=a("button",{type:"submit",class:"ckw-msgr-send","aria-label":"Send"},M(x.up)),Ge=Pr(),ge=a("button",{type:"button",class:"ckw-msgr-clip","aria-label":Ge?"Attach a file or a screenshot":"Attach a file",...Ge?{"aria-haspopup":"menu","aria-expanded":"false"}:{}},M(x.clip,18));Z.append(T,a("div",{class:"ckw-msgr-tools"},ge,a("span",{class:"ckw-msgr-sp"}),We)),Z.addEventListener("click",e=>e.target===Z&&T.focus()),W.append(Z);let ee=a("input",{type:"file",accept:ct.join(","),multiple:"",hidden:"",tabindex:"-1","aria-hidden":"true"});W.append(ee);let Ee=a("div",{class:"ckw-msgr-files",role:"list","aria-label":"Files to send"}),P=[],te=new Map,Je=e=>{var t;return (t=te.get(e))!=null?t:k().attachmentUrl(e)},zt=e=>{e.ctrl.abort(),[...te.values()].includes(e.local)||URL.revokeObjectURL(e.local);},Mt=e=>{P=P.filter(t=>t!==e),zt(e);},Le=e=>{j="";for(let t of e){let n=t.name||"screenshot.png";if(P.length>=lt){j=`Up to ${lt} files per message.`;break}if(!ct.includes(t.type)){j="Only pictures (PNG, JPEG, WebP, GIF) and PDFs can be sent.";continue}if(t.size>Jt){j=`${n} is larger than 10 MB.`;continue}let l={key:`local-${Date.now().toString(36)}${Math.random().toString(36).slice(2,7)}`,name:n,type:t.type,size:t.size,local:URL.createObjectURL(t),up:Promise.resolve(),ctrl:new AbortController};l.up=k().uploadChatFile(t,l.ctrl.signal).then(c=>{l.id=c.id,I();},c=>{c.name!=="AbortError"&&(Mt(l),j=`${l.name}: ${c.message}`,I());}),P.push(l);}z&&u!=="messages"?A("messages"):I(),T.focus();},Ct="",kr=()=>{let e=P.map(t=>`${t.key}:${t.id?1:0}`).join(",");e!==Ct&&(Ct=e,Ee.replaceChildren(...P.map(t=>{let n=a("button",{type:"button",class:"ckw-msgr-file-x","aria-label":`Remove ${t.name}`},M(x.cross,12));n.addEventListener("click",()=>{Mt(t),I(),T.focus();});let l=t.type.startsWith("image/")?a("img",{src:t.local,alt:""}):a("span",{class:"ckw-msgr-file-doc"},M(x.doc,18),a("span",{},t.name));return a("div",{class:"ckw-msgr-file",role:"listitem",title:t.name,"aria-label":t.id?t.name:`${t.name}, uploading`,...t.id?{}:{"aria-busy":"true"}},l,n)}))),P.length?Ee.isConnected||W.insertBefore(Ee,Z):Ee.remove();},mr=async()=>{var l;let e;try{e=await navigator.mediaDevices.getDisplayMedia({video:{displaySurface:"browser"},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include"});}catch(c){c.name!=="NotAllowedError"&&c.name!=="AbortError"&&(j="The screenshot did not work here. Attach a picture instead.",I());return}H.style.visibility="hidden";let t=null;try{let c=document.createElement("video");c.muted=!0,c.playsInline=!0,c.srcObject=e,await c.play(),await new Promise(d=>setTimeout(d,300));let w=c;await new Promise(d=>w.requestVideoFrameCallback?w.requestVideoFrameCallback(()=>d()):requestAnimationFrame(()=>d()));let b=document.createElement("canvas");b.width=c.videoWidth,b.height=c.videoHeight,(l=b.getContext("2d"))==null||l.drawImage(c,0,0);let f=(d,E)=>new Promise(K=>b.toBlob(K,d,E));t=await f("image/png"),t&&t.size>4.5*1024*1024&&(t=await f("image/jpeg",.9));}catch(c){t=null;}finally{for(let c of e.getTracks())c.stop();H.style.visibility="";}if(!t||!t.size)return j="The screenshot did not work here. Attach a picture instead.",I();let n=new Date().toISOString().slice(0,16).replace(/[:T]/g,"-");Le([Object.assign(t,{name:`screenshot-${n}.${t.type==="image/png"?"png":"jpg"}`})]);},re=a("div",{class:"ckw-msgr-menu ckw-msgr-amenu",role:"menu"}),Qe=()=>re.isConnected&&!re.hasAttribute("data-out"),Te=()=>{ge.setAttribute("aria-expanded","false"),ze(re,120);},St=(e,t,n)=>{let l=a("button",{type:"button",class:"ckw-msgr-menu-i",role:"menuitem"},M(e,15),a("span",{},t));return l.addEventListener("click",c=>{c.stopPropagation(),Te(),n();}),l};ge.addEventListener("click",e=>{var t;if(e.stopPropagation(),ke.unlock(),!Ge)return ee.click();if(Qe())return Te();re.replaceChildren(St(x.image,"Photo or file",()=>ee.click()),St(x.screen,"Screenshot of this page",()=>{mr();})),ge.setAttribute("aria-expanded","true"),ye(re,W),(t=re.querySelector("button"))==null||t.focus();}),ee.addEventListener("change",()=>{var e;Le([...(e=ee.files)!=null?e:[]]),ee.value="";});let fr=a("a",{class:"ckw-msgr-powered",href:Qt,target:"_blank",rel:"noopener"},"Powered by ",a("b",{},"MRRocket")),At=a("ol",{class:"ckw-msgs","aria-live":"polite","aria-label":"Messages"}),Et=()=>{var e;return m&&!((e=r.user())!=null&&e.email)&&!(h!=null&&h.hasEmail)},Xe=()=>!_.value.trim()||Hr.test(_.value.trim()),Ze=()=>(!!T.value.trim()||P.length>0)&&Xe(),A=e=>{let t=JSON.stringify(e)!==JSON.stringify(u);u=e,$e=-1,I(),t&&Ue(v,"ckw-msgr-enter"),e==="messages"?(qe(),le(),T.focus()):e==="help"&&tt.focus(),ne(0);},ur=(e,t)=>{let n=a("img",{src:e,alt:t,loading:"lazy"});return n.addEventListener("load",()=>{v.scrollHeight-v.scrollTop-v.clientHeight<n.clientHeight+120&&(v.scrollTop=v.scrollHeight);}),n},Lt=(e,t=false)=>{var c,w,b;let n=t&&Date.now()-Date.parse(e.at)>=pt,l=a("li",{class:"ckw-msg","data-from":e.from==="visitor"?"me":"them"},e.body||!((c=e.attachments)!=null&&c.length)?a("div",{class:"ckw-bubble"},e.body):null);t&&l.setAttribute("aria-busy","true"),(w=e.attachments)!=null&&w.length&&l.append(a("div",{class:"ckw-msg-files"},...e.attachments.map(f=>f.type.startsWith("image/")?a("a",{class:"ckw-msg-img",href:Je(f.id),target:"_blank",rel:"noopener",title:f.name},ur(Je(f.id),f.name)):a("a",{class:"ckw-msgr-cite",href:Je(f.id),target:"_blank",rel:"noopener"},M(x.doc,14),a("span",{},f.name)))));for(let f of (b=e.articles)!=null?b:[]){let d=a("button",{type:"button",class:"ckw-msgr-cite"},M(x.doc,14),a("span",{},f.title));d.addEventListener("click",()=>A({article:f.id})),l.append(d);}return l.append(a("span",{class:"ckw-msg-meta"},e.from==="ai"?lr():null,`${e.from!=="visitor"?`${$[e.from]} \xB7 `:""}${n?"Sending\u2026":gt(e.at)}`)),l},br=e=>{let t=a("button",{type:"button",class:"ckw-msgr-art"},a("span",{class:"ckw-msgr-art-t"},e.title),M(x.next,14));return t.addEventListener("click",()=>A({article:e.id})),t},Tt=(e,t,n,l)=>{let c=a("button",{type:"button",class:"ckw-msgr-hrow"},a("span",{class:"ckw-msgr-hrow-main"},a("b",{},e),t?a("span",{class:"ckw-msgr-hrow-sub"},t):null,n?a("span",{class:"ckw-msgr-hrow-meta"},n):null),M(x.next,16));return c.addEventListener("click",l),c},et=((e="Search for help")=>{let t=a("label",{class:"ckw-msgr-search"}),n=a("input",{class:"ckw-msgr-search-in",type:"search",placeholder:e,"aria-label":"Search for help",maxlength:"200"});n.value=U;let l;return n.addEventListener("input",()=>{U=n.value,clearTimeout(l),l=setTimeout(()=>{if(u!=="help")return A("help");at(true);},250);}),n.addEventListener("keydown",c=>{c.key==="Enter"&&(c.preventDefault(),u!=="help"&&A("help"));}),t.append(M(x.search,16),n),t})("Search our help center\u2026"),tt=et.querySelector("input"),rt=false,at=async(e=false)=>{if(!V||rt&&!e)return;rt=true;let t=U.trim();try{let n=await k().articles(t||void 0);if(t!==U.trim())return;L=n.articles,t||(Fe=n.articles.length>0);}catch(n){L=L!=null?L:[];}finally{rt=false;}I();},ot=a("form",{class:"ckw-msgr-askq"}),ae=a("input",{class:"ckw-msgr-askq-in",placeholder:"Ask a question","aria-label":"Ask a question",maxlength:"4000",autocomplete:"off"}),nt=a("button",{type:"submit",class:"ckw-msgr-send","aria-label":"Send",disabled:""},M(x.up));ot.append(ae,nt),ae.addEventListener("input",()=>nt.disabled=!ae.value.trim()),ot.addEventListener("submit",e=>{if(e.preventDefault(),!ae.value.trim())return A("messages");T.value=ae.value,ae.value="",nt.disabled=true,A("messages"),Ze()&&st();});let hr=()=>{var w,b,f;let e=(b=(w=r.user())==null?void 0:w.name)==null?void 0:b.trim().split(/\s+/)[0],t=p.replace(/^(hi|hello|hey|hallo)( there)?\s*[!,.]*\s*/i,"").trim()||"How can we help you today?",n=a("h2",{class:"ckw-msgr-hero ckw-msgr-hello"},a("span",{},e?`Hi, ${e} `:"Hi there ",a("span",{class:"ckw-msgr-wave","aria-hidden":"true"},"\u{1F44B}")),a("span",{class:"ckw-msgr-hello-sub"},t)),l=((f=h==null?void 0:h.messages)!=null?f:[]).at(-1),c=[n,ot];if(l){let d=a("button",{type:"button",class:"ckw-msgr-card ckw-msgr-recent","aria-label":`Recent message: ${wt(l)}`},a("span",{class:"ckw-msgr-recent-row"},xe(),a("span",{class:"ckw-msgr-card-main"},a("span",{class:"ckw-msgr-card-sub ckw-msgr-recent-text"},wt(l)),a("span",{class:"ckw-msgr-card-meta"},`${l.from==="visitor"?"You":$[l.from]} \xB7 ${gt(l.at)}`)),S.length?a("span",{class:"ckw-msgr-badge"},String(S.length)):M(x.next,14)));d.addEventListener("click",()=>A("messages")),c.push(d);}if(V&&Fe!==false){let d=a("div",{class:"ckw-msgr-card ckw-msgr-card-col"}),E=(L!=null?L:[]).slice(0,3);E.length?d.append(...E.map(br)):L===null&&d.append(a("div",{class:"ckw-skel ckw-msgr-skel"})),c.push(d);}v.replaceChildren(...c);},xr=()=>{var b,f;tt.value!==U&&(tt.value=U);let e=U.trim(),t=L!=null?L:[],n=new Map;for(let d of t)n.set(d.collection,[...(b=n.get(d.collection))!=null?b:[],d]);let l=!e&&N!==null?(f=n.get(N))!=null?f:[]:null,c=e?"Search results":l?N!=null?N:"":"Most read articles",w=[a("h2",{class:"ckw-msgr-help-h"},c),et];if(L===null)w.push(a("div",{class:"ckw-skel"}));else if(t.length)e||l?w.push(a("div",{class:"ckw-msgr-hlist"},...(l!=null?l:t).map(d=>Tt(d.title,d.excerpt.startsWith(d.title)?d.excerpt.slice(d.title.length).trim():d.excerpt,e?d.collection:"",()=>A({article:d.id}))))):w.push(a("div",{class:"ckw-msgr-hlist"},...[...n].map(([d,E])=>Tt(d,E.map(K=>K.title).join(", "),`${E.length} ${E.length===1?"article":"articles"}`,()=>{N=d,A("help"),Ue(v,"ckw-msgr-enter");}))));else {let d=a("button",{type:"button",class:"ckw-btn ckw-btn-primary"},"Send us a message");d.addEventListener("click",()=>A("messages")),w.push(a("div",{class:"ckw-msgr-empty"},a("p",{},e?`Nothing found for \u201C${e}\u201D.`:"No help articles yet."),d));}if(v.childNodes[1]!==et)v.replaceChildren(...w);else {for(v.firstChild.replaceWith(w[0]);v.childNodes.length>2;)v.lastChild.remove();v.append(...w.slice(2));}},oe=null,vr=e=>{if((oe==null?void 0:oe.id)===e)return v.replaceChildren(oe.node);let t=a("article",{class:"ckw-msgr-doc"},a("div",{class:"ckw-skel"}));oe={id:e,node:t},v.replaceChildren(t),k().article(e).then(n=>{let l=a("div",{class:"ckw-msgr-rate"}),c=()=>{if(Oe.has(e))return l.replaceChildren(a("span",{},"Thanks for letting us know."));let b=a("button",{type:"button",class:"ckw-btn"},"Yes"),f=a("button",{type:"button",class:"ckw-btn"},"No"),d=E=>{Oe=new Set(Oe).add(e),c(),k().rateArticle(e,E).catch(()=>{}),E||A("messages");};b.addEventListener("click",()=>d(true)),f.addEventListener("click",()=>d(false)),l.replaceChildren(a("span",{},"Did this answer your question?"),a("span",{class:"ckw-msgr-rate-b"},b,f));};c();let w=a("button",{type:"button",class:"ckw-btn ckw-msgr-ask"},M(x.chat),"Still need help? Send us a message");w.addEventListener("click",()=>A("messages")),t.replaceChildren(a("p",{class:"ckw-msgr-doc-c"},n.collection),a("h2",{class:"ckw-msgr-doc-t"},n.title),a("p",{class:"ckw-msgr-doc-c"},`Updated ${gt(n.updatedAt)}`),a("div",{class:"ckw-msgr-doc-b"},...n.blocks.map(Ur)),l,w);}).catch(n=>{oe=null,t.replaceChildren(a("p",{class:"ckw-msgr-error"},n.message));});},$e=-1,$t="",He=-1,it=a("div",{class:"ckw-msgr-sugg"}),yr=()=>{var l,c;let e=(l=h==null?void 0:h.messages)!=null?l:[],t=[];{let w=q.map(d=>d.message),b=`${e.map(d=>d.id).join(",")}|${w.map(d=>`${d.id}:${Date.now()-Date.parse(d.at)>=pt}`).join(",")}|${Math.floor(Date.now()/6e4)}`;if(b!==$t){$t=b;let E=[...e.length||w.length?[]:[a("li",{class:"ckw-msg","data-from":"them"},a("div",{class:"ckw-bubble"},p))],...e.map(K=>Lt(K)),...w.map(K=>Lt(K,true))];He>=0&&E.slice(He).forEach(K=>K.setAttribute("data-new","")),He=E.length,At.replaceChildren(...E);}t.push(At);let f=!e.some(d=>d.from==="visitor")&&!q.length?(L!=null?L:[]).slice(0,3):[];f.length&&(it.childNodes.length!==f.length&&it.replaceChildren(...f.map(d=>{let E=a("button",{type:"button",class:"ckw-msgr-sugg-b"},d.title);return E.addEventListener("click",()=>A({article:d.id})),E})),t.push(it));}((c=h==null?void 0:h.conversation)==null?void 0:c.status)==="solved"&&!q.length&&t.push(a("p",{class:"ckw-fine ckw-msgr-note"},"This conversation is closed. Write to start a new one.")),(v.childNodes.length!==t.length||t.some((w,b)=>v.childNodes[b]!==w))&&v.replaceChildren(...t);let n=e.length+q.length;n!==$e&&($e=n,v.scrollTop=v.scrollHeight),Ae.textContent=j,j&&!Ae.isConnected?W.prepend(Ae):j||Ae.remove(),Et()?(Xe()?_.removeAttribute("aria-invalid"):_.setAttribute("aria-invalid","true"),_.isConnected||Z.insertBefore(_,T)):_.remove(),kr(),We.disabled=!Ze();},I=()=>{if(!z)return;C.dataset.view=typeof u=="string"?u:"article",wr(),u==="home"?hr():u==="messages"?yr():u==="help"?xr():vr(u.article);let e=u==="home"?[dr,Be,v]:[Be,v];e.push(u==="messages"?W:De),r.branding!==false&&e.push(fr),D.isConnected&&e.push(D),(C.childNodes.length!==e.length||e.some((t,n)=>C.childNodes[n]!==t))&&C.replaceChildren(...e);},Ht=async()=>{if(O)return;let e=O=new AbortController;try{ut(await k().chat(e.signal)),j="";}catch(t){if(t.name==="AbortError")return;z&&u==="messages"&&(j=kt(t));}finally{O===e&&(O=null);}J||(He=-1),J=true,I(),le(),ne();};function ne(e){var w,b,f;clearTimeout(he);let t=!!(h!=null&&h.messages.some(d=>d.from==="visitor"))&&((w=h==null?void 0:h.conversation)==null?void 0:w.status)!=="solved",n=(f=((b=h==null?void 0:h.messages)!=null?b:[]).filter(d=>d.from==="visitor").at(-1))==null?void 0:f.at,l=!!n&&Date.now()-new Date(n).getTime()<$r,c=e!=null?e:_e()?Er:t&&l?Lr:z||t?Tr:0;(c||e===0)&&(he=setTimeout(()=>{Ht();},c));}let jt=()=>{document.visibilityState==="visible"?ne(0):clearTimeout(he);};document.addEventListener("visibilitychange",jt);let zr=async()=>{if(!Pe){for(Pe=true;q.length;){let{message:e,files:t,email:n}=q[0];await Promise.all(t.map(c=>c.up));let l=t.filter(c=>c.id).map(c=>c.id);try{if(!e.body&&!l.length)throw new Error(j||"The file could not be sent.");let c=await k().sendChat({body:e.body,email:n,url:window.location.href.slice(0,500),...l.length?{attachments:l}:{},context:{viewport:`${window.innerWidth}\xD7${window.innerHeight}`}});O==null||O.abort(),O=null,ut(c),q.shift();for(let w of t)te.delete(w.key),URL.revokeObjectURL(w.local);}catch(c){let w=q.splice(0);T.value=[...w.map(b=>b.message.body),T.value.trim()].filter(Boolean).join(`
|
|
581
|
+
`),P=[...w.flatMap(b=>b.files.filter(f=>f.id)),...P];for(let b of w)for(let f of b.files)te.delete(f.key);j=kt(c);}I();}Pe=false,ne();}},st=()=>{let e=T.value.trim(),t=P;if(!(!e&&!t.length||!Xe())){ke.unlock();for(let n of t)te.set(n.key,n.local);q.push({message:{id:`pending-${++cr}`,from:"visitor",body:e,at:new Date().toISOString(),...t.length?{attachments:t.map(n=>({id:n.key,name:n.name,type:n.type,size:n.size}))}:{}},files:t,email:Et()&&_.value.trim()?_.value.trim():void 0}),T.value="",P=[],j="",I(),setTimeout(I,pt+50),zr();}};W.addEventListener("submit",e=>{e.preventDefault(),st();}),T.addEventListener("keydown",e=>{e.key==="Enter"&&!e.shiftKey&&!e.isComposing&&(e.preventDefault(),st());}),T.addEventListener("input",()=>We.disabled=!Ze()),T.addEventListener("paste",e=>{var n,l;let t=[...(l=(n=e.clipboardData)==null?void 0:n.files)!=null?l:[]];t.length&&(e.preventDefault(),Le(t));});let It=e=>!!e.dataTransfer&&[...e.dataTransfer.types].includes("Files");C.addEventListener("dragover",e=>{It(e)&&(e.preventDefault(),C.setAttribute("data-drop",""));}),C.addEventListener("dragleave",e=>{(!e.relatedTarget||!C.contains(e.relatedTarget))&&C.removeAttribute("data-drop");}),C.addEventListener("drop",e=>{var t,n;It(e)&&(e.preventDefault(),C.removeAttribute("data-drop"),Le([...(n=(t=e.dataTransfer)==null?void 0:t.files)!=null?n:[]]));}),_.addEventListener("input",()=>I());function we(e="home",t=false){let n=z;z=true,u=e==="help"&&!V?"home":e,$e=-1,be=true,C.toggleAttribute("data-still",t),ye(C),n&&Ue(v,"ckw-msgr-enter"),(L===null||u==="help"&&U)&&at(),I(),le(),u==="messages"&&(qe(),T.focus()),ne(0);}function ie(){if(!z)return;z=false,D.isConnected&&pe(),ze(C,200),le(),ne(),Y&&B.focus();let e=G;G=null,e&&setTimeout(e,220);}C.addEventListener("click",()=>Qe()&&Te());let Pt=e=>{e.key!=="Escape"||!z||(Qe()?(Te(),ge.focus()):Ye()?(pe(),de.focus()):ie());};return document.addEventListener("keydown",Pt),Ht(),V&&at(),le(),r.opened&&we(r.opened,true),{open:e=>we(e!=null?e:"home"),close:ie,toggle:()=>z?ie():we(),isOpen:()=>z,onClose:e=>{G=e;},destroy:()=>{clearTimeout(he);for(let e of Q.values())clearTimeout(e);O==null||O.abort();for(let e of P)zt(e);for(let e of te.values())URL.revokeObjectURL(e);document.removeEventListener("keydown",Pt),document.removeEventListener("visibilitychange",jt),H.remove();}}};window.__mrrocketMessenger={mountMessenger:sr};})();
|