https://sublake.com/_next/static/chunks/webchat-renderer-HeroCard.9417880b11962ced.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1a9653f1-3d57-4f60-95c6-2aadc73728b3",e._sentryDebugIdIdentifier="sentry-dbid-1a9653f1-3d57-4f60-95c6-2aadc73728b3")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8618],{5937:(e,t,i)=>{i.d(t,{A:()=>n});let n=(0,i(71847).A)("MessageCircle",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}]])},7122:(e,t,i)=>{i.r(t),i.d(t,{default:()=>p});var n=i(95155),a=i(12115),s=i(26497),o=i(920),r=i(65229),l=i(5937),c=i(90379),d=i(54605),u=i(23808),f=i(94178);function p(e){var t,i,r,l;let{config:d,isOpen:u,onOpen:p,onClose:x,panel:g,showWelcomeBubble:y,onWelcomeBubbleDismiss:v,responseTimeSeconds:w}=e,j=(0,f.jt)(),_=function(){let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{var e;if(!window.matchMedia)return;let i=window.matchMedia("(max-width: ".concat(767,"px)")),n=()=>t(i.matches);return n(),null==(e=i.addEventListener)||e.call(i,"change",n),()=>{var e;return null==(e=i.removeEventListener)?void 0:e.call(i,"change",n)}},[]),e}(),[N,k]=function(e){let t="sublake_hero_dismissed_"+e,[i,n]=(0,a.useState)(()=>{try{return"1"!==window.sessionStorage.getItem(t)}catch(e){return!0}});return[i,()=>{n(!1);try{window.sessionStorage.setItem(t,"1")}catch(e){}}]}(d.public_key),S=!u&&N,C=!u&&!N,I=S||u,W=(0,a.useMemo)(()=>j?{duration:.15}:{type:"spring",stiffness:300,damping:24},[j]),D=j?{duration:.12}:{type:"spring",stiffness:250,damping:28},T=Math.min(400,null!=(r=null==(t=d.dimensions)?void 0:t.width)?r:400),M=Math.min(704,null!=(l=null==(i=d.dimensions)?void 0:i.height)?l:704);function L(){u?x():N&&k()}let z="Open chat with ".concat(d.display_name);return _?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h,{visible:I,onClick:L,reduced:j}),(0,n.jsx)(s.N,{children:S&&(0,n.jsx)(o.P.div,{role:"dialog","aria-modal":"true","aria-label":"Welcome — start a chat",className:"fixed left-1/2 top-1/2 pointer-events-auto",style:{zIndex:0x7ffffff8,width:"calc(100vw - 32px)",maxWidth:360,transform:"translate(-50%, -50%)"},initial:j?{opacity:0}:{opacity:0,scale:.94},animate:j?{opacity:1,transition:{duration:.15}}:{opacity:1,scale:1,transition:W},exit:j?{opacity:0,transition:{duration:.12}}:{opacity:0,scale:.96,transition:D},children:(0,n.jsx)(b,{color:d.primary_color,greeting:d.greeting,responseTimeSeconds:w,onChatNow:p,onMaybeLater:k,onClose:k,ariaLabel:z})},"hero-mobile")}),C&&(0,n.jsx)(m,{color:d.primary_color,ariaLabel:z,onClick:p,reduced:j,showWelcomeBubble:y,onWelcomeBubbleDismiss:v,responseTimeSeconds:w,welcomeText:d.welcome_bubble_text,publicKey:d.public_key}),(0,n.jsx)(c.L,{open:u,onClose:x,children:g})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h,{visible:I,onClick:L,reduced:j}),(0,n.jsx)(s.N,{children:S&&(0,n.jsx)(o.P.div,{role:"dialog","aria-modal":"true","aria-label":"Welcome — start a chat",className:"fixed left-1/2 top-1/2 pointer-events-auto",style:{zIndex:0x7ffffff8,width:360,transform:"translate(-50%, -50%)"},initial:j?{opacity:0}:{opacity:0,scale:.94},animate:j?{opacity:1,transition:{duration:.15}}:{opacity:1,scale:1,transition:W},exit:j?{opacity:0,transition:{duration:.12}}:{opacity:0,scale:.96,transition:D},children:(0,n.jsx)(b,{color:d.primary_color,greeting:d.greeting,responseTimeSeconds:w,onChatNow:p,onMaybeLater:k,onClose:k,ariaLabel:z})},"hero")}),(0,n.jsx)(s.N,{children:u&&(0,n.jsx)(o.P.div,{className:"fixed left-1/2 top-1/2 pointer-events-auto",style:{zIndex:0x7ffffff8,width:T,height:M,background:"#fefdfb",borderRadius:20,boxShadow:"0 24px 64px rgba(0,0,0,0.18)",overflow:"hidden",display:"flex",flexDirection:"column",transformOrigin:"center",transform:"translate(-50%, -50%)"},initial:j?{opacity:0}:{opacity:0,scale:.95},animate:j?{opacity:1,transition:{duration:.15}}:{opacity:1,scale:1,transition:{type:"spring",stiffness:380,damping:30}},exit:j?{opacity:0,transition:{duration:.12}}:{opacity:0,scale:.96,transition:{type:"spring",stiffness:250,damping:32}},children:g},"panel")}),C&&(0,n.jsx)(m,{color:d.primary_color,ariaLabel:z,onClick:p,reduced:j,showWelcomeBubble:y,onWelcomeBubbleDismiss:v,responseTimeSeconds:w,welcomeText:d.welcome_bubble_text,publicKey:d.public_key})]})}function h(e){let{visible:t,onClick:i,reduced:a}=e;return(0,n.jsx)(s.N,{children:t&&(0,n.jsx)(o.P.div,{"aria-hidden":!0,onClick:i,className:"fixed inset-0 bg-black/30 backdrop-blur-sm pointer-events-auto",style:{zIndex:0x7ffffff7},initial:{opacity:0}

1,animate:{opacity:1,transition:{duration:.2*!a,ease:"easeOut"}},exit:{opacity:0,transition:{duration:.18*!a,ease:"easeOut"}}},"backdrop")})}function b(e){let{color:t,greeting:i,responseTimeSeconds:a,onChatNow:s,onMaybeLater:o,onClose:c,ariaLabel:d}=e;return(0,n.jsxs)("div",{className:"relative w-full bg-white shadow-[0_24px_64px_rgba(0,0,0,0.18)] border border-[#e5e7eb]",style:{borderRadius:20,padding:24},children:[(0,n.jsx)("button",{type:"button",onClick:c,"aria-label":"Dismiss welcome card",className:"absolute top-3 right-3 inline-flex items-center justify-center h-11 w-11 rounded-full cursor-pointer text-[#9ca3af] hover:text-[#374151] hover:bg-[#f3f4f6] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7c3aed]/40",children:(0,n.jsx)(r.A,{className:"w-4 h-4","aria-hidden":!0})}),(0,n.jsx)("div",{"aria-hidden":!0,className:"inline-flex items-center justify-center rounded-full",style:{width:40,height:40,background:t},children:(0,n.jsx)(l.A,{className:"w-[22px] h-[22px] text-white",strokeWidth:2})}),(0,n.jsx)("p",{className:"mt-3 text-[#111827]",style:{fontSize:18,fontWeight:500,lineHeight:1.3},children:"Hi! \uD83D\uDC4B"}),(0,n.jsx)("div",{className:"mt-2",children:(0,n.jsx)(u.U,{responseTimeSeconds:a})}),(0,n.jsx)("p",{className:"mt-3 text-[#475569] leading-relaxed",style:{fontSize:14,fontWeight:400},children:i}),(0,n.jsx)("button",{type:"button",onClick:s,"aria-label":d,className:"mt-5 inline-flex items-center justify-center w-full h-11 px-5 rounded-lg cursor-pointer text-white shadow-[0_4px_12px_rgba(0,0,0,0.08)] hover:brightness-110 active:brightness-95 transition-[filter] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7c3aed]/40",style:{background:t,fontSize:14,fontWeight:500},children:"Chat now"}),(0,n.jsx)("button",{type:"button",onClick:o,className:"mt-2 inline-flex items-center justify-center w-full h-11 px-3 rounded-md cursor-pointer text-[#6b7280] hover:text-[#374151] hover:bg-[#f3f4f6] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7c3aed]/40",style:{fontSize:13,fontWeight:400},children:"Maybe later"})]})}

1function m(e){let{color:t,ariaLabel:i,onClick:a,reduced:s,showWelcomeBubble:o,onWelcomeBubbleDismiss:r,responseTimeSeconds:c,welcomeText:f,publicKey:p}=e;return(0,n.jsx)("div",{className:"fixed pointer-events-none",style:{bottom:20,right:20,zIndex:0x7ffffff8},children:(0,n.jsxs)("div",{className:"relative pointer-events-auto",style:{width:56,height:56},children:[o&&(0,n.jsx)("div",{className:"absolute",style:{bottom:68,right:0},children:(0,n.jsx)(d.v,{publicKey:p,visible:o,onDismiss:r,tailSide:"right",text:f||void 0})}),(0,n.jsx)("div",{className:"absolute pointer-events-auto",style:{bottom:68,left:0},children:(0,n.jsx)(u.U,{responseTimeSeconds:c})}),(0,n.jsx)("button",{type:"button",onClick:a,"aria-label":i,className:["inline-flex items-center justify-center rounded-full text-white cursor-pointer shadow-[0_8px_16px_rgba(0,0,0,0.12)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7c3aed]/40",s?"":"hover:scale-105 transition-transform duration-200"].join(" "),style:{width:56,height:56,background:t},children:(0,n.jsx)(l.A,{className:"w-6 h-6","aria-hidden":!0,strokeWidth:2})})]})})}},23808:(e,t,i)=>{i.d(t,{U:()=>o});var n=i(95155),a=i(920),s=i(94178);function o(e){let{responseTimeSeconds:t,className:i=""}=e,o=(0,s.jt)(),r="number"==typeof t&&t>0?"Avg replies in ".concat(t<1?"".concat(Math.round(1e3*t),"ms"):t<10?"".concat(t.toFixed(1),"s"):"".concat(Math.round(t),"s")):"Typically replies instantly";return(0,n.jsxs)("span",{className:["inline-flex items-center gap-1.5 px-2 py-0.5 text-[11px] font-medium text-slate-700 bg-slate-50 border border-slate-200 rounded-full",i].join(" "),role:"status","aria-label":r,children:[(0,n.jsx)(a.P.span,{"aria-hidden":!0,className:"block w-1.5 h-1.5 rounded-full bg-[#16a34a]",animate:o?{opacity:.9}:{opacity:[.5,1,.5],transition:{duration:1.8,repeat:1/0,ease:"easeInOut"}}}),(0,n.jsx)("span",{children:r})]})}},54605:(e,t,i)=>{i.d(t,{v:()=>u});var n=i(95155),a=i(12115),s=i(26497),o=i(920),r=i(65229),l=i(94178);let c="sublake_welcome_dismissed_",d="sublake_welcome_dismiss_count_";function u(e){let{publicKey:t,text:i,visible:u,tailSide:f="right",onDismiss:p,className:h=""}=e,b=(0,l.jt)(),[m,x]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!u)return void x(!1);let e=!1,i=0;try{e="1"===window.sessionStorage.getItem(c+t),i=parseInt(window.localStorage.getItem(d+t)||"0",10)}catch(e){}if(e||Number.isFinite(i)&&i>=3)return;let n=setTimeout(()=>x(!0),3e3);return()=>clearTimeout(n)},[u,t]),(0,n.jsx)(s.N,{children:m&&u&&(0,n.jsxs)(o.P.div,{role:"status",initial:b?{opacity:0}:{opacity:0,y:8,scale:.92},animate:b?{opacity:1,transition:{duration:0}}:{opacity:1,y:0,scale:1,transition:{duration:.28,ease:l.ZW}},exit:b?{opacity:0,transition:{duration:.12}}:{opacity:0,scale:.95,transition:{duration:.18}},className:["relative inline-flex items-start gap-2.5 max-w-[260px] pl-3.5 pr-2 py-2.5 bg-white rounded-2xl shadow-[0_4px_16px_rgba(0,0,0,0.08)] border border-[#e5e7eb]",h].join(" "),children:[(0,n.jsx)("p",{className:"text-[13px] leading-snug text-[#374151] flex-1",children:i||"Hi there! Have a question?"}),(0,n.jsx)("button",{type:"button",onClick:function(){x(!1);try{window.sessionStorage.setItem(c+t,"1");let e=parseInt(window.localStorage.getItem(d+t)||"0",10)||0;window.localStorage.setItem(d+t,String(e+1))}catch(e){}p()},"aria-label":"Dismiss welcome message",className:"shrink-0 p-1 rounded-md text-[#9ca3af] cursor-pointer hover:text-[#374151] hover:bg-[#f3f4f6] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7c3aed]/40",children:(0,n.jsx)(r.A,{className:"w-3.5 h-3.5","aria-hidden":!0})}),"none"!==f&&(0,n.jsx)("span",{"aria-hidden":!0,className:["absolute bottom-[-6px] w-3 h-3 rotate-45 bg-white border-r border-b border-[#e5e7eb]","right"===f?"right-6":"left-6"].join(" ")})]})})}}}]);