PageSourceSearch

https://shipmail.to/_next/static/chunks/2b07sivque_sq.js

js shipmail.to collected 2026-10-05 02:30:19 UTC 82,960 bytes, 35 lines download raw bytes

1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="ff5218c3-633e-0cd5-4188-e687f50af0f0")}catch(e){}}();
2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,782858,e=>{"use strict";var s=e.i(783544),t=e.i(174032),a=e.i(340893),i=e.i(975157);let n=[{label:"npm",command:"npmInstallShipmail"},{label:"pip",command:"pipInstallShipmail"}];e.s(["ApiInstall",0,function(){let e=(0,t.useTranslations)("landing.apiSection"),l=(0,t.useTranslations)("landing.home.api"),r=(0,t.useTranslations)("common.controls"),[c,o]=(0,a.useState)(n[0]),[d,u]=(0,a.useState)(!1),h=(0,a.useRef)(void 0),m=e(c.command);(0,a.useEffect)(()=>()=>clearTimeout(h.current),[]);let x=async()=>{try{await navigator.clipboard.writeText(m)}catch{return}u(!0),clearTimeout(h.current),h.current=setTimeout(()=>u(!1),1500)};return(0,s.jsxs)("div",{className:"inst7",children:[(0,s.jsx)("div",{className:"inst7__seg",role:"tablist","aria-label":l("packageManager"),children:n.map(e=>(0,s.jsx)("button",{type:"button",role:"tab","aria-selected":e===c,onClick:()=>o(e),children:e.label},e.label))}),(0,s.jsxs)("code",{className:"inst7__cmd",children:[(0,s.jsx)("span",{children:"$"})," ",(0,s.jsx)("b",{children:m})]}),(0,s.jsx)("button",{type:"button",onClick:x,"aria-label":r("copyToClipboard"),className:(0,i.cn)("inst7__copy",d&&"is-copied"),children:(0,s.jsxs)("svg",{viewBox:"0 0 16 16","aria-hidden":"true",children:[(0,s.jsx)("rect",{x:"5",y:"5",width:"8",height:"8",rx:"2"}),(0,s.jsx)("path",{d:"M3 10V4a1 1 0 0 1 1-1h6"})]})}),(0,s.jsx)("span",{role:"status",className:"sr-only",children:d?r("copied"):""})]})}])},759829,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(174032);let i=[{label:"TypeScript",language:"typescript",code:`import Shipmail from "shipmail";
3
4const client = new Shipmail("sm_live_...");
5
6await client.messages.send({
7  from: "[email protected]",
8  to: ["[email protected]"],
9  subject: "Welcome aboard",
10  html: "<p>Thanks for signing up.</p>",
11});`},{label:"Python",language:"python",code:`from shipmail import Shipmail
12
13client = Shipmail("sm_live_...")
14
15client.messages.send({
16    "from": "[email protected]",
17    "to": ["[email protected]"],
18    "subject": "Welcome aboard",
19    "html": "<p>Thanks for signing up.</p>",
20})`},{label:"cURL",language:"bash",code:`curl -X POST https://shipmail.to/api/v1/messages \\
21  -H "Authorization: Bearer sm_live_..." \\
22  -H "Content-Type: application/json" \\
23  -d '{
24    "from": "[email protected]",
25    "to": ["[email protected]"],
26    "subject": "Welcome aboard",
27    "html": "<p>Thanks for signing up.</p>"
28  }'`}],n=["from","to","subject","html"],l=[["name",/"[^"]*"(?=\s*:)|\w+(?=:\s)/y],["string",/"[^"]*"|'\{|\}'/y],["keyword",/(?:import|from|const|new|await)\b/y],["function",/\w+(?=\()/y]],r=/-[HXd]\b/y,c=/^\s*"?(from|to|subject|html)"?\s*:/;function o(e){return n.some(s=>s===e)}function d(e,s,t){return e.lastIndex=t,e.exec(s)?.[0]??null}let u=i.map(e=>({label:e.label,lines:e.code.split("\n").map(e=>{let s=c.exec(e)?.[1];return{tokens:function(e){let s=[],t=0;for(;t<e.length;){let a=0===t||!/\w/.test(e.charAt(t-1)),i=0===t&&e.startsWith("curl ")?{kind:"function",text:"curl"}:null;for(let[s,n]of l){if(i)break;if("string"!==s&&!a)continue;let l=d(n,e,t);l&&(i={kind:s,text:l})}if(!i&&/\s/.test(e.charAt(t-1))){let s=d(r,e,t);s&&(i={kind:"keyword",text:s})}let n=i??{kind:"plain",text:e.charAt(t)},c=s[s.length-1];"plain"===n.kind&&c?.kind==="plain"?s[s.length-1]={kind:"plain",text:c.text+n.text}:s.push(n),t+=n.text.length}return s}(e),field:o(s)?s:null}})}));function h(e){let s=i[0].code;return(RegExp(`${e}: \\[?"([^"]*)"`).exec(s)?.[1]??"").replace(/<[^>]+>/g,"")}let m={from:h("from"),to:h("to"),subject:h("subject"),html:h("html")},x=[{type:"message.sent",time:"09:41:02",reply:!1,data:[["tracked_message_id",'"msg_8f2k1c"'],["subject",`"${m.subject}"`],["sent_at",'"2026-09-24T09:41:02Z"']]},{type:"message.delivered",time:"09:41:03",reply:!1,data:[["tracked_message_id",'"msg_8f2k1c"'],["recipients",'[{ "status": "delivered" }]']]},{type:"message.received",time:"09:52:40",reply:!0,data:[["conversation_id",'"thd_3n7q"'],["from",`{ "address": "${m.to}" }`],["subject",`"Re: ${m.subject}"`]]}];var p=e.i(975157);let f={keyword:"k",string:"s",function:"f",name:"n"};function j({entry:e}){return"request"===e.kind?(0,s.jsxs)("div",{className:"lg7",children:[(0,s.jsx)("i",{children:"→"}),(0,s.jsx)("span",{children:"POST /api/v1/messages"})]}):"response"===e.kind?(0,s.jsxs)("div",{className:"lg7",children:[(0,s.jsx)("i",{children:"←"}),(0,s.jsx)("b",{children:"200 OK"})," msg_8f2k1c · 84ms"]}):(0,s.jsxs)("div",{className:"lg7",children:[(0,s.jsx)("i",{children:"↩"}),(0,s.jsx)("span",{children:x[e.event]?.type})," ",(0,s.jsx)("b",{children:"200 OK"})]})}function v({tab:e,onTab:i,onRun:n,busy:l,mapped:r,log:c,editorRef:o,logRef:d}){let h=(0,a.useTranslations)("landing.home.api"),m=(0,t.useRef)([]);return(0,s.jsxs)("div",{ref:o,className:"ed7",children:[(0,s.jsxs)("div",{className:"ed7__bar",children:[(0,s.jsx)("div",{className:"ed7__tabs",role:"tablist","aria-label":h("codeLanguage"),onKeyDown:s=>{let t="ArrowRight"===s.key?1:"ArrowLeft"===s.key?-1:0;if(!t)return;s.preventDefault();let a=(e+t+u.length)%u.length;i(a),m.current[a]?.focus()},children:u.map((t,a)=>(0,s.jsx)("button",{ref:e=>{m.current[a]=e},type:"button",role:"tab",id:`api-tab-${a}`,"aria-selected":a===e,"aria-controls":`api-code-${a}`,tabIndex:a===e?0:-1,onClick:()=>i(a),children:t.label},t.label))}),(0,s.jsxs)("button",{type:"button",onClick:n,"aria-busy":l||void 0,className:(0,p.cn)("ed7__run",l&&"is-busy"),children:[(0,s.jsx)("i",{className:"ed7__spin","aria-hidden":"true"}),(0,s.jsx)("svg",{className:"ed7__play",viewBox:"0 0 12 12","aria-hidden":"true",children:(0,s.jsx)("path",{d:"M3 2.2v7.6L9.6 6z"})}),(0,s.jsx)("span",{children:h("run")})]})]}),u.map((t,a)=>(0,s.jsx)("pre",{id:`api-code-${a}`,role:"tabpanel","aria-labelledby":`api-tab-${a}
28`,hidden:a!==e,className:"ed7__code",children:t.lines.map((t,i)=>(0,s.jsx)("span",{"data-field":t.field??void 0,className:(0,p.cn)("ln",a===e&&t.field&&t.field===r&&"is-map"),children:0===t.tokens.length?" ":t.tokens.map((e,t)=>"plain"===e.kind?e.text:(0,s.jsx)("span",{className:f[e.kind],children:e.text},t))},i))},t.label)),(0,s.jsxs)("div",{ref:d,className:"ed7__log","aria-live":"polite",children:[(0,s.jsx)("p",{children:h("output")}),c.map(e=>(0,s.jsx)(j,{entry:e},e.id))]})]})}function g({received:e,replied:t,mapped:i,mailRef:n}){let l=(0,a.useTranslations)("landing.home.api"),r=(0,a.useTranslations)("landing.featuresSection"),c=e=>i===e?"is-map":void 0;return(0,s.jsxs)("div",{className:"mb7",children:[(0,s.jsxs)("div",{className:"mb7__bar",children:[(0,s.jsxs)("span",{className:"mb7__dots",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]}),(0,s.jsx)("b",{children:r("inbox")}),(0,s.jsx)("span",{className:"mb7__who",children:m.to})]}),(0,s.jsxs)("div",{className:"mb7__list",children:[(0,s.jsxs)("article",{ref:n,className:(0,p.cn)("mail7",e&&"is-in"),children:[(0,s.jsxs)("header",{className:"mail7__hd",children:[(0,s.jsx)("span",{className:"mail7__av","aria-hidden":"true",children:m.from.split("@")[1]?.charAt(0).toUpperCase()}),(0,s.jsxs)("div",{className:"mail7__meta",children:[(0,s.jsx)("p",{className:(0,p.cn)("mail7__from",c("from")),"data-field":"from",children:m.from}),(0,s.jsx)("p",{className:(0,p.cn)("mail7__to",c("to")),"data-field":"to",children:l("toAddress",{address:m.to})})]}),(0,s.jsx)("time",{className:"mail7__time",children:l("now")})]}),(0,s.jsx)("h3",{className:(0,p.cn)("mail7__subj",c("subject")),"data-field":"subject",children:m.subject}),(0,s.jsx)("p",{className:(0,p.cn)("mail7__body",c("html")),"data-field":"html",children:m.html}),(0,s.jsx)("span",{className:(0,p.cn)("mail7__chip",t&&"is-in"),children:l("replied")})]}),(0,s.jsxs)("div",{className:"mb7__ghost","aria-hidden":"true",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]}),(0,s.jsxs)("div",{className:"mb7__ghost","aria-hidden":"true",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]})]})]})}let w=/("(?:[^"\\]|\\.)*")(\s*:)?/g;function b({delivered:e,ticking:t,rowRefs:i}){let n=(0,a.useTranslations)("landing.featureSections.visuals");return(0,s.jsxs)("div",{className:"tl7",children:[(0,s.jsxs)("p",{className:"tl7__hd",children:[(0,s.jsx)("span",{children:n("webhooksHeader")}),(0,s.jsx)("code",{children:"POST /hooks/shipmail"})]}),(0,s.jsx)("ol",{className:"tl7__list",children:x.map((a,n)=>{let l,r=n<e;return(0,s.jsxs)("li",{ref:e=>{i.current[n]=e},tabIndex:0,className:(0,p.cn)("tl7__row",r&&"is-in",r&&t&&"is-tick"),children:[(0,s.jsx)("i",{className:"tl7__dot"}),(0,s.jsx)("code",{children:a.type}),(0,s.jsx)("span",{className:"tl7__st",children:"200"}),(0,s.jsx)("time",{children:r?a.time:"--:--:--"}),(0,s.jsx)("pre",{className:"tl7__json",children:function(e){let t=[],a=0;for(let i of e.matchAll(w)){let[,n="",l]=i;t.push(e.slice(a,i.index)),t.push((0,s.jsx)("span",{className:l?"jk":"js",children:n},i.index)),l&&t.push(l),a=i.index+i[0].length}return t.push(e.slice(a)),t}((l=a.data.map(([e,s])=>`    "${e}": ${s}`).join(",\n"),`{
29  "event_type": "${a.type}",
30  "data": {
31${l}
32  }
33}`))})]},a.type)})})]})}var y=e.i(498013);let N={received:!1,replied:!1,delivered:0,ticking:!1,busy:!1,log:[]},_={received:!0,replied:!0,delivered:x.length,ticking:!1,busy:!1,log:[{id:0,kind:"request"},{id:1,kind:"response"},...x.map((e,s)=>({id:s+2,kind:"event",event:s}))]},k="cubic-bezier(0.16, 1, 0.3, 1)",L=[{opacity:0,easing:k},{opacity:1,offset:.3,easing:k},{opacity:0}];function S(e,s,t,a){let i=(t-e)*.55;return`M${e} ${s} C${e+i} ${s} ${t-i} ${a} ${t} ${a}`}function T(e){return new Promise(s=>setTimeout(s,e))}e.s(["ApiStage",0,function(){let e=(0,t.useRef)(null),a=(0,t.useRef)(null),i=(0,t.useRef)(null),n=(0,t.useRef)(null),l=(0,t.useRef)(null),r=(0,t.useRef)([]),c=(0,t.useRef)(null),d=(0,t.useRef)(null),u=(0,t.useRef)(null),h=(0,t.useRef)([]),m=(0,t.useRef)(null),p=(0,t.useRef)(null),f=(0,t.useRef)(null),j=(0,t.useRef)(0),w=(0,t.useRef)(void 0),k=(0,t.useRef)(!1),R=(0,t.useRef)(!1),C=(0,t.useRef)(null),E=(0,t.useRef)(N),M=(0,t.useRef)([]),$=(0,y.usePrefers
33ReducedMotion)(),[A,P]=(0,t.useState)(0),[F,I]=(0,t.useState)(N),[q,B]=(0,t.useState)(null),O=(0,t.useCallback)(e=>{E.current="function"==typeof e?e(E.current):e,I(E.current)},[]),W=(0,t.useCallback)(s=>{let t=e.current?.getBoundingClientRect(),a=s.getBoundingClientRect();return{x:a.left-(t?.left??0),y:a.top-(t?.top??0),w:a.width,h:a.height}},[]),z=(0,t.useCallback)(()=>null!==c.current&&"none"!==getComputedStyle(c.current).display,[]),D=(0,t.useCallback)(()=>[...a.current?.querySelectorAll(".ed7__code:not([hidden]) .ln[data-field]")??[]],[]),H=(0,t.useCallback)((e,s,t,a,i)=>{let n="out"===e?d.current:u.current;n?.setAttribute("d",S(s,t,a,i));let l=2*("out"!==e),[r,c]=[h.current[l],h.current[l+1]];r?.setAttribute("cx",String(s)),r?.setAttribute("cy",String(t)),c?.setAttribute("cx",String(a)),c?.setAttribute("cy",String(i))},[]),J=(0,t.useCallback)(e=>{let s=a.current,t=i.current,l=n.current;if(!e||!s||!t||!l)return;let r=W(s),c=W(t),o=W(e);H("back",W(l).x,o.y+o.h/2,r.x+r.w,c.y+c.h/2)},[W,H]),V=(0,t.useCallback)(()=>{let s=e.current,t=a.current,i=l.current,n=i?.parentElement,o=D(),d=o[0],u=o[o.length-1];if(!s||!t||!i||!n||!d||!u)return;let h=s.getBoundingClientRect();c.current?.setAttribute("viewBox",`0 0 ${h.width} ${h.height}`);let m=W(t),x=W(d),p=W(u),f=W(n);H("out",m.x+m.w,(x.y+p.y+p.h)/2,f.x+i.offsetLeft,f.y+i.offsetTop+i.offsetHeight/2),J(r.current[Math.max(E.current.delivered-1,0)])},[D,W,J,H]),U=(0,t.useCallback)(e=>{C.current=e,B(e);let s=m.current;s?.classList.remove("is-on");let t=a.current,i=D().find(s=>s.dataset.field===e),n=l.current?.querySelector(`[data-field="${e}"]`);if(!e||!s||!t||!i||!n||!E.current.received||!z())return;let r=W(t),c=W(i),o=W(n);s.setAttribute("d",S(r.x+r.w-1,c.y+c.h/2,o.x-6,o.y+o.h/2)),s.classList.add("is-on")},[D,W,z]),K=(0,t.useCallback)((s,t,a)=>new Promise(i=>{let n=e.current,l="out"===t?d.current:u.current;if(!z()||!s||!l){n?.classList.remove("is-sending"),n?.offsetWidth,n?.classList.add("is-sending"),setTimeout(i,a);return}let r=l.getTotalLength(),c=performance.now(),o=2*("out"!==t),m=[l,h.current[o],h.current[o+1]];m.forEach(e=>e?.classList.add("is-live")),s.classList.add("is-on");let x=e=>{let t=Math.min(1,(e-c)/a),n=t<.5?4*t*t*t:1-(-2*t+2)**3/2,o=l.getPointAtLength(n*r);(s.setAttribute("transform",`translate(${o.x} ${o.y})`),t<1)?requestAnimationFrame(x):(s.classList.remove("is-on"),m.forEach(e=>e?.classList.remove("is-live")),i())};requestAnimationFrame(x)}),[z]),G=(0,t.useCallback)(()=>{M.current.forEach(e=>e.cancel()),M.current=[],O(N),V()},[V,O]),X=(0,t.useCallback)(()=>{G(),O(_),V()},[V,G,O]),Z=(0,t.useCallback)(async()=>{let e=++j.current,s=()=>e===j.current;if($)return void X();let t=0,a=e=>O(s=>({...s,log:[...s.log,e].slice(-5)}));if((G(),U(null),O(e=>({...e,busy:!0,log:[{id:t++,kind:"request"}]})),M.current=D().map((e,s)=>e.animate(L,{duration:900,delay:70*s,fill:"both",pseudoElement:"::after"})),await T(450),s())&&(await K(p.current,"out",800),s()))for(let[e,i]of(O(e=>({...e,received:!0,busy:!1})),a({id:t++,kind:"response"}),x.entries())){if(await T(e?850:700),!s()||(O(s=>({...s,delivered:e+1,ticking:!0,replied:s.replied||i.reply})),J(r.current[e]),await K(f.current,"back",560),!s()))return;a({id:t++,kind:"event",event:e})}},[D,X,J,$,G,U,O,K]),Y=(0,t.useCallback)(()=>{clearInterval(w.current),w.current=setInterval(()=>{k.current&&!R.current&&Z()},1e4)},[Z]),Q=(0,t.useCallback)(()=>{clearInterval(w.current),j.current++},[]);return(0,t.useEffect)(()=>{let s=e.current;if(!s)return;if($)return void X();let t=new IntersectionObserver(([e])=>{k.current=e?.isIntersecting??!1,k.current?(Z(),Y()):(Q(),O(e=>({...e,busy:!1})))},{threshold:.35});return t.observe(s),()=>{t.disconnect(),Q()}},[X,Z,$,Y,O,Q]),(0,t.useLayoutEffect)(()=>{let s=e.current;if(!s)return;let t=new ResizeObserver(()=>{V(),C.current&&U(C.current)});return t.observe(s),()=>t.disconnect()},[V,U]),(0,t.useLayoutEffect)(()=>{V(),C.current&&U(C.current)},[A,V,U]),(0,s.jsxs)("div",{ref:e,className:"api7__stage reveal",onPointerOver:e=>{R.current=!0;let s=e.target instanceof Element?e.target.closest("[data-field]")?.getAttribute("data-field"):null,t=o(s)?s:null;t!==C.current&&U(t)},onPointerLeave:()=>{R.current=!1,U(null)},children:[(0,s.jsx)(v,{tab:A,onTab:P,onRun:()=>{Z(),$||Y()},busy:F.busy,mapped:q,log:F.log,editorRef:a,logRef:i}),(0,s.jsxs)("svg",{ref:c,className:"wire7","aria-hidden":"true",children:[(0,s.jsx)("path",{ref:d,className:"wire7__rail"}),(0,s.jsx)("path",{ref:u,className:"wire7__rail wire7__rail--back"}),[0,1,2,3].map(e=>(0,s.jsx)("circle",{ref:s=>{h.current[e]=s},r:"3.5",className:"wire7__port"},e)),(0,s.jsx)("path",{ref:m,className:"wire7__map"}),(0,s.jsx)("circle",{ref:p,className:"wire7__pk",r:"4"}),(0,s.jsx)("circle",{ref:f,className:"wire7__pk wire7__pk--back",r:"3"})]}),(0,s.jsx)("i",{className:"api7__vwire","aria-hidden":"true"}),(0,s.jsxs)("div",{ref:n,className:"res7",children:[(0,s.jsx)(g,{received:F.received,replied:F.replied,mapped:q,mailRef:l}),(0,s.jsx)(b,{delivered:F.delivered,ticking:F.ticking,rowRefs:r})]})]})}],759829)},351238,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(463556),i=e.i(975157);e.s(["AskBox",0,function({question:e,providers:n,groupLabel:l}){let r=(0,t.useRef)(null),[c,o]=(0,t.useState)(0),[d,u]=(0,t.useState)(e.length);(0,t.useEffect)(()=>{let s,t=r.current?.closest("section");if(!t||matchMedia("(prefers-reduced-motion: reduce)").matches)return;u(0);let a=[],i=new IntersectionObserver(([l])=>{if(!l?.isIntersecting)return;i.disconnect();for(let s=1;s<=e.length;s++)a.push(setTimeout(()=>u(s),400+(s-1)*45));let r=0;s=setInterval(()=>{t.matches(":hover")||o(r=(r+1)%n.length)},1800)},{threshold:.5});return i.observe(t),()=>{i.disconnect(),a.forEach(clearTimeout),clearInterval(s)}},[e,n.length]);let h=n[c];return h?(0,s.jsxs)("div",{ref:r,className:"ask9__box",children:[(0,s.jsxs)("p",{className:"ask9__q",children:[(0,s.jsx)("span",{"aria-hidden":"true",children:e.slice(0,d)}),(0,s.jsx)("i",{className:"caret","aria-hidden":"true"}),(0,s.jsx)("span",{className:"sr-only",children:e})]}),(0,s.jsxs)("div",{className:"ask9__bar",children:[(0,s.jsx)("div",{role:"group","aria-label":l,className:"ask9__ais",children:n.map((e,t)=>(0,s.jsx)("a",{href:e.href,target:"_blank",rel:"noopener","aria-label":e.label,onMouseEnter:()=>o(t),onFocus:()=>
33o(t),className:(0,i.cn)("ask9__ai",t===c&&"is-on"),children:(0,s.jsx)(a.LabLogo,{src:e.logo,color:e.color})},e.id))}),(0,s.jsxs)("a",{href:h.href,target:"_blank",rel:"noopener",className:"ask9__send",children:[(0,s.jsx)("span",{children:h.label}),(0,s.jsx)("svg",{viewBox:"0 0 16 16","aria-hidden":"true",children:(0,s.jsx)("path",{d:"M8 13V3M3.5 7.5 8 3l4.5 4.5"})})]})]})]}):null}])},143864,e=>{"use strict";var s=e.i(783544),t=e.i(174032),a=e.i(340893),i=e.i(643007);let n=Symbol("cancelled");function l(e,s){let t=!0,a=(e,s)=>t?e():s(n);return s({wait:s=>new Promise((t,i)=>{e?a(t,i):setTimeout(()=>a(t,i),s)}),frame:()=>new Promise((s,t)=>{e?a(s,t):requestAnimationFrame(()=>requestAnimationFrame(()=>a(s,t)))}),instant:e,alive:()=>t}).catch(e=>{if(e!==n)throw e}),()=>{t=!1}}function r(e,s){let t=e.currentCSSZoom||1,a=e.getBoundingClientRect(),i=s.getBoundingClientRect();return{x:(i.left+i.width/2-a.left-a.width/2)/t,y:(i.top+i.height/2-a.top-a.height/2)/t}}var c=e.i(132158),o=e.i(975157);let d=["featureSections.visuals.receiptsFolder","home.assistant.folderNewsletters","home.assistant.folderWaiting"],u=[{name:"Stripe",initials:"ST",hue:250,subject:"home.assistant.mailStripe",time:"09:15",folder:0},{name:"Lena Ortiz",initials:"LO",hue:330,subject:"home.assistant.mailLena",time:"1:50 PM",folder:2},{name:"LaunchDeck",initials:"LD",hue:200,subject:"home.assistant.mailLaunchDeck",time:"1:50 PM",folder:1},{name:"Shopify",initials:"SH",hue:120,subject:"home.assistant.mailShopify",time:"11:50 AM",folder:0},{name:"Jordan Oke",initials:"JO",hue:280,subject:"home.assistant.mailJordan",time:"11:05",folder:2},{name:"Studio Nova",initials:"SN",hue:30,subject:"home.assistant.mailStudioNova",time:null,folder:1},{name:"Alex Chen",initials:"AC",hue:24,subject:"featuresSection.partnershipProposal",time:"10:42",folder:2}],h=[{name:"Lena Ortiz",subject:"home.assistant.mailLena",body:"home.assistant.draftLena"},{name:"Jordan Oke",subject:"home.assistant.mailJordan",body:"home.assistant.draftJordan"},{name:"Alex Chen",subject:"featuresSection.partnershipProposal",body:"home.assistant.draftAlex"}],m={filed:0,offsets:[],counts:[0,0,0],drafts:0},x={text:"",sent:!1,pressed:!1,marks:[]};function p({state:e,markRefs:t}){let a,i;return(0,s.jsxs)("div",{className:(0,o.cn)("ai10__bar",e.sent&&"is-sent"),"aria-hidden":"true",children:[(0,s.jsx)("svg",{className:"ai10__spark",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{d:"M12 2.5l2.1 6.4 6.4 2.1-6.4 2.1L12 19.5l-2.1-6.4L3.5 11l6.4-2.1z"})}),(0,s.jsxs)("p",{className:"ai10__text",children:[(0,s.jsx)("span",{"data-ai-text":"",children:(a=[],i=0,e.marks.forEach((s,t)=>{s.start>i&&a.push({text:e.text.slice(i,s.start),mark:null}),a.push({text:e.text.slice(s.start,s.end),mark:t}),i=s.end}),i<e.text.length&&a.push({text:e.text.slice(i),mark:null}),a).map(({text:a,mark:i},n)=>{if(null===i)return a;let l=e.marks[i]?.state??"plain";return(0,s.jsx)("mark",{ref:e=>{t.current[i]=e},className:(0,o.cn)("ai10__ph","plain"!==l&&"is-hl","used"===l&&"is-used"),children:a},n)})}),(0,s.jsx)("i",{className:"ai10__caret"})]}),(0,s.jsx)("span",{className:(0,o.cn)("ai10__send",e.pressed&&"is-press"),children:(0,s.jsx)("svg",{viewBox:"0 0 24 24",children:(0,s.jsx)("path",{d:"M12 19V5M5.5 11.5 12 5l6.5 6.5"})})})]})}let f=["ruleWhen","ruleLabel","ruleDraft"],j={shown:!1,x:0,y:0},v={card:!1,tokens:[j,j,j],snap:!1,live:!1,hit:!1,flow:!1,tags:0},g=[{subject:"featuresSection.partnershipProposal",body:"home.assistant.draftAlex"},{subject:"home.assistant.mailJordan",body:"home.assistant.draftJordan"},{subject:"home.assistant.logoSubject",body:"home.assistant.sentLogo"}],w=["traitShort","traitWarm","traitSignoff"],b={sent:0,folded:[],card:!1,traits:0,draft:!1,body:"",typing:!1};var y=e.i(498013);let N=[{title:"point1Title",body:"point1Body",scene:"ai-clean",Scene:function({playing:e,instant:n,bar:x}){let p=(0,t.useTranslations)("landing"),f=(0,t.useTranslations)("landing.home.assistant"),[j,v]=(0,a.useState)(m),g=(0,a.useRef)(null),w=(0,a.useRef)([]),b=f("promptClean");return(0,a.useEffect)(()=>{if(e)return l(n,async e=>{let{wait:s}=e;for(let[t,a]of(await x.ask(e,b,45),await s(350),u.entries())){let e=w.current[a.folder]??null,l=g.current,c=e&&l?r(l,e):{x:0,y:0};v(e=>({...e,filed:t+1,offsets:[...e.offsets,c]})),await s(380);let o=e=>({...e,counts:e.counts.map((e,s)=>s===a.folder?e+1:e)});n?v(o):(0,i.flushSync)(()=>v(o)),e&&(e.classList.remove("is-hit"),e.getBoundingClientRect(),e.classList.add("is-hit"))}for(let e of(await s(300),[1,2,3]))v(s=>({...s,drafts:e})),await s(160)})},[e,n,x,b]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"ai-folders",children:d.map((e,t)=>(0,s.jsxs)("div",{ref:e=>{w.current[t]=e},className:"ai-folder",children:[(0,s.jsx)("svg",{viewBox:"0 0 16 16",children:(0,s.jsx)("path",{d:"M2 4.5A1.5 1.5 0 0 1 3.5 3h2.6l1.4 1.5h5A1.5 1.5 0 0 1 14 6v5.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11.5z"})}),(0,s.jsx)("b",{children:p(e)}),(0,s.jsx)("span",{children:j.counts[t]})]},e))}),(0,s.jsxs)("div",{className:"ai-clean__body",children:[(0,s.jsx)("div",{ref:g,className:"ai-pile",children:u.map((e,t)=>{let a,i;return(0,s.jsxs)("div",{className:(0,o.cn)("ai-mail",t<j.filed&&"is-gone"),style:(a=j.offsets[t]??{x:0,y:0},{"--k":String(Math.min(i=Math.max(0,t-j.filed),3)),"--tx":`${a.x}px`,"--ty":`${a.y}px`,zIndex:u.length-i}),children:[(0,s.jsx)(c.LabAvatar,{initials:e.initials,hue:e.hue,className:"ai-av"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:e.name}),(0,s.jsx)("span",{children:p(e.subject)})]}),(0,s.jsx)("time",{children:e.time??f("dayMon")})]},e.name)})}),(0,s.jsx)("div",{className:"ai-drafts",children:h.map((e,t)=>(0,s.jsxs)("div",{className:(0,o.cn)("ai-card ai-draft",t<j.drafts&&"is-in"),children:[(0,s.jsxs)("p",{className:"ai-tag",children:[(0,s.jsx)("i",{}),f("draftWaiting")]}),(0,s.jsxs)("p",{className:"ai-to",children:[(0,s.jsx)("b",{children:e.name}
33)," ",f("replySubject",{subject:p(e.subject)})]}),(0,s.jsx)("p",{className:"ai-body",children:p(e.body)}),(0,s.jsxs)("div",{className:"ai-foot",children:[(0,s.jsx)("span",{className:"ai-btn",children:f("edit")}),(0,s.jsx)("span",{className:"ai-btn ai-btn--go",children:f("approve")})]})]},e.name))})]})]})}},{title:"point2Title",body:"point2Body",scene:"ai-rule",Scene:function({playing:e,instant:n,bar:d}){let u=(0,t.useTranslations)("landing.home.assistant"),h=(0,t.useTranslations)("landing"),[m,x]=(0,a.useState)(v),p=(0,a.useRef)([]);(0,a.useEffect)(()=>{if(!e)return;let s=(e,s,t)=>x(a=>({...a,snap:t,tokens:a.tokens.map((t,a)=>a===e?s:t)}));return l(n,async e=>{let{wait:t}=e;for(let s of(await d.ask(e,u("rulePrompt"),16),d.markPhrases(f.map(e=>u(e))),[0,1,2]))await t(160),d.setMark(s,"lit");for(let e of(await t(350),x(e=>({...e,card:!0})),await t(250),[0,1,2])){let a=p.current[e],l=d.markElement(e);if(a&&l&&!n){let t=r(a,l);(0,i.flushSync)(()=>s(e,{shown:!0,...t},!0)),a.getBoundingClientRect()}s(e,{shown:!0,x:0,y:0},!1),d.setMark(e,"used"),await t(220)}for(let e of(await t(500),x(e=>({...e,live:!0})),await t(600),x(e=>({...e,hit:!0})),await t(650),x(e=>({...e,flow:!0})),await t(400),[1,2]))x(s=>({...s,tags:e})),await t(200)})},[e,n,d,u]);let g=(e,t)=>{let{shown:a,x:i,y:n}=m.tokens[e]??j,l={"--tx":`${i}px`,"--ty":`${n}px`};return(0,s.jsx)("span",{ref:s=>{p.current[e]=s},className:(0,o.cn)("ai-tok",a&&"is-in"),style:l,children:u(t)})};return(0,s.jsxs)("div",{className:(0,o.cn)("contents",m.snap&&"is-snap"),children:[(0,s.jsxs)("div",{className:(0,o.cn)("ai-card ai-rcard",m.card&&"is-in",m.flow&&"is-hit"),children:[(0,s.jsxs)("div",{className:"ai-rcard__h",children:[(0,s.jsx)("b",{children:u("ruleName")}),(0,s.jsxs)("span",{className:(0,o.cn)("ai-live",m.live&&"is-in"),children:[(0,s.jsx)("i",{}),u("ruleLive")]})]}),(0,s.jsxs)("div",{className:"ai-rrow",children:[(0,s.jsx)("em",{children:u("when")}),g(0,"tokWhen")]}),(0,s.jsxs)("div",{className:"ai-rrow",children:[(0,s.jsx)("em",{children:u("then")}),g(1,"tokLabel"),(0,s.jsx)("i",{className:"ai-plus",children:"+"}),g(2,"tokDraft")]})]}),(0,s.jsx)("i",{className:(0,o.cn)("ai-wire",m.flow&&"is-in")}),(0,s.jsxs)("div",{className:(0,o.cn)("ai-card ai-hit",m.hit&&"is-in"),children:[(0,s.jsx)(c.LabAvatar,{initials:"LO",hue:330,className:"ai-av"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:h("featureSections.visuals.lenaName")}),(0,s.jsx)("span",{children:u("replySubject",{subject:u("orderSubject")})})]}),["tagOrders","tagDrafted"].map((e,t)=>(0,s.jsx)("em",{className:(0,o.cn)("ai-lbl",1===t&&"ai-lbl--ok",t<m.tags&&"is-in"),children:u(e)},e))]})]})}},{title:"point3Title",body:"point3Body",scene:"ai-voice",Scene:function({playing:e,instant:i,bar:n}){let c=(0,t.useTranslations)("landing.home.assistant"),d=(0,t.useTranslations)("landing"),[u,h]=(0,a.useState)(b),m=(0,a.useRef)(null),x=(0,a.useRef)([]);return(0,a.useEffect)(()=>{if(e)return l(i,async e=>{let{wait:s}=e;for(let t of(await n.ask(e,c("promptVoice"),40),[1,2,3]))await s(180),h(e=>({...e,sent:t}));for(let e of(await s(900),[0,1,2])){let t=x.current[e],a=m.current,i=t&&a?r(t,a):{x:0,y:0};h(e=>({...e,folded:[...e.folded,i]})),await s(90)}for(let e of(await s(300),h(e=>({...e,card:!0})),[1,2,3]))await s(220),h(s=>({...s,traits:e}));await s(400),h(e=>({...e,draft:!0})),await s(350);let t=c("voiceReply");if(i)return void h(e=>({...e,body:t}));h(e=>({...e,typing:!0}));for(let e=1;e<=t.length;e++)h(s=>({...s,body:t.slice(0,e)})),await s(20);h(e=>({...e,typing:!1}))})},[e,i,n,c]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"ai-sents",children:g.map((e,t)=>{let a=u.folded[t],i={"--tx":`${a?.x??0}px`,"--ty":`${a?.y??0}px`};return(0,s.jsxs)("div",{ref:e=>{x.current[t]=e},className:(0,o.cn)("ai-card ai-sent",t<u.sent&&"is-in",a&&"is-gone"),style:i,children:[(0,s.jsx)("small",{children:c("sentFor",{subject:c("replySubject",{subject:d(e.subject)})})}),(0,s.jsx)("p",{children:d(e.body)})]},e.body)})}),(0,s.jsxs)("div",{ref:m,className:(0,o.cn)("ai-vcard",u.card&&"is-in"),children:[(0,s.jsxs)("p",{className:"ai-vcard__k",children:[(0,s.jsxs)("i",{className:"ai-wave",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]}),(0,s.jsx)("b",{children:c("styleTitle")}),(0,s.jsx)("span",{children:c("styleLearned")})]}),(0,s.jsx)("div",{className:"ai-traits",children:w.map((e,t)=>(0,s.jsx)("span",{className:(0,o.cn)(t<u.traits&&"is-in"),children:c(e)},e))})]}),(0,s.jsxs)("div",{className:(0,o.cn)("ai-card ai-vdraft",u.draft&&"is-in"),children:[(0,s.jsxs)("p",{className:"ai-tag",children:[(0,s.jsx)("i",{}
33),c("draftFor",{subject:c("replySubject",{subject:c("mailLena")})})]}),(0,s.jsx)("p",{className:(0,o.cn)("ai-body",u.typing&&"is-typing"),children:u.body}),(0,s.jsxs)("div",{className:"ai-foot",children:[(0,s.jsxs)("span",{className:"ai-live",children:[(0,s.jsx)("i",{}),c("inYourVoice")]}),(0,s.jsx)("span",{className:"ai-btn ai-btn--go",children:c("approve")})]})]})]})}}];e.s(["AssistantStage",0,function(){let e=(0,t.useTranslations)("landing.featureSections.assistant"),i=(0,t.useTranslations)("landing.home.assistant"),n=(0,a.useRef)(null),l=(0,a.useRef)(null),r=(0,a.useRef)([]),c=(0,a.useRef)(null),d=(0,a.useRef)([]),u=(0,y.usePrefersReducedMotion)(),h=function(e){let[s,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let s=e.current;if(!s)return;let a=new IntersectionObserver(([e])=>t(e?.isIntersecting??!1),{threshold:.3});return a.observe(s),()=>a.disconnect()},[e,.3]),s}(n),m=u||h,[f,j]=(0,a.useState)(0),[v,g]=(0,a.useState)([0,0,0]),[w,b]=(0,a.useState)(x),[_,k]=(0,a.useState)(null),L=(0,a.useMemo)(()=>({ask:async({wait:e,instant:s},t,a)=>{await e(300),s&&b(e=>({...e,text:t}));for(let i=1;!s&&i<=t.length;i++)b(e=>({...e,text:t.slice(0,i)})),await e(a);await e(250),b(e=>({...e,pressed:!0})),await e(180),b(e=>({...e,pressed:!1,sent:!0}))},markPhrases:e=>b(s=>({...s,marks:e.map(e=>({start:s.text.indexOf(e),phrase:e})).filter(({start:e})=>e>=0).map(({start:e,phrase:s})=>({start:e,end:e+s.length,state:"plain"}))})),setMark:(e,s)=>b(t=>({...t,marks:t.marks.map((t,a)=>a===e?{...t,state:s}:t)})),markElement:e=>d.current[e]??null}),[]),S=(0,a.useCallback)(e=>{b(x),g(s=>s.map((s,t)=>t===e?s+1:s))},[]),T=(0,a.useRef)(f);(0,a.useEffect)(()=>{T.current=f},[f]),(0,a.useEffect)(()=>{m&&S(T.current)},[m,S]),(0,a.useEffect)(()=>{let e=l.current,s=r.current[f];e&&s&&!(e.scrollWidth<=e.clientWidth)&&e.scrollTo({left:s.offsetLeft-(e.clientWidth-s.offsetWidth)/2,behavior:u?"auto":"smooth"})},[f,u]),(0,a.useEffect)(()=>{let e=c.current;if(!e)return;let s=new ResizeObserver(()=>{let s=parseFloat(getComputedStyle(e).getPropertyValue("--w")),t=Math.min(1,e.clientWidth/s);t>0&&k(t.toFixed(4))});return s.observe(e),()=>s.disconnect()},[]);let R=e=>{j(e),m&&S(e)};return(0,s.jsxs)("div",{ref:n,className:"ai10__stage reveal",children:[(0,s.jsx)(p,{state:w,markRefs:d}),(0,s.jsx)("div",{ref:l,role:"tablist","aria-label":i("tabsLabel"),onKeyDown:e=>{let s="ArrowRight"===e.key?1:"ArrowLeft"===e.key?-1:0;if(!s)return;e.preventDefault();let t=(f+s+N.length)%N.length;R(t),r.current[t]?.focus()},className:(0,o.cn)("ai10__chips",m&&!u&&"is-run"),children:N.map((t,a)=>{let i=a===f;return(0,s.jsxs)("button",{ref:e=>{r.current[a]=e},type:"button",role:"tab",id:`assistant-tab-${a}`,"aria-selected":i,"aria-controls":`assistant-point-${a}`,tabIndex:i?0:-1,onClick:()=>R(a),className:(0,o.cn)("ai10__chip",i&&"is-on"),children:[(0,s.jsx)("i",{className:"ai10__prog",onAnimationEnd:()=>{i&&R((a+1)%N.length)}},v[a]),(0,s.jsx)("i",{className:"mk"}),(0,s.jsx)("h3",{children:e(t.title)})]},t.title)})}),(0,s.jsx)("div",{className:"ai10__caps",children:N.map((t,a)=>(0,s.jsx)("p",{id:`assistant-point-${a}`,role:"tabpanel","aria-labelledby":`assistant-tab-${a}`,"aria-hidden":a!==f,className:(0,o.cn)("sf",a===f&&"is-on"),children:e(t.body)},t.body))}),(0,s.jsx)("div",{ref:c,className:"ai10__res",style:_?{"--z":_}:void 0,"aria-hidden":"true","data-nosnippet":!0,children:(0,s.jsx)("div",{className:"ai10__fit",children:N.map(({title:e,scene:t,Scene:a},i)=>(0,s.jsx)("div",{className:(0,o.cn)("ai-sc",t,i===f&&"is-on"),children:(0,s.jsx)(a,{playing:m&&i===f,instant:u,bar:L},v[i])},e))})})]})}],143864)},982509,e=>{"use strict";var s=e.i(783544),t=e.i(340893);function a(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",children:[(0,s.jsx)("circle",{className:"g-ink",cx:"12",cy:"12",r:"9.5"}),(0,s.jsx)("path",{className:"g-cut",d:"M12 4.2c-2.2 2.2-3.3 4.8-3.3 7.8s1.1 5.6 3.3 7.8c2.2-2.2 3.3-4.8 3.3-7.8s-1.1-5.6-3.3-7.8m0 2.7c1.2 1.5 1.8 3.2 1.8 5.1s-.6 3.6-1.8 5.1c-1.2-1.5-1.8-3.2-1.8-5.1s.6-3.6 1.8-5.1"}),(0,s.jsx)("rect",{className:"g-cut",x:"3.5",y:"11.1",width:"17",height:"1.8"}
33),(0,s.jsx)("circle",{className:"g-acc g-orbit",cx:"19.5",cy:"5",r:"2.6"})]})}function i(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",children:[(0,s.jsx)("rect",{className:"g-acc g-drop",x:"7",y:"2.5",width:"10",height:"8",rx:"1.5"}),(0,s.jsx)("path",{className:"g-ink",d:"M2.5 12.5h5.8a3.7 3.7 0 0 0 7.4 0h5.8V19a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 19z"})]})}function n(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",children:[(0,s.jsx)("g",{className:"g-go",children:(0,s.jsx)("path",{className:"g-ink",d:"M9.4 4.8h3.8l7.2 7.2-7.2 7.2H9.4l7.2-7.2z"})}),(0,s.jsx)("rect",{className:"g-acc g-trail1",x:"2",y:"7.2",width:"6",height:"2.6",rx:"1.3"}),(0,s.jsx)("rect",{className:"g-acc g-trail2",x:"4",y:"14.2",width:"5",height:"2.6",rx:"1.3"})]})}var l=e.i(609504),r=e.i(914984),c=e.i(975157);let o=["acme.dev","lisbonstudio.pt","northwind.co"],d=[{type:"MX",value:"mx1.shipmail.to"},{type:"SPF",value:"v=spf1 include:…"},{type:"DKIM",value:"sm1._domainkey"},{type:"DMARC",value:"v=DMARC1; p=…"}],u=e=>({domain:e,dns:!1,rowsIn:0,rowsOk:0,done:!1,win:!1,mail:0,selected:!1,focus:!1,typed:0,press:!1,toast:!1}),h={...u(o[0]),dns:!0,rowsIn:d.length,rowsOk:d.length,done:!0,win:!0,toast:!0};e.s(["CtaScene",0,function({strings:e,setupSeconds:m}){var x;let p,f=(0,t.useRef)(null),j=(0,t.useRef)(null),v=(0,t.useRef)(null),g=(0,t.useRef)(null),w=(0,t.useRef)(null),b=(0,t.useRef)(null),y=(0,t.useRef)(null),[N,_]=(0,t.useState)(h),[k,L]=(0,t.useState)(!1);(0,t.useEffect)(()=>{let e=f.current;if(!e||matchMedia("(prefers-reduced-motion: reduce)").matches)return;let s=new IntersectionObserver(([e])=>L(e?.isIntersecting??!1));return s.observe(e),()=>s.disconnect()},[]),(0,t.useEffect)(()=>{let s=f.current,t=j.current,a=v.current,i=y.current;if(!k||!s||!t||!a||!i)return;let n=new Set,r=0,c=e=>
33new Promise(s=>{let t=window.setTimeout(()=>{n.delete(t),s()},e);n.add(t)}),h=e=>_(s=>({...s,...e})),x=(e,s)=>{i.style.transform=`translate(${Math.round(e)}px, ${Math.round(s)}px)`},p=(e,t,a)=>{if(!e)return;let i=s.getBoundingClientRect(),n=e.getBoundingClientRect();x(n.left-i.left+n.width*t,n.top-i.top+n.height*a)},N=()=>(0,l.clickPointer)(i),L=async n=>{let l,o;_(u(n)),i.classList.remove("is-on"),a.textContent="00:00",t.classList.remove("is-done"),await c(500),l=performance.now(),cancelAnimationFrame(r),o=e=>{let s=Math.min(m,Math.round((e-l)/9800*m));a.textContent=`${String(Math.floor(s/60)).padStart(2,"0")}:${String(s%60).padStart(2,"0")}`,s<m?r=requestAnimationFrame(o):t.classList.add("is-done")},r=requestAnimationFrame(o),h({dns:!0}),await c(500);for(let e=1;e<=d.length;e++)h({rowsIn:e}),await c(160);for(let e=1;e<=d.length;e++)await c(380),h({rowsOk:e});await c(250),h({done:!0}),await c(700),h({win:!0}),await c(900),h({mail:1}),await c(700),h({mail:2}),await c(500),i.style.transition="none",x(.3*s.clientWidth,.95*s.clientHeight),i.offsetWidth,i.style.transition="",i.classList.add("is-on"),await c(60),p(g.current,.55,.55),await c(1050),N(),h({selected:!0}),await c(1e3),p(w.current,.3,.5),await c(1e3),N(),h({focus:!0});for(let s=1;s<=e.reply.length;s++)h({typed:s}),await c(34);await c(250),p(b.current,.5,.5),await c(900),N(),h({press:!0}),await c(200),h({press:!1,toast:!0,focus:!1,typed:0}),await c(700),i.classList.remove("is-on"),await c(3600),h({dns:!1,win:!1,toast:!1}),await c(800)};return(async()=>{for(let e=0;;e++)await L(o[e%o.length]??o[0])})(),()=>{n.forEach(clearTimeout),cancelAnimationFrame(r)}},[k,m,e.reply]);let S=`hello@${N.domain}`,T=e=>({"--h":e});return(0,s.jsxs)("div",{ref:f,className:"cta7__stage","aria-hidden":"true","data-nosnippet":!0,children:[(0,s.jsxs)("div",{ref:j,className:"clock",children:[(0,s.jsx)("span",{children:e.setup}),(0,s.jsx)("b",{ref:v,children:"00:00"})]}),(0,s.jsxs)("div",{className:(0,c.cn)("dns",N.dns&&"is-in"),children:[(0,s.jsxs)("div",{className:"dns__head",children:[(0,s.jsx)("span",{className:"tile tile--sm",children:(0,s.jsx)(a,{})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:e.connectDomain}),(0,s.jsx)("span",{className:"mono-sm",children:N.domain})]})]}),(0,s.jsx)("ul",{className:"dns__rows",children:d.map((t,a)=>(0,s.jsxs)("li",{className:(0,c.cn)(a<N.rowsIn&&"is-in",a<N.rowsOk&&"is-ok"),children:[(0,s.jsx)("code",{children:t.type}),(0,s.jsx)("span",{className:"mono-sm",children:t.value}),(0,s.jsx)("em",{className:"state",children:a<N.rowsOk?e.verified:e.checking})]},t.type))}),(0,s.jsxs)("div",{className:(0,c.cn)("dns__done",N.done&&"is-in"),children:[(0,s.jsx)("svg",{className:"check",viewBox:"0 0 16 16",children:(0,s.jsx)("path",{d:"M3 8.5 6.5 12 13 4.5"})}),(0,s.jsx)("span",{children:(0,s.jsx)("b",{children:S})})]})]}),(0,s.jsxs)("div",{className:(0,c.cn)("win",N.win&&"is-in"),children:[(0,s.jsxs)("div",{className:"win__bar",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsxs)("span",{className:"mono-sm",children:[e.inbox," · ",(0,s.jsx)("b",{children:S})]})]}),(0,s.jsxs)("div",{className:"win__body",children:[(0,s.jsxs)("div",{className:(0,c.cn)("win__list",N.mail>0&&"has-mail"),children:[(0,s.jsx)("div",{className:"win__empty",children:(0,s.jsx)("span",{className:"tile tile--lg",children:(0,s.jsx)(i,{})})}),N.mail>1?(0,s.jsxs)("div",{ref:g,className:(0,c.cn)("row is-new",N.selected&&"is-sel"),children:[(0,s.jsx)("i",{className:"av",style:T(24),children:e.alexInitials}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:e.alexName}),(0,s.jsx)("span",{children:e.alexSubject})]}),(0,s.jsx)("time",{children:e.alexTime})]}):null,N.mail>0?(0,s.jsxs)("div",{className:"row is-new",children:[(0,s.jsx)("i",{className:"av",style:T(200),children:e.payoutInitials}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:e.payoutSender}),(0,s.jsx)("span",{children:e.payoutSubject})]}),(0,s.jsx)("time",{children:e.payoutTime})]}):null]}),(0,s.jsxs)("div",{className:(0,c.cn)("win__read",N.selected&&"is-in"),children:[(0,s.jsx)("div",{className:"read__head",children:(0,s.jsx)("b",{children:e.alexSubject})}),(0,s.jsxs)("div",{className:"read__from",children:[(0,s.jsx)("i",{className:"av",style:T(24),children:e.alexInitials}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:e.alexName}),(0,s.jsx)("span",{className:"mono-sm",children:e.alexEmail})]})]}),(0,s.jsx)("p",{children:(x=e.alexBody,(p=/\S+@\S+\.[a-z]+/.exec(x))?(0,s.jsxs)(s.Fragment,{children:[x.slice(0,p.index),(0,s.jsx)("code",{children:p[0]}),x.slice(p.index+p[0].length)]}):x)}
33),(0,s.jsxs)("div",{ref:w,className:(0,c.cn)("reply",N.focus&&"is-focus",N.focus&&"is-typing"),children:[(0,s.jsx)("span",{className:"reply__text",children:e.reply.slice(0,N.typed)}),(0,s.jsx)("span",{className:"reply__ph",children:e.writeAReply}),(0,s.jsxs)("span",{ref:b,className:(0,c.cn)("reply__send",N.press&&"is-press"),children:[(0,s.jsx)(r.IconSend,{size:14}),e.send]})]})]})]})]}),(0,s.jsxs)("div",{className:(0,c.cn)("toast",N.toast&&"is-in"),children:[(0,s.jsx)("span",{className:"tile tile--sm tile--accent",children:(0,s.jsx)(n,{})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:e.sent}),(0,s.jsx)("span",{className:"mono-sm",children:S})]})]}),(0,s.jsx)(l.MockPointer,{ref:y})]})}],982509)},678893,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(246287),i=e.i(234008),n=e.i(174032),l=e.i(132158),r=e.i(975157);function c({block:e}){let t=(0,n.useTranslations)("landing.home.newsletters"),a=(0,n.useTranslations)("landing.featureSections.visuals"),i=(0,r.cn)("nbk",`nbk--${o[e.kind]}`,e.hot&&"is-hot",e.still&&"is-still",e.typing&&"is-typing");switch(e.kind){case"heading":return(0,s.jsx)("h4",{className:i,children:e.text??a("issueTitle")});case"text":return(0,s.jsx)("p",{className:i,children:e.text??t("intro")});case"image":return(0,s.jsx)("div",{className:i});case"columns":return(0,s.jsx)("div",{className:i,children:[t("colNew"),t("colImproved")].map(e=>(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:e}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]},e))});case"quote":return(0,s.jsx)("p",{className:i,children:t("quote")});case"button":return(0,s.jsx)("span",{className:i,children:a("readMore")});case"list":return(0,s.jsxs)("ol",{className:i,children:[(0,s.jsx)("li",{children:t("list1")}),(0,s.jsx)("li",{children:t("list2")}),(0,s.jsx)("li",{children:t("list3")})]})}}let o={heading:"h",text:"t",image:"img",columns:"cols",quote:"q",button:"btn",list:"ol"},d=[{key:"heading",glyph:"h",mark:"H",label:"blockHeading"},{key:"text",glyph:"t",mark:"¶",label:"blockText"},{key:"image",glyph:"img",mark:"",label:"paletteImage"},{key:"button",glyph:"btn",mark:"",label:"paletteButton"},{key:"columns",glyph:"col",mark:"",label:"paletteColumns"},{key:"quote",glyph:"q",mark:"“",label:"blockQuote"},{key:"list",glyph:"l",mark:"",label:"blockList"},{key:"divider",glyph:"d",mark:"",label:"blockDivider"},{key:"video",glyph:"v",mark:"",label:"blockVideo"},{key:"code",glyph:"c",mark:"</>",label:"blockCode"}];function u({index:e,on:t,onPoint:a,className:i}){return(0,s.jsx)("i",{"data-mk":e,className:(0,r.cn)("anno-mk",i,t&&"is-on"),onClick:()=>a(e),onMouseEnter:()=>a(e),children:e+1})}let h=["heading","text","image","columns","quote","button"],m={run:0,blocks:[],grab:null,dim:!1,open:!1,subs:[],count:1284,agent:"idle",status:"connected",sent:!1};function x({host:e,state:o,onPoint:p}){let f=(0,n.useTranslations)("landing.home.newsletters"),j=(0,n.useTranslations)("landing.featureSections.visuals"),v=new Intl.NumberFormat((0,i.useLocale)()),[g,w]=(0,t.useState)(m);(0,a.useScene)(e,async(e,s)=>{let t=e=>w(s=>({...s,...e})),a=e=>w(s=>({...s,blocks:e(s.blocks)})),i=0,n=(e,s={})=>({key:`${e}-${i++}`,kind:e,hot:!1,still:!1,typing:!1,...s}),l=e=>a(s=>s.map((t,a)=>a===s.length-1?{...t,...e}:t)),r=async(e,t,a)=>{if(l({typing:!0}),s)l({text:t});else for(let s=1;s<=t.length;s++)l({text:t.slice(0,s)}),await e(a);l({typing:!1})};if(w(e=>({...m,run:e.run+1})),1===o){for(let a of(t({dim:!0,blocks:h.map(e=>n(e,{still:!0}))}),await e(300),t({open:!0,count:1246}),[{email:j("contactEmail"),hue:330,ago:f("ago2m")},{email:f("subscriber2"),hue:200,ago:f("ago1h")},{email:f("subscriber3"),hue:150,ago:f("ago3h")}].reverse()))await e(500*!s),w(e=>({...e,subs:[a,...e.subs]}));for(let a=1246;a<=1284&&!s;a+=2)t({count:a}),await e(35);t({count:1284})}if(0===o)for(let s of(await e(300),h))t({grab:s}),await e(380),w(e=>({...e,grab:null,blocks:[...e.blocks,n(s,{hot:!0})]})),await e(420),l({hot:!1});2===o&&(t({agent:"on"}),await e(400),t({status:"drafting"}),await e(500),a(e=>[...e,n("heading",{text:""})]),await r(e,j("issueTitle"),40),a(e=>[...e,n("text",{text:""})]),await r(e,f("intro"),16),await e(250),a(e=>[...e,n("list")]),await e(450),a(e=>
33[...e,n("button")]),await e(700),t({status:"scheduling"}),await e(700),t({sent:!0,agent:"done",status:"scheduled"}))},o);let b={connected:j("connected"),drafting:f("drafting"),scheduling:f("scheduling"),scheduled:`✓ ${j("scheduledBadge")}`}[g.status];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"ne",children:[(0,s.jsxs)("div",{className:"ne__bar",children:[(0,s.jsxs)("span",{className:"mv__dots",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]}),(0,s.jsx)("b",{children:j("issueTitle")}),(0,s.jsxs)("span",{className:"ne__mode",children:[(0,s.jsx)("i",{className:"is-on",children:f("modeWrite")}),(0,s.jsx)("i",{children:f("modeCode")})]}),(0,s.jsxs)("span",{className:(0,r.cn)("ne__send",g.sent&&"is-done"),children:[(0,s.jsx)("span",{children:f("schedule")}),(0,s.jsxs)("span",{children:["✓ ",f("scheduledAt")]})]})]}),(0,s.jsxs)("div",{className:"ne__body",children:[(0,s.jsxs)("aside",{className:"ne__pal",children:[(0,s.jsx)(u,{index:0,on:0===o,onPoint:p,className:"anno-mk--pal"}),(0,s.jsx)("p",{className:"ne__k",children:f("blocks")}),(0,s.jsx)("div",{className:"ne__grid",children:d.map(e=>(0,s.jsxs)("span",{className:(0,r.cn)(g.grab===e.key&&"is-grab"),children:[(0,s.jsx)("i",{className:(0,r.cn)("g",`g--${e.glyph}`),children:e.mark}),"paletteImage"===e.label||"paletteButton"===e.label||"paletteColumns"===e.label?j(e.label):f(e.label)]},e.key))}),(0,s.jsxs)("div",{className:(0,r.cn)("ne-agent","on"===g.agent&&"is-on","done"===g.agent&&"is-done"),children:[(0,s.jsx)(u,{index:2,on:2===o,onPoint:p}),(0,s.jsx)("i",{className:"ne-agent__logo"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:f("agentName")}),(0,s.jsx)("span",{children:b})]})]})]}),(0,s.jsx)("div",{className:"ne__canvas",children:(0,s.jsxs)("div",{className:(0,r.cn)("ne__doc",g.dim&&"is-dim"),children:[(0,s.jsxs)("p",{className:"ne__from",children:[f("fromAddress")," · ",j("issueAudience")]}),g.blocks.map(e=>(0,s.jsx)(c,{block:e},`${g.run}-${e.key}`))]})})]})]}),(0,s.jsxs)("div",{className:(0,r.cn)("ne-aud",g.open&&"is-open"),children:[(0,s.jsx)(u,{index:1,on:1===o,onPoint:p}),(0,s.jsx)("p",{className:"mv__k",children:j("audienceHeader")}),(0,s.jsx)("p",{className:"mv__big",children:v.format(g.count)}),(0,s.jsxs)("p",{className:"ne-aud__dom",children:[j("subscribersOn")," ",(0,s.jsx)("b",{children:j("yourDomain")})]}),(0,s.jsx)("div",{className:"ne-aud__list",children:g.subs.map(e=>(0,s.jsxs)("div",{className:"ne-sub",children:[(0,s.jsx)(l.LabAvatar,{className:"av5--xs",hue:e.hue,initials:e.email.charAt(0).toUpperCase()}),(0,s.jsx)("span",{children:e.email}),(0,s.jsx)("time",{children:e.ago})]},`${g.run}-${e.email}`))}),(0,s.jsx)("span",{className:"mv__up",children:j("audienceGrowth")})]})]})}var p=e.i(498013);e.s(["FeatureCallouts",0,function({notes:e}){let i=(0,p.usePrefersReducedMotion)(),n=(0,t.useRef)(null),l=(0,t.useRef)(null),c=(0,t.useRef)(null),o=(0,t.useRef)([]),[d,u]=(0,t.useState)(0),[h,m]=(0,t.useState)(!1),[f,j]=(0,t.useState)(!1),[v,g]=(0,t.useState)(null);(0,a.useFit)(c);let w=e.length,b=(0,t.useCallback)(e=>u(e),[]);return(0,t.useEffect)(()=>{let e=n.current;if(!e)return;let s=new IntersectionObserver(([e])=>m(e?.isIntersecting??!1),{threshold:.3});return s.observe(e),()=>s.disconnect()},[]),(0,t.useEffect)(()=>{if(i||!h||f)return;let e=window.setTimeout(()=>u(e=>(e+1)%w),8e3);return()=>window.clearTimeout(e)},[i,h,f,d,w]),(0,t.useEffect)(()=>{let e=l.current;if(!e)return;let s=window.matchMedia("(min-width: 1101px)"),t=()=>g(s.matches?function(e,s){let t=e.getBoundingClientRect(),[a,i,n]=s.map((s,a)=>{let i=e.querySelector(`[data-mk="${a}"]`);if(!s||!i)return null;let n=i.getBoundingClientRect();return{mx:n.left+n.width/2-t.left,my:n.top+n.height/2-t.top,h:s.offsetHeight,left:s.offsetLeft,width:s.offsetWidth}});if(!a||!i||!n)return null;let l=[20,20,Math.max(20+a.h+24,Math.min(n.my-n.h-36,t.height-n.h-20))],r=[{x1:a.left+a.width/2,y1:20+a.h,x2:a.mx,y2:a.my},{x1:i.left,y1:20+i.h/2,x2:i.mx,y2:i.my},{x1:n.left+n.width,y1:(l[2]??0)+n.h/2,x2:n.mx,y2:n.my}];return{tops:l,lines:r}}(e,o.current):null),a=new ResizeObserver(t);return a.observe(e),s.addEventListener("change",t),document.fonts.ready.then(t),t(),()=>{a.disconnect(),s.removeEventListener("change",t)}},[]),(0,s.jsxs)("div",{ref:n,className:"anno reveal",onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),children:[(0,s.jsxs)("div",{ref:l,className:"anno__fig",style:{"--bg":'url("/marketing/lab/abs-fog.jpg")'},children:[(0,s.jsx)("div",{ref:c,className:"sc sc-news","aria-hidden":"true","data-nosnippet"
33:!0,children:(0,s.jsx)("div",{className:"sc-fit",children:(0,s.jsx)(x,{host:c,state:d,onPoint:b})})}),(0,s.jsx)("svg",{className:"anno__lines","aria-hidden":"true",children:v?.lines.map((e,t)=>(0,s.jsxs)("g",{className:(0,r.cn)(t===d&&"is-on"),children:[(0,s.jsx)("path",{d:`M${e.x1} ${e.y1} L${e.x2} ${e.y2}`}),(0,s.jsx)("circle",{cx:e.x1,cy:e.y1,r:"2.5"})]},t))})]}),(0,s.jsx)("div",{className:"anno__notes",children:e.map((e,t)=>(0,s.jsxs)("button",{ref:e=>{o.current[t]=e},type:"button","aria-pressed":t===d,className:(0,r.cn)("anno__note",t===d&&"is-on"),style:v?{top:v.tops[t]}:void 0,onClick:()=>b(t),onMouseEnter:()=>b(t),children:[(0,s.jsx)("span",{className:"anno__n",children:t+1}),(0,s.jsx)("h3",{children:e.title}),(0,s.jsx)("p",{className:"sf",children:e.body})]},e.title))})]})}],678893)},929735,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(174032),i=e.i(975157);let n=[["en","langEn"],["fr","langFr"],["es","langEs"]],l=["slot1","slot2","slot3","slot4"];function r({scene:e,pickRef:t}){let c=(0,a.useTranslations)("landing.home.calendar"),o=(0,a.useTranslations)("landing.featureSections.visuals"),d=[{key:"meet",mark:"gm",url:o("meetUrl")},{key:"zoom",mark:"zm",url:o("zoomUrl")}],u=[...n.map(([e,s])=>[e,o(s)]),["de",c("langDe")]];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:(0,i.cn)("cb",e.book&&"is-in"),children:[(0,s.jsx)("p",{className:"cb__k",children:c("officeHours")}),(0,s.jsx)("p",{className:"cb__meta",children:c("bookingMeta")}),(0,s.jsx)("p",{className:"cb__day",children:c("bookingDay")}),(0,s.jsx)("div",{className:"cb__slots",children:l.map(a=>"slot3"===a?(0,s.jsx)("span",{ref:t,className:(0,i.cn)(e.pick&&"is-on"),children:c(a)},a):(0,s.jsx)("span",{children:c(a)},a))}),(0,s.jsxs)("div",{className:(0,i.cn)("cb__done",e.done&&"is-in"),children:[(0,s.jsxs)("div",{className:"ui__event",children:[(0,s.jsx)("i",{className:"evbar"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:o("eventTitle")}),(0,s.jsx)("span",{children:o("eventTime")})]})]}),d.map((t,a)=>(0,s.jsxs)("div",{className:(0,i.cn)("ui__link",e.links>a&&"is-in"),children:[(0,s.jsx)("span",{className:t.mark}),(0,s.jsx)("span",{className:"m",children:t.url}),(0,s.jsx)("span",{className:"ok",children:"✓"})]},t.key))]})]}),(0,s.jsxs)("div",{className:(0,i.cn)("ci",e.invite&&"is-in"),children:[(0,s.jsxs)("div",{className:"ci__top",children:[(0,s.jsx)("p",{className:"ci__k",children:o("invitationLabel")}),(0,s.jsx)("div",{className:"ci__langs",children:u.map(([t,a])=>(0,s.jsx)("span",{className:(0,i.cn)(e.lang===t&&"is-on"),children:a},t))})]}),(0,s.jsxs)("div",{className:(0,i.cn)("ci__body",e.swap&&"is-swap"),children:[(0,s.jsx)("p",{className:"ci__t",children:c(`invite.${e.copy}.title`)}),(0,s.jsx)("p",{className:"ci__when",children:c(`invite.${e.copy}.when`)}),(0,s.jsx)("p",{className:"ci__q",children:c(`invite.${e.copy}.quote`)}),(0,s.jsxs)("div",{className:"ci__btns",children:[(0,s.jsx)("span",{children:c(`invite.${e.copy}.add`)}),(0,s.jsx)("span",{children:c(`invite.${e.copy}.reschedule`)})]})]}),(0,s.jsx)("p",{className:"ci__to",children:c("inviteTo",{email:o("contactEmail")})})]})]})}var c=e.i(132158);let o=(e,s,t)=>({"--c":e,"--r":s,"--s":t}),d=[{tone:"v",c:1,r:1,s:2,title:"weeklyPlanning",time:"weeklyPlanningTime",mt:!0},{tone:"g",c:2,r:2,s:1,title:"supplierCall",mt:!0},{tone:"b",c:4,r:3,s:2,title:"newLeadReview",time:"newLeadReviewTime"},{tone:"o",c:3,r:8,s:2,title:"lunchNina",time:"lunchNinaTime"},{tone:"v",c:1,r:10,s:3,title:"productPhotos",time:"productPhotosTime",mt:!0},{tone:"o",c:2,r:11,s:2,title:"productDemo",mt:!0},{tone:"g",c:4,r:5,s:2,title:"partnerCoffee",time:"partnerCoffeeTime"},{tone:"b",c:5,r:1,s:2,title:"shipOrders"},{tone:"v",c:3,r:14,s:2,title:"websiteCopy"},{tone:"g",c:5,r:12,s:1,title:"printPickup"}],u=[{c:2,r:5,s:4,hue:40,who:"Maya",mt:!0},{c:4,r:9,s:3,hue:260,who:"Jordan"},{c:5,r:5,s:4,hue:40,who:"Maya"},{c:3,r:3,s:3,hue:260,who:"Jordan"}],h=[["dayMon",10],["dayTue",11],["dayWed",12],["dayThu",13],["dayFri",14]],m=["hour9","hour10","hour11","hour12","hour13","hour14","hour15","hour16"];function x({team:e,event:t,free:n}){let l=(0,a.useTranslations)("landing.home.calendar"),r=(0,a.useTranslations)("landing.featureSections.visual
33s");return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"cw__head",children:[(0,s.jsx)("span",{}),h.map(([e,t],a)=>(0,s.jsxs)("span",{className:(0,i.cn)(a<2&&"wk-mt"),children:[l(e)," ",(0,s.jsx)("b",{className:(0,i.cn)(13===t&&"is-today"),children:t})]},e))]}),(0,s.jsxs)("div",{className:"cw__grid",children:[(0,s.jsx)("div",{className:"cw__hours",children:m.map(e=>(0,s.jsx)("span",{children:l(e)},e))}),d.map(e=>(0,s.jsxs)("div",{className:(0,i.cn)("ce",`ce--${e.tone}`,"mt"in e&&"wk-mt"),style:o(e.c,e.r,e.s),children:[l(e.title),"time"in e?(0,s.jsx)("small",{children:l(e.time)}):null]},e.title)),u.map((t,a)=>(0,s.jsxs)("div",{className:(0,i.cn)("tm","mt"in t&&"wk-mt",e>a&&"is-in"),style:o(t.c,t.r,t.s),children:[(0,s.jsx)(c.LabAvatar,{className:"av5--xs",hue:t.hue,initials:"Maya"===t.who?r("initialsM"):r("initialsJ")}),"Maya"===t.who?r("teammateMaya"):r("teammateJordan")]},`${t.c}-${t.r}`)),(0,s.jsxs)("div",{className:(0,i.cn)("ce ce--new",t&&"is-in"),style:o(4,11,1),children:[r("eventTitle"),(0,s.jsx)("small",{children:l("introTime")})]}),(0,s.jsx)("div",{className:(0,i.cn)("freeslot",n&&"is-in"),style:o(4,13,2),children:(0,s.jsx)("span",{children:r("slotWorks")})})]})]})}var p=e.i(246287),f=e.i(609504);let j={overlay:!1,team:0,free:!1,book:!1,pick:!1,done:!1,links:0,event:!1,invite:!1,lang:"fr",copy:"fr",swap:!1};function v({host:e,state:n}){let l=(0,a.useTranslations)("landing.home.calendar"),[c,o]=(0,t.useState)(j),d=(0,t.useRef)(null),u=(0,t.useRef)(null),h=(0,t.useRef)(null),m=(0,t.useRef)(null);return(0,p.useScene)(e,async(e,s)=>{let t=e=>o(s=>({...s,...e})),a=u.current,i=async(e,t,i,n,l)=>{let r=d.current?.parentElement;!s&&a&&r&&t&&((0,p.pointerFrom)(a,r,i[0],i[1],s),await e(60),(0,p.pointerTo)(a,r,t,n,l),await e(950),(0,f.clickPointer)(a))};if(a?.classList.remove("is-on"),o(j),await e(350),0===n){t({book:!0}),await e(600),await i(e,h.current,[.62,.9],.55,.6),t({pick:!0}),await e(350),t({done:!0,event:!0}),a?.classList.remove("is-on");for(let s=1;s<=2;s++)await e(650),t({links:s})}if(1===n){await i(e,m.current,[.45,.55],.12,.5),t({overlay:!0}),await e(250),a?.classList.remove("is-on");for(let s=1;s<=4;s++)await e(220),t({team:s});await e(600),t({free:!0})}if(2===n)for(let s of(t({event:!0}),await e(300),t({invite:!0}),["es","de","fr"]))await e(1500),t({swap:!0,lang:s}),await e(200),t({copy:s,swap:!1})},n),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{ref:d,className:"cw",children:[(0,s.jsxs)("div",{className:"cw__bar",children:[(0,s.jsx)("span",{className:"cw__today",children:l("today")}),(0,s.jsx)("span",{className:"cw__nav",children:"‹"}),(0,s.jsx)("b",{className:"cw__month",children:l("month")}),(0,s.jsx)("span",{className:"cw__nav",children:"›"}),(0,s.jsxs)("span",{ref:m,className:(0,i.cn)("cw__overlay",c.overlay&&"is-on"),children:[(0,s.jsx)("i",{className:"cw__switch"}),l("overlay")]}),(0,s.jsxs)("span",{className:"cw__views",children:[(0,s.jsx)("i",{className:"is-on",children:l("viewWeek")}),(0,s.jsx)("i",{children:l("viewMonth")}),(0,s.jsx)("i",{children:l("viewDay")})]}),(0,s.jsx)("span",{className:"cw__new",children:l("newEvent")})]}),(0,s.jsx)(x,{team:c.team,event:c.event,free:c.free})]}),(0,s.jsx)(r,{scene:c,pickRef:h}),(0,s.jsx)(f.MockPointer,{ref:u})]})}var g=e.i(645430);function w({ref:e,mail:t,selected:a,children:n}){let l={"--h":t.hue};return(0,s.jsxs)("div",{ref:e,className:(0,i.cn)("mrow",a&&"is-sel"),children:[(0,s.jsx)("i",{className:"av",style:l,children:t.initials}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:t.name}),(0,s.jsx)("span",{children:t.subject})]}),(0,s.jsx)("time",{children:t.time}),n]})}let b=[{key:"hello",label:"boxHello",dot:"dot--a"},{key:"orders",label:"boxOrders",dot:"dot--b"},{key:"support",label:"boxSupport",dot:"dot--c"}],y=["clientAppleMail","clientOutlook","clientThunderbird"],N={rows:[],box:"hello",orders:0,selected:!1,assigned:!1,rules:0};function _({host:e}){let n=(0,a.useTranslations)("landing.home.webmail"),l=(0,a.useTranslations)("landing.featureSections.visuals"),[r,c]=(0,t.useState)(N),o=(0,t.useRef)(null),d=(0,t.useRef)(null),u=(0,t.useRef)(null),h=(e,s,t,a,i,n,l)=>
33({key:`${e}-${s}`,name:t,subject:a,initials:i,hue:n,time:l});return(0,p.useScene)(e,async(e,s)=>{let t=e=>c(s=>({...s,...e}));for(let a=0;;a++){let i=h("alex",a,n("alexName"),n("alexSubject"),n("initialsAc"),24,n("alexTime")),r=h("stripe",a,n("stripeName"),n("stripeSubject"),n("initialsSt"),250,n("stripeTime")),m=h("nova",a,n("novaName"),n("novaSubject"),n("initialsSn"),30,n("novaTime")),x=h("jordan",a,n("jordanName"),n("jordanSubject"),n("initialsJo"),280,n("jordanTime")),j=h("lena",a,l("lenaName"),l("lenaSubject"),l("initialsLo"),330,l("lenaTime"));c({...N,rows:[i,r,m]}),await e(500),t({rows:[x,i,r,m]}),await e(700),t({box:"orders",orders:1,rows:[j,x,i,r,m]}),await e(700);let v=o.current,g=d.current;v&&g&&(0,p.pointerFrom)(g,v,.45,1.05,s),await e(60),v&&g&&u.current&&(0,p.pointerTo)(g,v,u.current,.4,.5),await e(1e3),g&&(0,f.clickPointer)(g),t({selected:!0}),await e(300),t({assigned:!0}),await e(900),g?.classList.remove("is-on");for(let s=1;s<=2;s++)await e(450),t({rules:s});if(await e(3600),s)return}},0),(0,s.jsxs)("div",{ref:o,className:"wx-app",children:[(0,s.jsxs)("aside",{className:"app__side",children:[b.map(e=>(0,s.jsxs)("div",{className:(0,i.cn)("app__box",r.box===e.key&&"is-on"),children:[(0,s.jsx)("i",{className:(0,i.cn)("dot",e.dot)}),n(e.label),(0,s.jsx)("b",{children:"hello"===e.key?2:"orders"===e.key?r.orders:1})]},e.key)),(0,s.jsxs)("div",{className:"app__rules",children:[(0,s.jsx)("small",{children:l("rulesHeader")}),[[l("fromStripe"),l("receiptsFolder")],[l("ruleNewsletters"),l("readingFolder")]].map(([e,t],a)=>(0,s.jsxs)("div",{className:(0,i.cn)("rule",r.rules>a&&"is-in"),children:[(0,s.jsx)("span",{className:"mono-sm",children:e}),(0,s.jsx)("span",{className:"rule__arrow",children:"→"}),(0,s.jsx)("b",{children:t})]},t))]})]}),(0,s.jsx)("div",{className:"app__list",children:r.rows.map(e=>(0,s.jsx)(w,{ref:e.key.startsWith("lena")?u:void 0,mail:e,selected:e.key.startsWith("lena")&&r.selected,children:e.key.startsWith("lena")&&r.assigned?(0,s.jsxs)("div",{className:"assign",children:[(0,s.jsx)("em",{children:l("assignedToMaya")}),(0,s.jsx)("em",{className:"note",children:l("noteWaitingTracking")})]}):null},e.key))}),(0,s.jsxs)("div",{className:"wx-clients",children:[y.map(e=>(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"appicon",children:(0,s.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,s.jsx)("rect",{className:"g-ink",x:"2.5",y:"5.5",width:"19",height:"14",rx:"2.5"}),(0,s.jsx)("path",{className:"g-cut",d:"M4.5 9.2 12 14l7.5-4.8v2.4L12 16.4 4.5 11.6z"}),(0,s.jsx)("path",{className:"g-acc",d:"M3 6.2h18L12 12.4z"})]})}),(0,s.jsx)("b",{children:l(e)}),(0,s.jsx)("em",{children:l("connected")})]},e)),(0,s.jsx)("p",{children:l("protocols")})]}),(0,s.jsxs)("div",{className:"wx-sched",children:[(0,s.jsxs)("svg",{viewBox:"0 0 16 16",children:[(0,s.jsx)("circle",{cx:"8",cy:"8",r:"6"}),(0,s.jsx)("path",{d:"M8 5v3l2 1.5"})]}),l("sendsMonday")]}),(0,s.jsx)(f.MockPointer,{ref:d})]})}let k=["team","rules","apps"];e.s(["FeaturePoints",0,function({scene:e,points:a}){let n=(0,t.useRef)(null),l=(0,t.useRef)(null),r=(0,g.useShow)(n,a.length);(0,p.useFit)(l);let c="webmail"===e,o={"--bg":`url("/marketing/lab/${c?"abs-folds":"abs-ink"}.jpg")`};return(0,s.jsxs)("div",{ref:n,className:(0,i.cn)("show reveal",!c&&"show--side",r.paused&&"is-paused"),children:[(0,s.jsx)("div",{ref:l,"aria-hidden":"true","data-nosnippet":!0,className:(0,i.cn)("show__stage sc sc-stage",c?"sc-web":"sc-cal"),"data-focus":c?k[r.current]:void 0,style:o,...r.hover,children:(0,s.jsx)("div",{className:"sc-fit",children:c?(0,s.jsx)(_,{host:l}):(0,s.jsx)(v,{host:l,state:r.current})})}),(0,s.jsx)("div",{className:"show__tabs",children:a.map((e,t)=>(0,s.jsxs)(g.ShowTab,{on:t===r.current,onSelect:()=>r.go(t),onDone:r.next,children:[(0,s.jsxs)("h3",{children:[(0,s.jsx)("i",{className:"mk"}),e.title]}),(0,s.jsx)("p",{className:"sf",children:e.body})]},e.title))})]})}],929735)},246287,e=>{"use strict";var s=e.i(340893),t=e.i(498013);let a=Symbol("cancel"),i=(e,s,t)=>{e.style.transform=`translate(${Math.round(s)}px, ${Math.round(t)}px)`};e.s(["pointerFrom",0,function(e,s,t,a,n){let l=e.currentCSSZoom||1,r=s.getBoundingClientRect();e.style.transition="none",i(e,r.width*t/l,r.height*a/l),e.offsetWidth,e.style.transition="",n||e.classList.add("is-on")},"pointerTo",0,function(e,s,t,a=.5,n=.5){let l=e.currentCSSZoom||1,r=s.getBoundingClientRect(),c=t.getBoundingClientRect();i(e,(c.left-r.left+c.width*a)/l,(c.top-r.top+c.height*n)/l)},"useFit",0,function(e){(0,s.useEffect)(()=>{let s=e.current;if(!s)return;let t=()=>{let e=getComputedStyle(s),t=parseFloat(e.getPropertyValue("--w")),a=parseFloat(e.getPropertyValue("--h")),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight),n=parseFloat(e.paddingTop)+parseFloat(e.paddingBottom),l=Math.min(1,(s.clientWidth-i)/t),r=parseFloat(e.maxHeight);r>0&&a>0&&(l=Math.min(l,(r-n)/a)),l>0&&s.style.setProperty("--z",l.toFixed(4))};t();let a=new ResizeObserver(t);return a.observe(s),window.addEventListener("resize",t),()=>{a.disconnect(),window.removeEventListener("resize",t)}},[e])}
33,"useScene",0,function(e,i,n){let l=(0,t.usePrefersReducedMotion)(),[r,c]=(0,s.useState)(!1),o=(0,s.useRef)(i);(0,s.useEffect)(()=>{o.current=i}),(0,s.useEffect)(()=>{let s=e.current;if(!s)return;let t=new IntersectionObserver(([e])=>c(e?.isIntersecting??!1),{threshold:.3});return t.observe(s),()=>t.disconnect()},[e]),(0,s.useEffect)(()=>{if(r||l){var e;let s;return e=e=>o.current(e,l),s={alive:!0},e(e=>l?Promise.resolve():new Promise((t,i)=>{window.setTimeout(()=>s.alive?t():i(a),e)})).catch(e=>{if(e!==a)throw e}),()=>{s.alive=!1}}},[r,l,n])}])},645430,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(498013),i=e.i(975157);e.s(["ShowTab",0,function({on:e,onSelect:t,onDone:a,children:n}){return(0,s.jsxs)("button",{type:"button",className:(0,i.cn)("tab",e&&"is-on"),"aria-pressed":e,onClick:t,children:[(0,s.jsx)("i",{className:"tab__bar",onAnimationEnd:a}),n]})},"useShow",0,function(e,s){let i=(0,a.usePrefersReducedMotion)(),[n,l]=(0,t.useState)(0),[r,c]=(0,t.useState)(!0);return(0,t.useEffect)(()=>{let s=e.current;if(!s)return;let t=new IntersectionObserver(([e])=>c(!e?.isIntersecting),{threshold:.3});return t.observe(s),()=>t.disconnect()},[e]),{current:n,paused:r||i,go:e=>l((e%s+s)%s),next:()=>{i||l(e=>(e+1)%s)},hover:{onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1)}}}])},502099,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(174032);function i(e,s){let[a,i]=(0,t.useState)(0);return(0,t.useEffect)(()=>{if(s)return;let t=window.setTimeout(()=>i(s=>(s+1)%e.length),e[a]??0);return()=>window.clearTimeout(t)},[a,s,e]),s?e.length-1:a}var n=e.i(132158),l=e.i(280733),r=e.i(498013),c=e.i(975157);let o=[900,2400,5200];function d(){let e=(0,a.useTranslations)("landing.home.hero"),d=(0,a.useTranslations)("landing.featuresSection"),u=(0,a.useTranslations)("landing.featureSections.visuals"),h=(0,a.useTranslations)("landing.featureSections.assistant"),m=i(o,(0,r.usePrefersReducedMotion)()),x=d("assistantAnswer"),[p,f]=(0,t.useState)(0);return(0,t.useEffect)(()=>{if(2===m)return void f(x.length);if(f(0),1!==m)return;let e=window.setInterval(()=>f(e=>Math.min(x.length,e+1)),22);return()=>window.clearInterval(e)},[m,x]),(0,s.jsxs)("div",{className:(0,c.cn)("hc hc--ai",2===m&&"is-done"),"data-depth":"22",children:[(0,s.jsxs)("p",{className:"hc__hd",children:[(0,s.jsx)(l.LabIcon,{name:"assistant"}),(0,s.jsx)("b",{children:h("kicker")})]}),(0,s.jsx)("p",{className:"hc__q",children:d("assistantQuestion")}),(0,s.jsx)("p",{className:"hc__a",children:(0,s.jsx)("span",{children:x.slice(0,p)})}),(0,s.jsxs)("div",{className:"hc__cites",children:[(0,s.jsxs)("span",{children:[(0,s.jsx)(n.LabAvatar,{initials:u("initialsLo"),hue:330}),e("citeLena")]}),(0,s.jsxs)("span",{children:[(0,s.jsx)(n.LabAvatar,{initials:u("initialsJb"),hue:160}),e("citeJon")]})]})]})}let u=["slot1","slot2","slot3","slot4"],h=[1600,700,5200];function m(){let e=(0,a.useTranslations)("landing.home.hero"),t=(0,a.useTranslations)("landing.featureSections.visuals"),n=i(h,(0,r.usePrefersReducedMotion)());return(0,s.jsxs)("div",{className:(0,c.cn)("hc hc--book",2===n&&"is-done"),"data-depth":"14",children:[(0,s.jsxs)("p",{className:"hc__hd",children:[(0,s.jsx)(l.LabIcon,{name:"calendar"}),(0,s.jsx)("b",{children:e("officeHours")}),(0,s.jsx)("span",{className:"m",children:e("duration")})]}),(0,s.jsx)("p",{className:"hc__day",children:e("bookingDay")}),(0,s.jsx)("div",{className:"hc__slots",children:u.map(t=>(0,s.jsx)("span",{className:(0,c.cn)("slot3"===t&&n>0&&"is-on"),children:e(t)},t))}),(0,s.jsxs)("div",{className:"hc__ev",children:[(0,s.jsx)("i",{}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:t("eventTitle")}),(0,s.jsx)("span",{children:t("eventTime")})]})]}),(0,s.jsxs)("p",{className:"hc__meet",children:[(0,s.jsx)("span",{className:"gm"}),(0,s.jsx)("span",{className:"m",children:t("meetUrl")})]})]})}var x=e.i(463556);let p=["lena","stripe","nova"];function f(){let e=(0,a.useTranslations)("landing.home.hero"),i=(0,a.useTranslations)("landing.featureSections.visuals"),o=(0,a.useTranslations)("landing.featuresSection"),d=(0,r.usePrefersReducedMotion)(),[u,h]=(0,t.useState)(p),[m,f]=(0,t.useState)(!1);(0,t.useEffect)(()=>
33{if(d)return;let e=window.setInterval(()=>{h(e=>[...e.slice(-1),...e.slice(0,-1)]),f(!0)},3800);return()=>window.clearInterval(e)},[d]);let j={lena:{initials:i("initialsLo"),hue:330,name:i("lenaName"),subject:i("lenaSubject"),time:i("lenaTime"),chip:(0,s.jsx)("em",{className:"hc__chip",children:i("assignedToMaya")})},stripe:{initials:e("stripeInitials"),hue:250,name:e("stripeName"),subject:e("stripeSubject"),time:e("stripeTime"),chip:null},nova:{initials:e("novaInitials"),hue:30,name:e("novaName"),subject:e("novaSubject"),time:o("mon"),chip:(0,s.jsxs)("em",{className:"hc__chip hc__chip--agent",children:[(0,s.jsx)(x.LabLogo,{src:"/marketing/b/claude.svg",color:"#d97757"}),e("sentByClaude")]})}};return(0,s.jsxs)("div",{className:"hc hc--inbox","data-depth":"18",children:[(0,s.jsxs)("p",{className:"hc__hd",children:[(0,s.jsx)(l.LabIcon,{name:"webmail"}),(0,s.jsx)("b",{children:o("inbox")}),(0,s.jsx)("span",{className:"m",children:o("helloAcmeDev")})]}),(0,s.jsx)("div",{className:"hc__rows",children:u.map((e,t)=>{let a=j[e];return(0,s.jsxs)("div",{className:(0,c.cn)("hc__row",0===t&&"is-new",0===t&&m&&"is-enter"),children:[(0,s.jsx)(n.LabAvatar,{initials:a.initials,hue:a.hue}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:a.name}),(0,s.jsx)("span",{children:a.subject}),a.chip]}),(0,s.jsx)("time",{children:a.time})]},e)})})]})}let j=[1600,2600,4600];function v(){let e=(0,a.useTranslations)("landing.home.hero"),n=(0,a.useTranslations)("landing.home.showcase"),o=(0,a.useTranslations)("landing.featureSections.visuals"),d=(0,a.useTranslations)("landing.featureSections.newsletters"),u=(0,a.useFormatter)(),h=i(j,(0,r.usePrefersReducedMotion)()),[m,x]=(0,t.useState)(0);(0,t.useEffect)(()=>{if(2===h)return void x(1271);if(x(0),1!==h)return;let e=performance.now(),s=requestAnimationFrame(function t(a){let i=Math.min(1,(a-e)/2600);x(Math.round((1-(1-i)**3)*1271)),i<1&&(s=requestAnimationFrame(t))});return()=>cancelAnimationFrame(s)},[h]);let p=[o("scheduledBadge"),n("sending"),n("sent")];return(0,s.jsxs)("div",{className:(0,c.cn)("hc hc--news",h>0&&"is-sending",2===h&&"is-done"),"data-depth":"10",children:[(0,s.jsxs)("p",{className:"hc__hd",children:[(0,s.jsx)(l.LabIcon,{name:"newsletter"}),(0,s.jsx)("b",{children:d("kicker")}),(0,s.jsx)("span",{className:"hc__state",children:p[h]})]}),(0,s.jsxs)("div",{className:"hc__issue",children:[(0,s.jsx)("i",{className:"hc__img"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("b",{children:o("issueTitle")}),(0,s.jsx)("span",{children:n("issueExcerpt")})]})]}),(0,s.jsxs)("div",{className:"hc__send",children:[(0,s.jsx)("div",{className:"hc__sendk",children:(0,s.jsx)("span",{className:"m",children:n("newsAddress")})}),(0,s.jsx)("i",{className:"hc__bar",children:(0,s.jsx)("i",{style:{transform:`scaleX(${m/1284})`}})}),(0,s.jsxs)("p",{className:"hc__sendf",children:[(0,s.jsx)("span",{children:e.rich("deliveredOf",{total:u.number(1284),count:()=>(0,s.jsx)("b",{children:u.number(m)})})}),(0,s.jsx)("em",{children:o("audienceGrowth")})]})]})]})}e.s(["HeroCards",0,function(){let e=(0,t.useRef)(null);return(0,t.useEffect)(()=>{let s=e.current,t=s?.parentElement;if(!s||!t)return;let a=[...s.querySelectorAll(".hc")],i=e=>{let s=t.getBoundingClientRect();if(e.clientY>s.bottom)return;let i=(e.clientX-s.left)/s.width-.5,n=(e.clientY-s.top)/s.height-.5;for(let e of a){let s=Number(e.dataset.depth);e.style.setProperty("--px",`${-i*s}px`),e.style.setProperty("--py",`${-n*s}px`)}};return window.addEventListener("pointermove",i,{passive:!0}),()=>window.removeEventListener("pointermove",i)},[]),(0,s.jsxs)("div",{ref:e,className:"hcs","aria-hidden":"true","data-nosnippet":!0,children:[(0,s.jsx)(f,{}),(0,s.jsx)(v,{}),(0,s.jsx)(m,{}),(0,s.jsx)(d,{})]})}],502099)},218067,e=>{"use strict";var s=e.i(340893);e.s(["HomeReveal",0,function(){return(0,s.useEffect)(()=>{let e=document.querySelector(".home-lab");if(!e)return;let s=new IntersectionObserver(e=>{for(let t of e)t.isIntersecting&&(t.target.setAttribute("data-revealed",""),s.unobserve(t.target))},{threshold:.12});return e.querySelectorAll(".reveal").forEach(e=>s.observe(e)),()=>s.disconnect()},[]),null}])},132158,e=>{"use strict";var s=e.i(783544),t=e.i(975157);e.s(["LabAvatar",0,function({initials:e,hue:a,className:i}){return(0,s.jsx)("i",{className:(0,t.cn)("av5",i),style:{"--h":a},children:e})}])},463556,e=>{"use strict";var s=e.i(783544),t=e.i(975157);e.s(["LabLogo",0,function({src:e,color:a,className:i}){let n={"--src":`url("${e}")`,"--c":a};return(0,s.jsx)("i",{className:(0,t.cn)("logo",i),style:n})}])},609504,e=>{"use strict";var s=e.i(783544),t=e.i(975157);e.s(["MockPointer",0,function({ref:e,className:a,children:i}){return(0,s.jsxs)("span",{ref:e,className:(0,t.cn)("mock-ptr",a),"aria-hidden":"true",children:[(0,s.jsx)("svg",{className:"mock-ptr__arrow",viewBox:"-2 -2 16 22",width:"16",height:"22",children:(0,s.jsx)("path",{d:"M0 0v15.6l3.7-3.5 2.4 5.5 2.5-1.1-2.3-5.3h4.9z"})}),i]})},"clickPointer",0,function(e){e.classList.remove("is-click"),e.offsetWidth,e.classList.add("is-cl
33ick")}])},279939,e=>{"use strict";var s=e.i(783544),t=e.i(833785),a=e.i(340893),i=e.i(463556),n=e.i(388760),l=e.i(498013),r=e.i(975157);let c=[{logo:"apple",color:"#111",x:4,y:52,d:0},{logo:"outlook",color:null,x:20,y:14,d:.6},{logo:"gmail",color:"#ea4335",x:24,y:64,d:1.2},{logo:"thunderbird",color:"#0a84ff",x:40,y:30,d:.3},{logo:"googlecalendar",color:"#4285f4",x:60,y:10,d:1.5},{logo:"googlemeet",color:"#00897b",x:74,y:40,d:.4},{logo:"zoom",color:"#0b5cff",x:78,y:76,d:1.1},{logo:"claude",color:"#d97757",x:90,y:14,d:.7},{logo:"openai",color:"#111",x:94,y:56,d:1.4}],o={"--x":50,"--y":62,"--d":.9};function d(e,s){let t=s.getBoundingClientRect();return[t.left-e.left+t.width/2,t.top-e.top+t.height/2]}e.s(["NoLockInCloud",0,function({names:e,hubName:u}){let[h,m]=(0,a.useState)(null),x=(0,a.useRef)(null),p=(0,a.useRef)(null),f=(0,a.useRef)([]),j=(0,a.useRef)([]),v=(0,l.usePrefersReducedMotion)();return(0,a.useEffect)(()=>{let e=0,s=()=>{let t=x.current,a=p.current;if(t&&a){let e=t.getBoundingClientRect(),[s,i]=d(e,a);f.current.forEach((t,a)=>{let n=j.current[a];if(!t||!n)return;let[l,r]=d(e,t),c=(l+s)/2;n.setAttribute("d",`M${l},${r} C${c},${r} ${c},${i} ${s},${i}`)})}e=requestAnimationFrame(s)};return e=requestAnimationFrame(s),()=>cancelAnimationFrame(e)},[]),(0,a.useEffect)(()=>{if(v)return;let e=0,s=window.setInterval(()=>{x.current?.parentElement?.matches(":hover")||m(e=(e+1)%c.length)},1400);return()=>window.clearInterval(s)},[v]),(0,s.jsxs)("div",{ref:x,className:"cloud__field",children:[(0,s.jsxs)("ul",{children:[c.map((a,n)=>{let l={"--x":a.x,"--y":a.y,"--d":a.d};return(0,s.jsxs)("li",{ref:e=>{f.current[n]=e},onMouseEnter:()=>m(n),className:(0,r.cn)("tile8",h===n&&"is-hot"),style:l,children:[a.color?(0,s.jsx)(i.LabLogo,{src:`/marketing/b/${a.logo}.svg`,color:a.color}):(0,s.jsx)(t.default,{src:`/marketing/b/${a.logo}.svg`,alt:"",width:34,height:34}),(0,s.jsx)("span",{className:"sr-only",children:e[n]})]},a.logo)}),(0,s.jsxs)("li",{ref:p,className:"tile8 tile8--big",style:o,children:[(0,s.jsx)(n.LogoMark,{className:"tile8__ship"}),(0,s.jsx)("span",{className:"sr-only",children:u})]})]}),(0,s.jsx)("svg",{className:"cloud__lines","aria-hidden":"true",children:c.map((e,t)=>(0,s.jsx)("path",{ref:e=>{j.current[t]=e},className:(0,r.cn)(h===t&&"is-hot")},e.logo))})]})}])},212154,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(609504),i=e.i(975157);function n({name:e,className:t}){return(0,s.jsx)("svg",{className:(0,i.cn)("shw-i",t),"aria-hidden":"true",children:(0,s.jsx)("use",{href:`#shw-${e}`})})}var l=e.i(44160);let r=Symbol("cancel");function c(e,s){let t=e.querySelector(s);if(!t)throw Error(`Showcase markup is missing ${s}`);return t}function o(e,s){return[...e.querySelectorAll(s)]}e.s(["ShowcasePlayer",0,function({tabs:e,copy:d,carry:u,app:h,stats:m}){let x=(0,t.useRef)(null),p=(0,t.useRef)(null);return(0,t.useEffect)(()=>{let e=x.current,s=p.current;if(e&&s)return function(e,s,t){let i=window.matchMedia("(prefers-reduced-motion: reduce)").matches,n=c(e,"[data-shw]"),l=c(e,"[data-shw-stage]"),d=c(e,"[data-shw-win]"),u=c(e,"[data-shw-nav]"),h=o(u,"a"),m=o(e,"[data-shw-view]"),x=o(e,".sc-seg .tab"),p=c(e,".sc-seg"),f=c(e,"[data-shw-toast]"),j=c(e,"[data-shw-inbox]"),v=c(e,"[data-shw-orders]"),g=new Intl.NumberFormat(t.locale),w=[],b=(e,s)=>{e.classList.add("shw-snap"),s(),e.offsetWidth,e.classList.remove("shw-snap")},y=async(e,s,t,a)=>{if(i){s.textContent=t;return}for(let i of(s.classList.add("is-typing"),t))s.textContent+=i,await e(a);s.classList.remove("is-typing")},N=async(e,s)=>{s.classList.add("is-press"),await e(170),s.classList.remove("is-press")},_=e=>{let s=0,t=0,a=e;for(;a instanceof HTMLElement&&a!==d;)s+=a.offsetLeft,t+=a.offsetTop,a=a.offsetParent;return{x:s,y:t,w:e.offsetWidth,h:e.offsetHeight}},k={set(e,t,a=!1){a&&(s.style.transition="none"),s.style.transform=`translate(${Math.round(e)}px, ${Math.round(t)}px)`,a&&(s.offsetWidth,s.style.transition="")},from(e,t){i||(this.set(d.offsetWidth*e,d.offsetHeight*t,!0),s.classList.add("is-on"))},to(e,s=.5,t=.5){let a=_(e);this.set(a.x+a.w*s,a.y+a.h*t)},click(){(0,a.clickPointer)(s)},hide(){s.classList.remove("is-on","is-carry")}},L=async(e,s,t,a,n=850)=>{!i&&s.offsetParent&&(k.to(s,t,a),await e(n),k.click(),await e(160))},S=(s,t)=>{c(e,"[data-toast-t]").textContent=s,c(e,"[data-toast-s]").textContent=t,f.classList.add("is-in")},T=(e,s)=>c(e,`[data-shw-row="${s}"]`),R=[{dur:9800,async play(e,s){let a=T(s,"lena"),i=T(s,"launch"),n=c(a,".shw-row__p"),l=c(s,"[data-type]"),r=c(s,"[data-shw-send]");b(s,()=>{s.classList.remove("is-arrived","is-open","is-replying","is-sent"),a.classList.add("is-unread"),a.classList.remove("is-sel"),i.classList.add("is-sel"),n.textContent=t.lenaPreview,l.textContent="",j.textContent="12",v.textContent="0"}),await e(600),s.classList.add("is-arrived"),j.textContent="13",v.textContent="1",await e(1e3),k.from(.34,1.04),await e(40),await L(e,a,.4,.45,950),i.classList.remove("is-sel"),a.classList.remove("is-unread"),a.classList.add("is-sel"),s.classList.add("is-open"),await e(650),await L(e,c(s,"[data-shw-reply]"),.5,.55),s.classList.add("is-replying"),await e(500),await y(e,l,t.reply,24),await e(350),await L(e,r,.45,.55,750),await N(e,r),s.classList.add("is-sent"),n.textContent=t.lenaReplied,k.hide(),await e(350),S(t.sentFrom,t.ordersAddress)}},{dur:9800,async play(e,s){let a=c(s,"[data-cal-book]"),i=c(s,"[data-cal-slot]"),n=c(s,"[data-cal-go]"),l=c(s,"[data-cal-ev]");b(s,()=>s.classList.remove("is-team","is-card","is-picked","is-fly","is-booked","is-pop")),await e(350),k.from(.62,1.04),await e(40),await L(e,c(s,"[data-cal-ovl]"),.3,.5,900),s.classList.add("is-team"),await e(1200),s.classList.add("is-card"),await e(700),await L(e,i,.5,.55,900),s.classList.add("is-picked"),await e(450),await L(e,n,.5,.55,700),await N(e,n);let r=_(a),o=_(l);a.style.setProperty("--fx",`${o.x-r.x}px`),a.style.setProperty("--fy",`${o.y-r.y}px`),a.style.setProperty("--fsx",String(o.w/r.w)),a.style.setProperty("--fsy",String(o.h/r.h)),s.classList.add("is-fly"),k.hide(),await e(560),s.classList.add("is-booked"),await e(550),s.classList.add("is-pop"),await e(700),S(t.newBooking,t.newBookingDetail)}},{dur:9e3,async play(e,a){let n=c(a,"[data-nl-tile]"),l=c(a,"[data-nl-drop]"),r=c(a,"[data-nl-send]"),o=c(a,"[data-dlv-n]"),d=c(a,"[data-dlv-bar]"),u=c(a,"[data-nl-pill]"),h=c(a,"[data-dlv-live]");b(a,()=>{a.classList.remove("is-drag","is-dropped","is-sending","is-sent"),o.textContent="0",d.style.setProperty("--p","0"),r.textContent=t.send,u.textContent=t.draft,h.textContent=t.sending}),await e(500),!i&&n.offsetParent?(k.from(.3,1.04),await e(40),await L(e,n,.5,.5,900),a.classList.add("is-drag"),s.classList.add("is-carry"),await e(200),k.to(l,.2,.5),await e(950),k.click(),s.classList.remove("is-carry")):k.from(.5,1.04),a.classList.remove("is-drag"),a.classList.add("is-dropped"),await e(600),await L(e,r,.5,.55,850),await N(e,r),r.textContent=t.sendingButton,u.textContent=t.sending,a.classList.add("is-sending"),k.hide(),await e(450);let m=i?1:32;for(let s=1;s<=m;s++){let t=1-Math.pow(1-s/m,3);o.textContent=g.format(Math.round(1271*t)),d.style.setProperty("--p",String(1271*t/1284)),await e(45)}r.textContent=t.sent,u.textContent=t.sent,h.textContent=t.delivered,a.classList.add("is-sent")}},{dur:8800,async play(e,s){let a=c(s,"[data-ai-q]"),i=c(s,"[data-ai-a]"),n=o(s,"[data-cite]"),l=c(s,"[data-ai-sum]");for(let r of(b(s,()=>{for(let e of(s.classList.remove("is-panel","is-asked"),[...n,l]))e.classList.remove("is-in");for(let e of o(s,".shw-row"))e.classList.remove("is-cited");T(s,"launch").classList.add("is-sel"),a.textContent="",i.textContent=""}),await e(400),s.classList.add("is-panel"),await e(750),await y(e,a,t.question,22),await e(450),s.classList.add("is-asked"),t.answer.split(" ")))i.textContent+=(i.textContent?" ":"")+r,await e(70);for(let t of(await e(300),n))t.classList.add("is-in"),T(s,t.dataset.cite??"").classList.add("is-cited"),await e(620);await e(200),l.classList.add("is-in")}}],C=-1,E=null,M=!1,$=()=>{let s,t;E?.(),f.classList.remove("is-in"),k.hide(),e.classList.remove("is-run"),e.offsetWidth,i||e.classList.add("is-run");let a=R[C],n=m[C];a&&n&&(s={alive:!0},(t=i?()=>Promise.resolve():e=>
33new Promise((t,a)=>window.setTimeout(()=>s.alive?t():a(r),e)),a.play(t,n)).catch(e=>{if(e!==r)throw e}),E=()=>{s.alive=!1})},A=()=>{E?.(),E=null,e.classList.remove("is-run")},P=(s,t=!1)=>{let a=(s+x.length)%x.length;if(a===C&&E)return;C=a,u.style.setProperty("--i",String(C)),h.forEach((e,s)=>e.classList.toggle("is-on",s===C)),m.forEach((e,s)=>{e.style.setProperty("--dir",s<C?"-1":"1"),e.classList.toggle("is-on",s===C)}),x.forEach((e,s)=>{e.classList.toggle("is-on",s===C),e.setAttribute("aria-selected",String(s===C)),e.tabIndex=s===C?0:-1}),e.style.setProperty("--dur",`${R[C]?.dur??0}ms`);let n=x[C];n&&p.scrollWidth>p.clientWidth&&p.scrollTo({left:n.offsetLeft-(p.clientWidth-n.offsetWidth)/2,behavior:i?"auto":"smooth"}),t&&n?.focus(),(M||i)&&$()};x.forEach((e,s)=>{let t=()=>P(s),a=e=>{"ArrowRight"===e.key&&P(C+1,!0),"ArrowLeft"===e.key&&P(C-1,!0)},i=()=>P(C+1),n=c(e,".tab__bar");e.addEventListener("click",t),e.addEventListener("keydown",a),n.addEventListener("animationend",i),w.push(()=>{e.removeEventListener("click",t),e.removeEventListener("keydown",a),n.removeEventListener("animationend",i)})});let F=new IntersectionObserver(([e])=>{M=e?.isIntersecting??!1,!i&&(M&&!E&&$(),M||A())},{threshold:.25});F.observe(n),w.push(()=>F.disconnect());let I=()=>{let e=getComputedStyle(n),s=parseFloat(e.getPropertyValue("--shw-w")),t=parseFloat(e.getPropertyValue("--shw-ratio"));n.style.setProperty("--shz",Math.min(1,n.clientWidth*t/s).toFixed(4))},q=new ResizeObserver(I);if(q.observe(n),w.push(()=>q.disconnect()),I(),!i){let e=!1,s=()=>{e=!1;let s=n.getBoundingClientRect(),t=window.innerHeight,a=1-Math.pow(1-Math.min(1,Math.max(0,(t-s.top)/(.8*t))),2);l.style.setProperty("--tilt",((1-a)*14).toFixed(2)),l.style.setProperty("--lift",(.96+.04*a).toFixed(4))},t=()=>{e||(e=!0,requestAnimationFrame(s))};window.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",t),w.push(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",t)}),s()}return P(0),()=>{for(let e of(A(),w))e()}}(e,s,d)},[d]),(0,s.jsxs)("section",{ref:x,"data-home":"showcase",className:"sc sc-show reveal page-frame mt-4",children:[(0,s.jsxs)("div",{className:"sc-show__frame","data-shw":!0,children:[(0,s.jsx)(l.ShowcaseSprite,{}),(0,s.jsx)("div",{className:"shw-stage","data-shw-stage":!0,"aria-hidden":"true","data-nosnippet":!0,children:(0,s.jsx)("div",{className:"shw-fit",children:(0,s.jsxs)("div",{className:"shw","data-shw-win":!0,children:[h,(0,s.jsxs)("div",{className:"shw-toast","data-shw-toast":!0,children:[(0,s.jsx)("i",{children:(0,s.jsx)(n,{name:"check"})}),(0,s.jsxs)("p",{children:[(0,s.jsx)("b",{"data-toast-t":!0}),(0,s.jsx)("span",{"data-toast-s":!0})]})]}),(0,s.jsx)(a.MockPointer,{ref:p,className:"shw-ptr",children:(0,s.jsxs)("span",{className:"shw-ptr__carry",children:[(0,s.jsx)(n,{name:"b-btn"}),u]})})]})})}),(0,s.jsx)("div",{className:"sc-seg",role:"tablist",children:e.map((e,t)=>(0,s.jsxs)("button",{type:"button",role:"tab","aria-selected":0===t,tabIndex:0===t?0:-1,className:(0,i.cn)("tab",0===t&&"is-on"),children:[(0,s.jsx)("i",{className:"tab__bar"}),(0,s.jsx)("span",{className:"tab__label",children:e})]},e))})]}),m]})}],212154)},908018,e=>{"use strict";var s=e.i(783544),t=e.i(340893),a=e.i(645430),i=e.i(975157);function n({slide:e}){let t=e.quote.indexOf(e.highlight);return t<0?(0,s.jsx)(s.Fragment,{children:`${e.open}${e.quote}${e.close}`}):(0,s.jsxs)(s.Fragment,{children:[e.open,e.quote.slice(0,t),(0,s.jsx)("mark",{children:e.highlight}),e.quote.slice(t+e.highlight.length),e.close]})}e.s(["TestimonialsCarousel",0,function({slides:e}){let l=(0,t.useRef)(null),r=(0,a.useShow)(l,e.length);return(0,s.jsxs)("div",{ref:l,className:(0,i.cn)("show show--quotes",r.paused&&"is-paused"),children:[(0,s.jsx)("div",{className:"show__tabs",children:e.map((e,t)=>(0,s.jsx)(a.ShowTab,{on:t===r.current,onSelect:()=>r.go(t),onDone:r.next,children:(0,s.jsx)("h3",{children:e.name})},e.name))}),(0,s.jsxs)("div",{className:"show__stage quote6__card",...r.hover,children:[(0,s.jsx)("i",{className:"bq bq--tl"}),(0,s.jsx)("i",{className:"bq bq--tr"}),(0,s.jsx)("i",{className:"bq bq--bl"}),(0,s.jsx)("i",{className:"bq bq--br"}),e.map((e,t)=>{var a;let l;return(0,s.jsx)("div",{className:(0,i.cn)("vis",t===r.current&&"is-on"),"aria-hidden":t
33!==r.current,inert:t!==r.current,children:(0,s.jsxs)("figure",{children:[(0,s.jsx)("blockquote",{children:(0,s.jsx)(n,{slide:e})}),(0,s.jsxs)("figcaption",{style:(l=(a=e.rating)>=5?"":`%3Cdefs%3E%3ClinearGradient id='p'%3E%3Cstop offset='${a%1*100}%25' stop-color='%23ff492c'/%3E%3Cstop offset='0' stop-color='%23d9d6ce'/%3E%3C/linearGradient%3E%3C/defs%3E`,{"--stars":`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 18'%3E${l}%3Cg fill='%23ff492c'%3E%3Cpath id='s' d='m9 .8 2.2 4.8 5.2.6-3.9 3.5 1.1 5.1L9 12.2l-4.6 2.6 1.1-5.1L1.6 6.2l5.2-.6z'/%3E%3Cuse href='%23s' x='20'/%3E%3Cuse href='%23s' x='40'/%3E%3Cuse href='%23s' x='60'/%3E${a>=5?"%3Cuse href='%23s' x='80'/%3E":"%3Cuse href='%23s' x='80' fill='url(%23p)'/%3E"}%3C/g%3E%3C/svg%3E")`}),children:[(0,s.jsx)("b",{children:e.name}),(0,s.jsx)("span",{"aria-hidden":"true",children:"G2"}),(0,s.jsx)("small",{className:"sr-only",children:e.ratingLabel})]})]})},e.name)})]})]})}])},498013,e=>{"use strict";var s=e.i(340893);e.s(["usePrefersReducedMotion",0,function(){let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let s=e=>t(e.matches);return e.addEventListener("change",s),()=>e.removeEventListener("change",s)},[]),e}])}]);
34
35//# debugId=ff5218c3-633e-0cd5-4188-e687f50af0f0

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.