1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{1396:(e,t,s)=>{"use strict";s.d(t,{default:()=>d});var i=s(8850);s(6426);var a=s(326);let l={display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",padding:"8px 16px",borderRadius:"999px",background:"#FFF",border:"0.5px solid #000",color:"#000",textAlign:"center",fontFeatureSettings:'"liga" off, "clig" off',fontFamily:"var(--font-inter), sans-serif",fontSize:"14px",fontStyle:"normal",fontWeight:400,lineHeight:"150%",textDecoration:"none",transition:"all 0.25s cubic-bezier(0.4, 0, 0.2, 1)",boxShadow:"none"},n={display:"block",flexShrink:0,width:"20px",height:"20px"};function o(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",width:"20",height:"20",style:n,children:(0,i.jsx)("path",{d:"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364l2.0201-1.1685a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"})})}function r(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",width:"20",height:"20",style:n,children:(0,i.jsx)("path",{d:"M22.398 7.09h-2.31V.068l-7.51 6.354V.158h-1.156v6.196L4.49 0v7.09H1.602v10.397H4.49V24l6.933-6.36v6.201h1.155v-6.047l6.932 6.181v-6.488h2.888zm-3.466-4.531v4.53h-5.355zm-13.286.067l4.869 4.464h-4.87zM2.758 16.332V8.245h7.847L4.49 14.36v1.972zm2.888 5.04v-6.534l5.776-5.776v7.011zm12.708.025l-5.776-5.15V9.061l5.776 5.776zm2.889-5.065H19.51V14.36l-6.115-6.115h7.848z"})})}function c(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",width:"20",height:"20",style:n,children:(0,i.jsx)("path",{d:"M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815"})})}function d(){let e=(0,a.c)("home"),t=encodeURIComponent(e("askAiPrompt")),s=[{id:"chatgpt",label:e("askOnChatGPT"),href:"https://chatgpt.com/?q=".concat(t),hoverColor:"#111827",icon:(0,i.jsx)(o,{})},{id:"perplexity",label:e("askOnPerplexity"),href:"https://www.perplexity.ai/?q=".concat(t),hoverColor:"#1FBAD6",icon:(0,i.jsx)(r,{})},{id:"grok",label:e("askOnGrok"),href:"https://grok.com/?q=".concat(t),hoverColor:"#111827",icon:(0,i.jsx)(c,{})}],n=e=>{var t,s;null==(t=(s=window).gtag)||t.call(s,"event","ask_ai_click",{event_category:"geo",event_label:e})},d=(e,t)=>{e.currentTarget.style.transform="translateY(-3px)",e.currentTarget.style.borderColor=t,e.currentTarget.style.color=t,e.currentTarget.style.background="#FFFFFF",e.currentTarget.style.boxShadow="0 6px 16px rgba(0, 0, 0, 0.08)"},m=e=>{e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.borderColor="#000",e.currentTarget.style.color="#000",e.currentTarget.style.background="#FFFFFF",e.currentTarget.style.boxShadow="none"};return(0,i.jsx)("section",{className:"w-full bg-white px-5 py-20 lg:px-20 lg:py-[130px]",children:(0,i.jsxs)("div",{className:"mx-auto flex max-w-[900px] flex-col items-center text-center",children:[(0,i.jsx)("h3",{style:{color:"var(--06, #000)",textAlign:"center",fontFeatureSettings:'"liga" off, "clig" off',fontFamily:"var(--font-inter), sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"130%",letterSpacing:"0",margin:0},className:"max-w-[760px] text-[32px] sm:text-[40px] lg:text-[44px]",children:e("askAiTitle")}),(0,i.jsx)("div",{className:"mt-[50px] flex flex-col items-center gap-y-4 lg:flex-row lg:justify-center lg:gap-x-[50px] lg:gap-y-0",children:s.map(e=>(0,i.jsxs)("a",{href:e.href,target:"_blank",rel:"noopener noreferrer",onClick:()=>n(e.id),onMouseEnter:t=>d(t,e.hoverColor),onMouseLeave:m,className:"w-auto max-w-[calc(100vw-64px)] justify-center",style:l,children:[(0,i.jsx)("span",{style:{width:"20px",height:"20px",minWidth:"20px",flex:"0 0 20px",display:"flex",alignItems:"center",justifyContent:"center"},children:e.icon}),(0,i.jsx)("span",{children:e.label})]},e.id))})]})})}},3069:(e,t,s)=>{"use strict";s.d(t,{default:()=>w});var i=s(8850),a=s(423),l=s(326),n=s(6426),o=s(3803),r=s(8422);let c="grid size-11 shrink-0 place-items-center rounded-full text-black transition-[background-color,transform,opacity] duration-150 active:scale-[0.96] active:bg-black/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",d="border border-black/[0.08] bg-white/72 shadow-[inset_0_1px_0_rgba(255,255,255,0.92),inset_0_-1px_0_rgba(255,255,255,0.46),0_10px_32px_rgba(38,55,77,0.12)] backdrop-blur-[26px] backdrop-saturate-[180%]";function m(){return(0,i.jsxs)("div",{"data-testid":"ios-status-bar",className:"absolute inset-x-0 top-0 z-[90] flex h-[56px] items-center justify-between bg-white px-[28px] text-black",children:[(0,i.jsx)("span",{className:"text-[15px] font-semibold leading-none tracking-[-0.28px] tabular-nums",children:"9:41"}),(0,i.jsx)("span",{className:"relative block h-[13px] w-[78px] shrink-0 overflow-hidden",children:(0,i.jsx)(a.default,{src:"/filo-design/levels.svg",alt:"","aria-hidden":"true",width:133,height:13,unoptimized:!0,className:"absolute left-[-22.5px] top-0 h-[13px] w-[133px] max-w-none"})})]})}function x(e){let{className:t}=e;return(0,i.jsx)("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",className:(0,r.cn)("size-6",t),fill:"none",children:(0,i.jsx)("path",{d:"m6.2 6.2 11.6 11.6M17.8 6.2 6.2 17.8",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round"})})}function p(e){let{className:t}=e;return(0,i.jsxs)("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",className:(0,r.cn)("size-5",t),fill:"none",children:[(0,i.jsx)("path",{d:"M5.5 11.9 18.45 5.
16c.9-.44 1.84.5 1.4 1.4l-6.3 12.95c-.46.94-1.85.78-2.1-.23l-1.1-4.45-4.45-1.1c-1.02-.25-1.18-1.64-.23-2.1Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"m10.35 15.27 3.5-3.5",stroke:"white",strokeWidth:"1.15",strokeLinecap:"round"})]})}function u(e){let{className:t}=e;return(0,i.jsxs)("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",className:(0,r.cn)("size-5",t),fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"8.1",r:"4.15",fill:"currentColor"}),(0,i.jsx)("path",{d:"M4.8 20.5c.3-5.1 2.72-7.55 7.2-7.55s6.9 2.45 7.2 7.55H4.8Z",fill:"currentColor"})]})}function b(e){let{label:t,icon:s,onClick:a,className:l,iconClassName:n}=e;return(0,i.jsx)("button",{type:"button","aria-label":t,onClick:a,className:(0,r.cn)(c,d,"size-[46px] bg-white/64",l),children:(0,i.jsx)(o.A,{name:s,className:(0,r.cn)("size-[21px]",n)})})}function h(e){var t,s,l;let{mail:n,isArriving:c,isSelecting:d,onOpen:m}=e;return(0,i.jsxs)("button",{type:"button",onClick:m,"data-testid":"ios-mail-row-".concat(n.id),className:(0,r.cn)("relative flex w-full items-start gap-3 px-[17px] py-[10px] text-left transition-[background-color,box-shadow,opacity,transform] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] active:scale-[0.995] focus-visible:z-10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#22A0FB]/35",c&&"motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-3 motion-safe:duration-500",d&&"scale-[0.985] bg-[#E9F6FF] shadow-[inset_0_0_0_1px_rgba(34,160,251,0.12)]"),children:[n.avatarText?(0,i.jsx)("span",{className:"grid size-9 shrink-0 place-items-center rounded-full bg-[#E8E5FF] text-[13px] font-bold text-[#6450F9]",children:n.avatarText}):(0,i.jsx)("span",{className:"grid size-9 shrink-0 place-items-center overflow-hidden rounded-full ring-1 ring-black/[0.04]",style:{backgroundColor:null!=(t=n.logoBackground)?t:"#FFFFFF"},children:(0,i.jsx)(a.default,{src:null!=(s=n.logoSrc)?s:"/FiloMail-icon.png",alt:null!=(l=n.logoAlt)?l:"",width:36,height:36,className:n.logoFill?"size-9 object-cover":"size-6 object-contain"})}),(0,i.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,i.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,i.jsxs)("span",{className:(0,r.cn)("min-w-0 flex-1 truncate text-[15px] leading-[19px] tracking-[-0.2px]",n.isUnread?"font-semibold text-black":"font-normal text-[#707070]"),children:[n.sender,n.mailCount&&n.mailCount>1?(0,i.jsx)("span",{className:"ml-1.5 font-normal text-[#707070]",children:n.mailCount}):null]}),(0,i.jsx)("span",{className:"shrink-0 text-[12px] leading-4 text-[#707070]",children:n.time})]}),(0,i.jsxs)("span",{className:(0,r.cn)("mt-0.5 flex items-center gap-1 text-[15px] leading-[19px] tracking-[-0.2px]",n.isUnread?"font-semibold text-black":"font-normal text-[#707070]"),children:[(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate",children:n.subject}),n.hasAttachment?(0,i.jsx)(o.A,{name:"attachment",className:"size-[15px] shrink-0 text-black"}):null,n.isStarred?(0,i.jsx)(o.A,{name:"star-after",className:"size-[16px] shrink-0"}):null]}),(0,i.jsx)("span",{className:"mt-0.5 line-clamp-2 text-[14px] leading-[18px] tracking-[-0.2px] text-[#707070]",children:n.snippet})]})]})}function g(e){let{icon:t,label:s,isActive:a,hasBadge:l,onClick:n}=e;return(0,i.jsxs)("button",{type:"button",onClick:n,"aria-current":a?"page":void 0,className:(0,r.cn)("relative flex h-[54px] min-w-0 flex-1 flex-col items-center justify-center gap-0.5 rounded-[27px] text-[10px] font-medium leading-3 transition-[background-color,color,transform] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",a?"bg-black/[0.055] text-[#22A0FB]":"text-black"),children:[(0,i.jsxs)("span",{className:"relative",children:[(0,i.jsx)(o.A,{name:t,className:"size-[23px]"}),l?(0,i.jsx)("span",{className:"absolute -right-1.5 -top-1 size-[7px] rounded-full bg-[#22A0FB] ring-2 ring-white/70"}):null]}),(0,i.jsx)("span",{children:s})]})}function f(e){let{active:t,inboxLabel:s,todoLabel:a,onInbox:l,onTodo:n,onAi:c,onCompose:m,composeLabel:x}=e;return(0,i.jsx)("div",{"data-testid":"ios-bottom-dock",className:"absolute inset-x-0 bottom-[
110px] z-40 px-[11px]",children:(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsxs)("div",{className:(0,r.cn)(d,"flex h-[62px] min-w-0 flex-1 items-center rounded-[31px] p-[3px]"),children:[(0,i.jsx)(g,{icon:"inbox"===t?"inbox-after":"inbox-before",label:s,isActive:"inbox"===t,onClick:l}),(0,i.jsx)(g,{icon:"todo",label:a,isActive:"todo"===t,hasBadge:!0,onClick:n}),(0,i.jsx)(g,{icon:"ai",label:"AI",isActive:"ai"===t,onClick:c})]}),(0,i.jsx)("button",{type:"button","aria-label":x,onClick:m,className:(0,r.cn)(d,"grid size-[62px] shrink-0 place-items-center rounded-full text-black transition-transform active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35"),children:(0,i.jsx)(o.A,{name:"compose",className:"size-[25px]"})})]})})}function j(e){let{input:t,hasResponse:s,onInputChange:a,onSubmit:n,onFocus:r}=e,c=(0,l.c)("home"),d=(0,l.c)("home.agentDemo");return(0,i.jsxs)("div",{"data-testid":"ios-ai-screen",className:"absolute inset-0 flex flex-col bg-white pt-[56px] will-change-transform transition-[opacity,transform] duration-[460ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none",children:[(0,i.jsx)("header",{className:"flex h-[82px] shrink-0 items-start justify-end px-[14px] pt-2",children:(0,i.jsx)(b,{label:c("mailDemo.welcomeDetail.actions.snooze"),icon:"clock",className:"size-12"})}),(0,i.jsx)("div",{className:"min-h-0 flex-1 overflow-y-auto px-[18px] pb-[152px] [scrollbar-width:none]",children:s?(0,i.jsxs)("div",{className:"mx-auto max-w-[350px] text-[16px] leading-[1.52] tracking-[-0.18px] text-black",children:[(0,i.jsx)("p",{className:"whitespace-pre-line",children:d("scriptedAgentReply")}),t?(0,i.jsx)("div",{className:"mt-6 rounded-[20px] bg-[#E9F6FF] px-4 py-3 text-[15px] leading-5 text-[#0D93F3]",children:t}):null]}):null}),(0,i.jsx)("div",{className:"absolute inset-x-0 bottom-[80px] z-30 px-[14px]",children:(0,i.jsxs)("div",{className:"flex h-[58px] items-center gap-2 rounded-[30px] bg-[#F3F3F3] px-3 shadow-[0_6px_20px_rgba(0,0,0,0.05)]",children:[(0,i.jsx)("button",{type:"button","aria-label":c("agentDemo.addFilesPhotos"),className:"grid size-10 shrink-0 place-items-center rounded-full text-black transition-transform active:scale-[0.94]",children:(0,i.jsx)(o.A,{name:"add",className:"size-6"})}),(0,i.jsx)("input",{"data-testid":"ios-ai-input",value:t,onChange:e=>a(e.target.value),onFocus:r,onKeyDown:e=>{"Enter"!==e.key||e.nativeEvent.isComposing||(e.preventDefault(),n())},placeholder:c("agentMobilePlaceholder"),className:"min-w-0 flex-1 bg-transparent text-[17px] text-black outline-none placeholder:text-[#8D8D93]"}),(0,i.jsx)("button",{type:"button","aria-label":c("agentDemo.messagePlaceholder"),onClick:n,className:"grid size-10 shrink-0 place-items-center rounded-full text-black transition-transform active:scale-[0.94]",children:(0,i.jsxs)("svg",{viewBox:"0 0 24 24",className:"size-6",fill:"none","aria-hidden":"true",children:[(0,i.jsx)("rect",{x:"8",y:"2.5",width:"8",height:"13",rx:"4",stroke:"currentColor",strokeWidth:"1.8"}),(0,i.jsx)("path",{d:"M5.5 11.5v.9a6.5 6.5 0 0 0 13 0v-.9M12 18.9v2.6M8.7 21.5h6.6",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"})]})})]})})]})}function v(e){let{pressedKey:t}=e,s="grid h-[47px] place-items-center rounded-[6px] bg-white text-[22px] font-normal leading-none text-black shadow-[0_1px_0_rgba(0,0,0,0.18),0_1px_2px_rgba(0,0,0,0.12)] transition-[background-color,box-shadow,transform] duration-75",a=e=>(0,r.cn)(s,t===e&&"translate-y-[1px] scale-[0.96] bg-[#AEB3BA] shadow-none");return(0,i.jsxs)("div",{"aria-hidden":"true","data-testid":"ios-english-keyboard",className:"h-[316px] shrink-0 rounded-t-[28px] border-t border-black/[0.08] bg-[#D1D3D8]/95 px-[6px] pb-[5px] pt-[7px] shadow-[0_-8px_30px_rgba(46,54,67,0.08)] backdrop-blur-xl",children:[(0,i.jsx)("div",{className:"grid h-[39px] grid-cols-3 items-center text-center text-[17px] text-[#303033]",children:["I","The","Iâm"].map((e,t)=>(0,i.jsx)("span",{className:(0,r.cn)("grid h-[27px] place-items-center",t>0&&"border-l border-black/[0.08]"),children:e},e))}),(0,i.jsx)("div",{className:"grid grid-cols-10 gap-[5px]",children:["Q","W","E","R","T","Y","U","I","O","P"].map(e=>(0,i.jsx)("span",{"data-key":e,"data-pressed":t===e?"true":void 0,className:a(e),children:e},e))}),(0,i.jsx)("div",{className:"mt-[7px] grid grid-cols-9 gap-[5px] px-[17px]",children:["A","S","D","F","G","H","J","K","L"].map(e=>(0,i.jsx)("span",{"data-key":e,"data-pressed":t===e?"true":void 0,className:a(e),children:e},e))}),(0,i.jsxs)("div",{className:"mt-[7px] grid grid-cols-[1.28fr_repeat(7,1fr)_1.28fr] gap-[5px]",children:[(0,i.jsx)("span",{className:(0,r.cn)(s,"bg-[#AEB3BA]"),children:(0,i.jsx)("svg",{viewBox:"0 0 24 24",className:"size-[22px]",fill:"currentColor",children:(0,i.jsx)("path",{d:"M4.2 11.2 11.1 4a1.2 1.2 0 0 1 1.8 0l6.9 7.2c.72.76.19 2.02-.86 2.02h-2.1v5.56c0 .67-.54 1.2-1.2 1.2H8.36c-.66 0-1.2-.53-1.2-1.2v-5.56h-2.1c-1.05 0-1.58-1.26-.86-2.02Z"})})}),["Z","X","C","V","B","N","M"].map(e=>(0,i.jsx)("span",{"data-key":e,"data-pressed":t===e?"true":void 0,className:a(e),children:e},e)),(0,i.jsx)("span",{className:(0,r.cn)(s,"bg-[#AEB3BA]"),children:(0,i.jsxs)("svg",{viewBox:"0 0 28 22",className:"h-[21px] w-[27px]",fill:"none",children:[(0,i.jsx)("path",{d:"M9.3 2.2h14.2c1.27 0 2.3 1.03 2.3 2.3v13c0 1.27-1.03 2.3-2.3 2.3H9.3c-.7 0-1.36-.32-1.8-.87L1.8 11.8a1.27 1.27 0 0 1 0-1.6l5.7-7.13c.44-.55 1.1-.87 1.8-.87Z",stroke:"currentColor",strokeWidth:"1.8",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"m12 7 6 6m0-6-6 6",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"})]})})]}),(0,i.jsxs)("div",{className:"mt-[7px] grid grid-cols-[1.05fr_.72fr_3.9fr_1.45fr] gap-[6px]",children:[(0,i.jsx)("span",{className:(0,r.cn)(s,"bg-[#AEB3BA] text-[16px] font-medium"),children:"123"}),(0,i.jsx)("span",{className:(0,r.cn)(s,"bg-[#AEB3BA] text-[24px]"),children:"âº"}
1),(0,i.jsx)("span",{"data-key":"SPACE","data-pressed":"SPACE"===t?"true":void 0,className:a("SPACE")}),(0,i.jsx)("span",{className:(0,r.cn)(s,"bg-[#AEB3BA]"),children:(0,i.jsx)("svg",{viewBox:"0 0 28 22",className:"h-[22px] w-7",fill:"none",children:(0,i.jsx)("path",{d:"M25 3.5v8.2a4 4 0 0 1-4 4H5.2M9.2 11.7l-4 4 4 4",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(0,i.jsxs)("div",{className:"flex h-[49px] items-center justify-between px-[22px]",children:[(0,i.jsxs)("svg",{viewBox:"0 0 24 24",className:"size-[25px]",fill:"none",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"9.4",stroke:"currentColor",strokeWidth:"1.55"}),(0,i.jsx)("path",{d:"M2.9 12h18.2M12 2.6c2.5 2.56 3.8 5.7 3.8 9.4s-1.3 6.84-3.8 9.4C9.5 18.84 8.2 15.7 8.2 12S9.5 5.16 12 2.6Z",stroke:"currentColor",strokeWidth:"1.45",strokeLinecap:"round"})]}),(0,i.jsxs)("svg",{viewBox:"0 0 24 24",className:"size-[26px]",fill:"none",children:[(0,i.jsx)("rect",{x:"8",y:"2.5",width:"8",height:"13",rx:"4",stroke:"currentColor",strokeWidth:"1.8"}),(0,i.jsx)("path",{d:"M5.5 11.5v.9a6.5 6.5 0 0 0 13 0v-.9M12 18.9v2.6M8.7 21.5h6.6",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"})]})]})]})}function N(e){let{isTodoDone:t,isTranslated:s,onBack:n,onToggleTodo:c,onToggleTranslated:d}=e,m=(0,l.c)("home.mailDemo.welcomeDetail"),x=(0,l.c)("home.mailDemo");return(0,i.jsxs)("div",{"data-testid":"ios-welcome-mail-detail",className:"px-[16px] pb-5 pt-1 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-right-3 motion-safe:duration-300",children:[(0,i.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,i.jsx)("h2",{className:"text-[21px] font-bold leading-[26px] tracking-[-0.4px] text-black",children:m("subject")}),(0,i.jsx)("span",{className:"rounded-full bg-black/[0.035] px-2 py-1 text-[12px] font-semibold text-[#22A0FB]",children:x("tabs.important")}),(0,i.jsx)("span",{className:"rounded-full bg-black/[0.035] px-2 py-1 text-[12px] font-semibold text-[#8B5CF6]",children:x("labels.updates")})]}),(0,i.jsxs)("div",{className:"mt-4 flex items-start gap-3",children:[(0,i.jsx)("span",{className:"grid size-9 shrink-0 place-items-center overflow-hidden rounded-full bg-[#E9F6FF] ring-1 ring-black/[0.05]",children:(0,i.jsx)(a.default,{src:"/FiloMail-icon.png",alt:"FiloMail",width:36,height:36,className:"size-9 object-cover"})}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("p",{className:"min-w-0 flex-1 truncate text-[15px] font-medium leading-5",children:m("sender")}),(0,i.jsx)("span",{className:"shrink-0 text-[12px] text-[#707070]",children:m("time")})]}),(0,i.jsxs)("p",{className:"mt-1 truncate text-[14px] leading-[18px] text-[#707070]",children:[(0,i.jsxs)("span",{className:"font-medium text-black",children:[m("toLabel"),":"]})," ",m("toProfile")]})]}),(0,i.jsx)(o.A,{name:"reply",className:"mt-1 size-[20px]"}),(0,i.jsx)(o.A,{name:"more-horizontal",className:"mt-1 size-[18px]"})]}),(0,i.jsxs)("section",{className:"mt-4 rounded-[20px] bg-[#E9F6FF] p-4",children:[(0,i.jsx)("h3",{className:"text-[16px] font-bold leading-5 text-[#22A0FB]",children:m("summary.title")}),(0,i.jsx)("ul",{className:"mt-2 list-disc space-y-1.5 pl-5 text-[15px] leading-[21px] tracking-[-0.2px] text-black",children:["first","second","third"].map(e=>(0,i.jsx)("li",{children:m("summary.items.".concat(e))},e))})]}),(0,i.jsx)("section",{className:"mt-3 rounded-[20px] bg-[#E9F6FF] p-4",children:(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)("button",{type:"button","data-testid":"ios-welcome-todo-toggle","aria-label":t?m("todo.markActive"):m("todo.markDone"),onClick:c,className:"grid size-10 -m-1.5 shrink-0 place-items-center rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:t?"checkbox-checked":"checkbox-unchecked",className:"size-[22px]"})}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsx)("p",{className:(0,r.cn)("text-[15px] font-semibold leading-5 tracking-[-0.2px] transition-[color,opacity] duration-300",t&&"text-[#707070] line-through opacity-70"),children:m("todo.title")}),(0,i.jsxs)("p",{className:"mt-1 flex items-center text-[12px] leading-4 text-[#707070]",children:[(0,i.jsx)(o.A,{name:"clock",className:"mr-1 size-[15px]"}),m("todo.due")]})]})]})}),(0,i.jsxs)("button",{type:"button","aria-pressed":s,onClick:d,className:(0,r.cn)("mt-3 flex min-h-12 w-full items-center gap-2 rounded-[20px] bg-black/[0.035] px-4 text-left text-[14px] font-medium text-[#22A0FB]",s&&"bg-[#E9F6FF]"),children:[(0,i.jsx)(o.A,{name:"translate",className:"size-5"}),(0,i.jsx)("span",{className:"min-w-0 flex-1",children:s?m("translate.original"):m("translate.title")}),(0,i.jsx)(o.A,{name:"tabs-setting",className:"size-[18px] text-black"})]}),(0,i.jsxs)("article",{className:"pb-5 pt-5 text-[15px] leading-[1.48] tracking-[-0.2px] text-black",children:[(0,i.jsx)("div",{className:"mb-5 flex justify-center border-b border-black/[0.055] pb-4 pt-1",children:(0,i.jsx)(a.default,{src:"/filomail-text-icon.svg",alt:"FiloMail",width:180,height:42,className:"h-auto w-[118px]"})}),(0,i.jsx)("p",{children:m("email.greeting")}),(0,i.jsx)("p",{className:"mt-3 font-semibold",children:m("email.welcome")}),(0,i.jsx)("p",{className:"mt-3",children:m("email.intro1")}),(0,i.jsx)("p",{className:"mt-2",children:m("email.intro2")}),(0,i.jsx)("h3",{className:"mt-4 font-semibold text-[#002346]",children:m("email.tryFirst")}),(0,i.jsx)("div",{className:"mt-2 rounded-[18px] border border-[#
1E6EEF7] bg-white px-4 py-2 text-[#002346]",children:["inbox","todo","connection"].map(e=>(0,i.jsxs)("div",{className:"py-2.5",children:[(0,i.jsx)("strong",{className:"text-[#0D93F3]",children:m("email.features.".concat(e,".title"))}),(0,i.jsx)("p",{className:"mt-1",children:m("email.features.".concat(e,".body"))})]},e))}),(0,i.jsx)("button",{type:"button",onClick:n,className:"mx-auto mt-4 flex min-h-11 items-center justify-center rounded-full bg-[#22A0FB] px-6 text-[14px] font-semibold text-white",children:m("email.cta")}),(0,i.jsx)("p",{className:"mt-5",children:m("email.control")}),(0,i.jsx)("p",{className:"mt-4 whitespace-pre-line",children:m("email.signoff")})]})]})}function w(){let e=(0,l.c)("home.mailDemo"),t=(0,l.c)("home.mailDemo.welcomeDetail"),[s,g]=(0,n.useState)("inbox"),[w,k]=(0,n.useState)("northstar-meeting"),[y,F]=(0,n.useState)("important"),[A,z]=(0,n.useState)("idle"),[_,C]=(0,n.useState)("reply"),[D,B]=(0,n.useState)(!1),[S,E]=(0,n.useState)(!1),[T,L]=(0,n.useState)(!1),[M,P]=(0,n.useState)(!1),[I,R]=(0,n.useState)(!1),[U,W]=(0,n.useState)(!1),[q,H]=(0,n.useState)(!0),[O,V]=(0,n.useState)(null),[G,K]=(0,n.useState)(!1),[Z,Y]=(0,n.useState)(!1),[J,Q]=(0,n.useState)(!1),[X,$]=(0,n.useState)("english"),[ee,et]=(0,n.useState)("default"),[es,ei]=(0,n.useState)(""),[ea,el]=(0,n.use
1State)(""),[en,eo]=(0,n.useState)(!1),[er,ec]=(0,n.useState)(""),[ed,em]=(0,n.useState)(null),[ex,ep]=(0,n.useState)(!1),[eu,eb]=(0,n.useState)(""),[eh,eg]=(0,n.useState)(""),ef=(0,n.useRef)(null),ej=(0,n.useRef)(null),ev=(0,n.useRef)(null),eN=(0,n.useRef)(null),ew=(0,n.useRef)(null),ek=(0,n.useRef)(null),ey=(0,n.useRef)([]),eF=(0,n.useRef)(null),eA=(0,n.useRef)(null),ez=(0,n.useRef)(null),e_=(0,n.useRef)(null),eC=(0,n.useRef)(null),eD=(0,n.useRef)(!1),eB=(0,n.useMemo)(()=>({to:e("meetingDetail.reply.to"),subject:e("meetingDetail.reply.subject"),aiPrompt:e("meetingDetail.reply.aiPrompt"),generatedBody:e("meetingDetail.reply.generatedBody"),sentNotice:e("meetingDetail.reply.sentNotice")}),[e]),eS=(0,n.useMemo)(()=>[...S?[{id:"northstar-meeting",sender:e("mails.northstarMeeting.sender"),subject:e("mails.northstarMeeting.subject"),snippet:e("mails.northstarMeeting.snippet"),time:e("mails.northstarMeeting.time"),avatarText:"MT",isUnread:!0,isStarred:!0,hasAttachment:!0,mailCount:2}]:[],{id:"filomail-welcome",sender:e("mails.filomailWelcome.sender"),subject:e("mails.filomailWelcome.subject"),snippet:e("mails.filomailWelcome.snippet"),time:e("mails.filomailWelcome.time"),logoSrc:"/FiloMail-icon.png",logoAlt:"FiloMail",logoBackground:"#E9F6FF",logoFill:!0,isUnread:!0},{id:"apple",sender:e("mails.apple.sender"),subject:e("mails.apple.subject"),snippet:e("mails.apple.snippet"),time:"11:32",logoSrc:"/brands/apple.svg",logoAlt:"Apple",logoBackground:"#F5F5F5",hasAttachment:!0},{id:"spotify",sender:e("mails.spotify.sender"),subject:e("mails.spotify.subject"),snippet:e("mails.spotify.snippet"),time:"11:15",logoSrc:"/brands/spotify.svg",logoAlt:"Spotify",logoBackground:"#1D1D21",logoFill:!0},{id:"instacart",sender:e("mails.instacart.sender"),subject:e("mails.instacart.subject"),snippet:e("mails.instacart.snippet"),time:"10:58",logoSrc:"/brands/instacart.svg",logoAlt:"Instacart",logoBackground:"#F5F5F5",isStarred:!0},{id:"nyt",sender:e("mails.nyt.sender"),subject:e("mails.nyt.subject"),snippet:e("mails.nyt.snippet"),time:"10:57",logoSrc:"/brands/newyorktimes.svg",logoAlt:"The New York Times",logoBackground:"#F5F5F5"}],[S,e]),eE=(0,n.useMemo)(()=>{if("important"===y||"all"===y)return eS;let e={important:["northstar-meeting","filomail-welcome","apple","
1instacart"],updates:["filomail-welcome","apple","instacart"],promotions:["spotify"],"ai-news":["nyt"]};return eS.filter(t=>e[y].includes(t.id))},[y,eS]),eT=()=>{ey.current.forEach(e=>window.clearTimeout(e)),ey.current=[],null!==eF.current&&(window.clearInterval(eF.current),eF.current=null),null!==eA.current&&(window.clearTimeout(eA.current),eA.current=null),null!==eC.current&&(window.cancelAnimationFrame(eC.current),eC.current=null)},eL=()=>{eT(),eD.current=!1,ep(!1),z("done")},eM=e=>{eL(),null!==ez.current&&window.clearTimeout(ez.current),eg(e),ez.current=window.setTimeout(()=>{eg(""),ez.current=null},1800)},eP=()=>{null!==e_.current&&(window.clearTimeout(e_.current),e_.current=null),R(!1),P(!0)},eI=()=>{R(!0),null!==e_.current&&window.clearTimeout(e_.current),e_.current=window.setTimeout(()=>{P(!1),R(!1),e_.current=null},260)},eR=e=>{eL(),g(e)},eU=()=>{eL(),el(""),eo(!1),g("ai")},eW=e=>{eL(),C(e),ei(""),ec(""),g("compose")};(0,n.useEffect)(()=>{let e=ev.current;e&&(e.scrollLeft=e.scrollWidth)},[es]);let eq=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"center",s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:780,i=ej.current;if(!i||!e)return;null!==eC.current&&window.cancelAnimationFrame(eC.current);let a=i.getBoundingClientRect(),l=e.getBoundingClientRect().top-a.top+i.scrollTop-("end"===t?i.clientHeight-e.offsetHeight-22:i.clientHeight/2-e.offsetHeight/2),n=Math.min(Math.max(0,i.scrollHeight-i.clientHeight),Math.max(0,l)),o=i.scrollTop,r=n-o;if(1>Math.abs(r))return;let c=window.performance.now(),d=e=>{let t=Math.min(1,(e-c)/s);if(i.scrollTop=o+r*(.5-Math.cos(Math.PI*t)/2),t<1){eC.current=window.requestAnimationFrame(d);return}i.scrollTop=n,eC.current=null};eC.current=window.requestAnimationFrame(d)};(0,n.useEffect)(()=>{let e=ef.current;if(!e)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){E(!0),z("done");return}let t=new IntersectionObserver(e=>{let[s]=e;s.isIntersecting&&(B(!0),t.disconnect())},{threshold:.58});return t.observe(e),()=>t.disconnect()},[]),(0,n.useEffect)(()=>{if(!D)return;let e=(e,t)=>{ey.current.push(window.setTimeout(e,t))};return e(()=>z("refreshing"),500),e(()=>{E(!0),z("arriving")},1400),e(()=>z("selecting"),2800),e(()=>{g("detail"),z("reading")},3400),e(()=>{z("scrolling-to-calendar"),eq(eN.current,"center",760)},4700),e(()=>z("accepting-invite"),5600),e(()=>V("yes"),6150),e(()=>{z("scrolling-to-todo"),eq(ew.current,"center",640)},6750),e(()=>z("completing-todo"),7450),e(()=>L(!0),7950),e(()=>{z("scrolling-to-reply"),eq(ek.current,"end",1120)},8650),e(()=>z("replying"),10150),e(()=>{C("reply"),g("compose"),z("composing")},10750),e(()=>{eP(),z("choosing-style")},11400),e(()=>et("friendly"),12300),e(eI,12750),e(()=>{ep(!0),z("typing");let t=0;eF.current=window.setInterval(()=>{var s;t+=1;let i=null!=(s=eB.aiPrompt[t-1])?s:"";em(" "===i?"SPACE":/^[a-z]$/i.test(i)?i.toUpperCase():null),null!==eA.current&&window.clearTimeout(eA.current),eA.current=window.setTimeout(()=>{em(null),eA.current=null},44),ei(eB.aiPrompt.slice(0,t)),t<eB.aiPrompt.length||(null!==eF.current&&(window.clearInterval(eF.current),eF.current=null),e(()=>{ei(""),em(null),ep(!1),z("generating")},420),e(()=>ec(eB.generatedBody),1520),e(()=>z("sending"),3e3),e(()=>{eD.current=!0,eb(eB.sentNotice),g("detail"),z("send-success")},3460))},60)},13200),eT},[D]),(0,n.useEffect)(()=>{if(!eu)return;let e=window.setTimeout(()=>{if(eb(""),!eD.current)return void z("done");z("returning-to-inbox");let e=window.setTimeout(()=>{g("inbox"),z("done"),eD.current=!1},720);ey.current.push(e)},2400);return()=>window.clearTimeout(e)},[eu]),(0,n.useEffect)(()=>()=>{null!==ez.current&&window.clearTimeout(ez.current),null!==e_.current&&window.clearTimeout(e_.current)},[]);let eH=t=>{if(eL(),"northstar-meeting"!==t&&"filomail-welcome"!==t)return void eM(e("mobile.updatedJustNow"));k(t),ej.current&&(ej.current.scrollTop=0),g("detail")},eO="filomail-welcome"===w;return(0,i.jsx)("section",{ref:ef,"aria-label":e("mobilePreviewLabel"),"data-testid":"home-ios-mail-demo","data-auto-demo-stage":A,className:"relative left-1/2 w-screen -translate-x-1/2 px-3 pb-10 [&_button:not(:disabled)]:transition-[background-color,color,opacity,box-shadow,transform] [&_button:not(:disabled)]:duration-150 [&_button:not(:disabled)]:ease-[cubic-bezier(0.25,1,0.5,1)] [&_button:not(:disabled)]:active:scale-[0.97] motion-reduce:[&_button]:transition-none",style:{fontFamily:'-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif'},children:(0,i.jsx)("div",{className:"mx-auto w-full max-w-[390px]",children:(0,i.jsxs)("div",{className:"relative aspect-[723/1568] w-full overflow-hidden rounded-[32px] border border-black/[0.065] bg-white text-left text-black shadow-[0_38px_80px_rgba(43,66,92,0.16),0_8px_28px_rgba(0,0,0,0.08)] [container-type:inline-size]",children:[(0,i.jsx)(m,{}),(0,i.jsxs)("div",{"data-testid":"ios-inbox-screen","aria-hidden":"inbox"!==s,inert:"inbox"!==s||void 0,className:(0,r.cn)("absolute inset-0 flex flex-col bg-white pt-[56px] will-change-transform transition-[opacity,transform] duration-[460ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none","inbox"===s?"translate-x-0 opacity-100":"-translate-x-[22%] opacity-0 pointer-events-none"),children:[(0,i.jsxs)("header",{className:"flex h-[58px] shrink-0 items-center gap-2 px-[14px]",children:[(0,i.jsxs)("div",{className:"flex h-12 min-w-0 flex-1 items-center rounded-full bg-black/[0.04] px-1.5 shadow-[inset_0_1px_2px_rgba(0,0,0,0.02)]",children:[(0,i.jsx)("button",{type:"button","aria-label":e("sidebar.inbox"),onClick:()=>eM(e("sidebar.inbox")),className:"grid size-10 shrink-0 place-items-center rounded-full text-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:"inbox-drawer",className:"size-[21px]"})}),(0,i.jsx)("span",{className:(0,r.cn)("min-w-0 flex-1 truncate px-1 text-[16px] tracking-[-0.25px] transition-colors","refreshing"===A?"text-[#707070]":"text-[#BDBDBD]"),children:"refreshing"===A?e("mobile.updatedJustNow"):e("searchPlaceholder")}),(0,i.jsx)("span",{className:"grid size-9 place-items-center rounded-full bg-[#E9F6FF] text-[#22A0FB]",children:(0,i.jsx)(u,{className:"size-[21px]"})})]}),(0,i.jsx)(b,{label:e("actions.filterAll"),icon:"tabs-setting",className:"size-12",iconClassName:"size-[21px]",onClick:()=>{F("all"),eM(e("actions.filterAll"))}})]}),(0,i.jsx)("nav",{"aria-label":e("tabs.important"),className:"shrink-0 border-b-[0.5px] border-[#D5D5D5]",children:(0,i.jsx)("div",{className:"flex h-[43px] items-end overflow-x-auto px-2 [scrollbar-width:none]",children:[["important",e("tabs.important")],["updates",e("tabs.updates")],["promotions",e("tabs.promotions")],["ai-news",e("tabs.aiNews")],["all",e("tabs.all")]].map(e=>{let[t,s]=e;return(0,i.jsxs)("button",{type:"button","aria-current":y===t?"page":void 0,onClick:()=>{eL(),F(t)},className:(0,r.cn)("relative h-[40px] shrink-0 rounded-t-lg px-[7px] text-[15px] font-semibold tracking-[-0.2px] transition-[background-color,color,transform] duration-150 active:scale-[0.97] active:bg-black/[0.035] focu
1s-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#22A0FB]/35",y===t?"text-[#22A0FB]":"text-[#707070]"),children:[s,y===t?(0,i.jsx)("span",{className:"absolute inset-x-2 bottom-0 h-0.5 rounded-full bg-[#22A0FB]"}):null]},t)})})}),(0,i.jsxs)("button",{type:"button",onClick:()=>eR("todo"),className:"flex min-h-[66px] shrink-0 items-center gap-3 px-[17px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#22A0FB]/35",children:[(0,i.jsx)("span",{className:"grid size-10 shrink-0 place-items-center rounded-full bg-[#E9F6FF] text-[#22A0FB]",children:(0,i.jsx)(o.A,{name:"todo",className:"size-[22px]"})}),(0,i.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,i.jsx)("span",{className:"block text-[15px] font-semibold leading-5",children:e("sidebar.todo")}),(0,i.jsx)("span",{className:"block truncate text-[14px] leading-[18px] text-[#707070]",children:e("meetingDetail.todo.accept.title")})]}),(0,i.jsx)("span",{className:"grid size-7 place-items-center rounded-full bg-[#E9F6FF] text-[13px] font-semibold text-[#22A0FB]",children:"4"})]}),(0,i.jsxs)("div",{className:"min-h-0 flex-1 overflow-y-auto pb-[86px] [scrollbar-width:none]",children:[(0,i.jsx)("div",{className:"px-[17px] pb-1 pt-2 text-[14px] font-normal leading-5 text-[#707070]",children:e("today")}),eE.map(e=>(0,i.jsx)(h,{mail:e,isArriving:"northstar-meeting"===e.id&&"arriving"===A,isSelecting:"northstar-meeting"===e.id&&"selecting"===A,onOpen:()=>eH(e.id)},e.id))]}),(0,i.jsx)(f,{active:"inbox",inboxLabel:e("sidebar.inbox"),todoLabel:e("sidebar.todo"),composeLabel:e("sidebar.compose"),onInbox:()=>eR("inbox"),onTodo:()=>eR("todo"),onAi:eU,onCompose:()=>eW("new")})]}),(0,i.jsxs)("div",{"data-testid":"ios-todo-screen","aria-hidden":"todo"!==s,inert:"todo"!==s||void 0,className:(0,r.cn)("absolute inset-0 flex flex-col bg-white pt-[56px] will-change-transform transition-[opacity,transform] duration-[460ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none","todo"===s?"translate-x-0 opacity-100":"translate-x-full opacity-100 pointer-events-none"),children:[(0,i.jsxs)("header",{className:"relative flex h-[82px] shrink-0 items-start justify-between px-[17px] pt-2",children:[(0,i.jsx)("button",{type:"button","aria-pressed":U,onClick:()=>W(e=>!e),className:(0,r.cn)(d,"h-[48px] rounded-full px-5 text-[15px] font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",U&&"bg-[#E9F6FF] text-[#0D93F3]"),children:e("mobile.edit")}),(0,i.jsxs)("div",{className:"absolute inset-x-16 top-2 text-center",children:[(0,i.jsx)("h2",{className:"text-[24px] font-bold leading-[29px] tracking-[-0.5px]",children:e("sidebar.todo")}),(0,i.jsx)("p",{className:"text-[14px] leading-5 text-[#707070]",children:e("mobile.updatedJustNow")})]}),(0,i.jsx)(b,{label:e("actions.filterAll"),icon:"filter",className:"size-12",onClick:()=>eM(e("actions.filterAll"))})]}),(0,i.jsxs)("div",{className:"min-h-0 flex-1 overflow-y-auto px-[19px] pb-[88px] [scrollbar-width:none]",children:[(0,i.jsxs)("section",{children:[(0,i.jsxs)("div",{className:"flex items-center justify-between pt-2",children:[(0,i.jsx)("h3",{className:"text-[22px] font-bold tracking-[-0.35px]",children:e("today")}),(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-5"})]}),(0,i.jsx)("p",{className:"mt-5 text-[15px] font-semibold text-[#707070]",children:e("mobile.createdToday")}),(0,i.jsx)("div",{className:"mt-4 space-y-7",children:["first","second","third"].map((t,s)=>(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)(o.A,{name:"checkbox-unchecked",className:"mt-0.5 size-6 shrink-0"}),(0,i.jsxs)("p",{className:(0,r.cn)("text-[16px] leading-[22px] tracking-[-0.15px]",2===s&&"font-semibold"),children:[s<2?(0,i.jsx)("span",{className:"mr-1 text-[#EF4A68]",children:"!!!"}):null,e("mobile.todoTasks.".concat(t))]})]},t))})]}),(0,i.jsxs)("section",{className:"mt-10",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("h3",{className:"text-[22px] font-bold tracking-[-0.35px]",children:e("mobile.august")}),(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-5"})]}),(0,i.jsx)("div",{className:"mt-5 space-y-7",children:["augustFirst","augustSecond","augustThird"].map((t,s)=>(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)(o.A,{name:"checkbox-unchecked",className:"mt-0.5 size-6 shrink-0"}),(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsxs)("p",{className:"text-[16px] leading-[22px] tracking-[-0.15px]",children:[1===s?(0,i.jsx)("span",{className:"mr-1 text-[#EF4A68]",children:"!!!"}):null,e("mobile.todoTasks.".concat(t))]}),(0,i.jsxs)("p",{className:"mt-1 flex items-center text-[13px] text-[#707070]",children:[(0,i.jsx)(o.A,{name:"clock",className:"mr-1 size-[15px]"}),e("mobile.todoDates.".concat(t))]})]})]},t))})]}),(0,i.jsx)("section",{className:"mt-10",children:(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("h3",{className:"text-[22px] font-bold tracking-[-0.35px]",children:e("mobile.september")}),(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-5"})]})})]}),(0,i.jsx)(f,{active:"todo",inboxLabel:e("sidebar.inbox"),todoLabel:e("sidebar.todo"),composeLabel:e("sidebar.compose"),onInbox:()=>eR("inbox"),onTodo:()=>eR("todo"),onAi:eU,onCompose:()=>eW("new")})]}),(0,i.jsxs)("div",{"aria-hidden":"ai"!==s,inert:"ai"!==s||void 0,className:(0,r.cn)("absolute inset-0 flex flex-col will-change-transform transition-[opacity,transform] duration-[460ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none","ai"===s?"translate-x-0 opacity-100":"translate-x-full opacity-0 pointer-events-none"),children:[(0,i.jsx)(j,{input:ea,hasResponse:en,onInputChange:el,onSubmit:()=>{ea.trim()&&(eo(!0),el(""))},onFocus:eL}),(0,i.jsx)(f,{active:"ai",inboxLabel:e("sidebar.inbox"),todoLabel:e("sidebar.todo"),composeLabel:e("sidebar.compose"),onInbox:()=>eR("inbox"),onTodo:()=>eR("todo"),onAi:eU,onCompose:()=>eW("new")})]}),(0,i.jsxs)("div",{"data-testid":"ios-detail-screen","data-open-mail-id":w,"aria-hidden":"detail"!==s,inert:"detail"!==s||void 0,className:(0,r.cn)("absolute inset-0 flex flex-col bg-white pt-[56px] will-change-transform transition-[opacity,transform] duration-[460ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none","detail"===s?"translate-x-0 opacity-100":"compose"===s?"-translate-x-[22%] opacity-0 pointer-events-none":"translate-x-full opacity-100 pointer-events-none"),children:[(0,i.jsxs)("header",{className:"z-20 flex h-[58px] shrink-0 items-center justify-between px-[14px]",children:[(0,i.jsx)(b,{label:eO?t("actions.back"):e("meetingDetail.actions.back"),icon:"back",onClick:()=>eR("inbox"),className:(0,r.cn)("returning-to-inbox"===A&&"scale-[0.9] bg-black/[0.08] shadow-[0_4px_12px_rgba(0,0,0,0.12)]")}),(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsxs)("div",{className:(0,r.cn)(d,"flex h-[46px] items-center rounded-full px-1"),children:[(0,i.jsx)("button",{type:"button","aria-label":eO?t("actions.star"):e("meetingDetail.actions.star"),"aria-pressed":q,onClick:()=>H(e=>!e),className:c,children:(0,i.jsx)(o.A,{name:q?"star-after":"star-before",className:"size-[21px]"})}),(0,i.jsx)("button",{type:"button","aria-label":eO?t("actions.archive"):e("meetingDetail.actions.archive"),onClick:()=>eR("inbox"),className:c,children:(0,i.jsx)(o.A,{name:"archive",className:"size-[21px]"})}),(0,i.jsx)("button",{type:"button","aria-label":eO?t("actions.delete"):e("meetingDetail.actions.delete"),onClick:()=>eR("inbox"),className:c,children:(0,i.jsx)(o.A,{name:"delete",className:"size-[21px]"})})]}),(0,i.jsx)(b,{label:eO?t("actions.more"):e("meetingDetail.actions.more"),icon:"more-horizontal",onClick:()=>eM(eO?t("actions.more"):e("meetingDetail.actions.more"))})]})]}),(0,i.jsx)("div",{ref:ej,"data-testid":"ios-meeting-detail-scroll",className:"min-h-0 flex-1 touch-pan-y overflow-y-auto overscroll-y-contain pb-[82px] [scrollbar-width:none] [-webkit-overflow-scrolling:touch]",children:eO?(0,i.jsx)(N,{isTodoDone:J,isTranslated:Z,onBack:()=>eR("inbox"),onToggleTodo:()=>Q(e=>!e),onToggleTranslated:()=>Y(e=>!e)}):(0,i.jsxs)("div",{className:"px-[16px] pb-3 pt-1",children:[(0,i.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,i.jsx)("h2",{className:"text-[21px] font-bold leading-[26px] tracking-[-0.4px] text-black",children:e("meetingDetail.subject")}),(0,i.jsx)("span",{className:"rounded-full bg-black/[0.035] px-2 py-1 text-[12px] font-semibold text-[#22A0FB]",children:e("tabs.important")}),(0,i.jsx)("span",{className:"grid size-8 place-items-center rounded-full bg-black/[0.035]",children:(0,i.jsx)(o.A,{name:"label",className:"size-[17px]"})})]}),(0,i.jsxs)("div",{className:"mt-4 flex items-start gap-3",children:[(0,i.jsx)("span",{className:"grid size-9 shrink-0 place-items-center rounded-full bg-[#E8E5FF] text-[13px] font-bold text-[#6450F9]",children:"MT"}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("p",{className:"min-w-0 flex-1 truncate text-[15px] font-medium leading-5",children:e("meetingDetail.sender")}),(0,i.jsx)("span",{className:"shrink-0 text-[12px] text-[#707070]",children:e("yesterday")})]}),(0,i.jsx)("p",{className:"mt-1 truncate text-[14px] leading-[18px] text-[#707070]",children:e("meetingDetail.email.intro")})]}),(0,i.jsx)(o.A,{name:"attachment",className:"mt-1 size-[17px]"})]}),(0,i.jsx)("div",{className:"relative my-5 h-px bg-black/[0.035]",children:(0,i.jsx)("span",{className:"absolute -left-0.5 -top-[15px] grid size-[31px] place-items-center rounded-full border border-black/[0.15] bg-white text-[14px]",children:"2"})}),(0,i.jsxs)("div",{className:"flex items-start gap-3 py-2",children:[(0,i.jsx)("span",{className:"grid size-9 shrink-0 place-items-center overflow-hidden rounded-full bg-[#E9F6FF]",children:(0,i.jsx)(a.default,{src:"/FiloMail-icon.png",alt:"",width:36,height:36,className:"size-9"})}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("p",{className:"min-w-0 flex-1 truncate text-[15px] font-medium",children:"Fiona Lowe"}),(0,i.jsx)("span",{className:"text-[12px] text-[#707070]",children:"12:01"})]}),(0,i.jsx)("p",{className:"mt-1 truncate text-[14px] text-[#707070]",children:e("mobile.previousReply")})]})]}),(0,i.jsxs)("div",{className:"mt-3 flex items-start gap-3",children:[(0,i.jsx)("span",{className:"grid size-9 shrink-0 place-items-center rounded-full bg-[#E8E5FF] text-[13px] font-bold text-[#6450F9]",children:"MT"}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("p",{className:"min-w-0 flex-1 truncate text-[15px] font-medium",children:e("meetingDetail.sender")}),(0,i.jsx)("span",{className:"text-[12px] text-[#707070]",children:e("meetingDetail.time")})]}),(0,i.jsxs)("p",{className:"mt-1 truncate text-[14px] text-[#707070]",children:[(0,i.jsxs)("span",{className:"font-medium text-black",children:[e("meetingDetail.toLabel"),":"]})," ",e("meetingDetail.toProfile")]})]}),(0,i.jsx)(o.A,{name:"reply",className:"mt-1 size-[20px]"}),(0,i.jsx)(o.A,{name:"more-horizontal",className:"mt-1 size-[18px]"})]}),(0,i.jsxs)("section",{className:"mt-4 rounded-[20px] bg-[#E9F6FF] p-4",children:[(0,i.jsx)("h3",{className:"text-[16px] font-bold leading-5 text-[#22A0FB]",children:e("meetingDetail.summary.title")}),(0,i.jsx)("ul",{className:"mt-2 list-disc space-y-1.5 pl-5 text-[15px] leading-[21px] tracking-[-0.2px] text-black",children:["first","second","third"].map(t=>(0,i.jsx)("li",{children:e("meetingDetail.summary.items.".concat(t))},t))})]}),(0,i.jsxs)("section",{ref:eN,"data-testid":"ios-meeting-calendar",className:(0,r.cn)("mt-3 rounded-[20px] border border-black/[0.07] bg-white p-4 shadow-[0_7px_22px_rgba(0,0,0,0.045)] transition-[border-color,box-shadow,transform] duration-300 ease-[
1cubic-bezier(0.22,1,0.36,1)]","accepting-invite"===A&&"scale-[1.01] border-[#9CD5FF] shadow-[0_0_0_4px_rgba(34,160,251,0.14),0_12px_30px_rgba(34,160,251,0.12)]"),children:[(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)(o.A,{name:"google-calendar",className:"mt-0.5 size-6"}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsx)("p",{className:"text-[12px] font-semibold text-[#4285F4]",children:"Google Calendar"}),(0,i.jsx)("h3",{className:"mt-1 text-[15px] font-semibold leading-5 tracking-[-0.2px]",children:e("meetingDetail.calendar.title")})]})]}),(0,i.jsxs)("dl",{className:"mt-3 space-y-1.5 text-[12px] leading-[17px] text-[#707070]",children:[(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)("dt",{className:"w-12 shrink-0 font-semibold",children:e("meetingDetail.calendar.whenLabel")}),(0,i.jsx)("dd",{children:e("meetingDetail.calendar.when")})]}),(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)("dt",{className:"w-12 shrink-0 font-semibold",children:e("meetingDetail.calendar.whereLabel")}),(0,i.jsx)("dd",{children:e("meetingDetail.calendar.where")})]})]}),(0,i.jsxs)("div",{className:"mt-3 flex items-center gap-2",children:[(0,i.jsx)("button",{type:"button","aria-pressed":"yes"===O,onClick:()=>{eL(),V("yes")},className:(0,r.cn)("min-h-10 rounded-full px-4 text-[12px] font-semibold transition-[background-color,color,transform] active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#4285F4]/35","yes"===O?"bg-[#E9F6FF] text-[#0D93F3]":"border border-black/[0.1] bg-white text-black"),children:"yes"===O?e("meetingDetail.calendar.accepted"):e("meetingDetail.calendar.yes")}),(0,i.jsx)("button",{type:"button","aria-pressed":"maybe"===O,onClick:()=>{eL(),V("maybe")},className:(0,r.cn)("min-h-10 rounded-full border border-black/[0.1] px-4 text-[12px] font-semibold","maybe"===O&&"border-[#9CD5FF] bg-[#E9F6FF] text-[#0D93F3]"),children:e("meetingDetail.calendar.maybe")}),(0,i.jsx)("button",{type:"button","aria-pressed":"no"===O,onClick:()=>{eL(),V("no")},className:(0,r.cn)("min-h-10 rounded-full border border-black/[0.1] px-4 text-[12px] font-semibold","no"===O&&"border-[#9CD5FF] bg-[#E9F6FF] text-[#0D93F3]"),children:e("meetingDetail.calendar.no")})]})]}),(0,i.jsx)("section",{ref:ew,"data-testid":"ios-meeting-todo",className:(0,r.cn)("mt-3 rounded-[20px] bg-[#E9F6FF] p-4 transition-[box-shadow,transform] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]","completing-todo"===A&&"scale-[1.01] shadow-[0_0_0_4px_rgba(34,160,251,0.14),0_12px_30px_rgba(34,160,251,0.12)]"),children:(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)("button",{type:"button","aria-label":T?e("meetingDetail.todo.markActive"):e("meetingDetail.todo.markDone"),onClick:()=>{eL(),L(e=>!e)},className:"grid size-10 -m-1.5 shrink-0 place-items-center rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:T?"checkbox-checked":"checkbox-unchecked",className:"size-[22px]"})}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsx)("p",{className:(0,r.cn)("text-[15px] font-semibold leading-5 tracking-[-0.2px] transition-[color,opacity] duration-300",T&&"text-[#707070] line-through opacity-70"),children:e("meetingDetail.todo.accept.title")}),(0,i.jsxs)("p",{className:"mt-1 flex items-center text-[12px] leading-4 text-[#707070]",children:[(0,i.jsx)(o.A,{name:"clock",className:"mr-1 size-[15px]"}),e("meetingDetail.todo.accept.due")]})]})]})}),(0,i.jsxs)("button",{type:"button","aria-pressed":G,onClick:()=>{eL(),K(e=>!e)},className:(0,r.cn)("mt-3 flex min-h-12 w-full items-center gap-2 rounded-[20px] bg-black/[0.035] px-4 text-left text-[14px] font-medium text-[#22A0FB]",G&&"bg-[#E9F6FF]"),children:[(0,i.jsx)(o.A,{name:"translate",className:"size-5"}),(0,i.jsx)("span",{className:"min-w-0 flex-1",children:e("mobile.translateWithFilo")}),(0,i.jsx)(o.A,{name:"tabs-setting",className:"size-[18px] text-black"})]}),(0,i.jsxs)("article",{className:"pb-5 pt-5 text-[15px] leading-[1.48] tracking-[-0.2px] text-black",children:[(0,i.jsx)("p",{children:e("meetingDetail.email.greeting")}),(0,i.jsx)("p",{className:"mt-3",children:e("meetingDetail.email.intro")}),(0,i.jsx)("p",{className:"mt-4 font-semibold",children:e("meetingDetail.email.agendaTitle")}),(0,i.jsx)("ul",{className:"mt-2 list-disc space-y-1.5 pl-5",children:["first","second","third"].map(t=>(0,i.jsx)("li",{children:e("meetingDetail.email.agenda.".concat(t))},t))}),(0,i.jsx)("p",{className:"mt-4 whitespace-pre-line",children:e("meetingDetail.email.signoff")})]}),(0,i.jsx)("div",{ref:ek,className:"h-8"})]})}
1),(0,i.jsxs)("div",{className:"absolute inset-x-0 bottom-[10px] z-30 flex items-center justify-between px-[22px]",children:[(0,i.jsxs)("div",{className:(0,r.cn)(d,"flex h-[54px] items-center rounded-full px-2"),children:[(0,i.jsx)("button",{type:"button","aria-label":eO?t("actions.reply"):e("meetingDetail.actions.reply"),onClick:()=>eW(eO?"new":"reply"),className:(0,r.cn)(c,"replying"===A&&"scale-[0.96] bg-[#E9F6FF] text-[#0D93F3] shadow-[0_0_0_4px_rgba(34,160,251,0.12)]"),children:(0,i.jsx)(o.A,{name:"reply",className:"size-[23px]"})}),(0,i.jsx)("button",{type:"button","aria-label":eO?t("actions.forward"):e("meetingDetail.actions.forward"),onClick:()=>eM(eO?t("actions.forward"):e("meetingDetail.actions.forward")),className:c,children:(0,i.jsx)(o.A,{name:"forward",className:"size-[23px]"})})]}),(0,i.jsx)(b,{label:eO?t("actions.ai"):e("meetingDetail.actions.ai"),icon:"ai",className:"size-[54px]",iconClassName:"size-6",onClick:()=>eM(eO?t("actions.ai"):e("meetingDetail.actions.ai"))})]})]}),(0,i.jsxs)("div",{"data-testid":"ios-compose-screen","aria-hidden":"compose"!==s,inert:"compose"!==s||void 0,className:(0,r.cn)("absolute inset-0 z-50 flex flex-col bg-white pt-[56px] transition-[opacity,transform] duration-[420ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none","compose"===s?"translate-x-0 opacity-100":"translate-x-full opacity-100 pointer-events-none"),children:[(0,i.jsxs)("header",{className:"flex h-[58px] shrink-0 items-center justify-between px-[14px]",children:[(0,i.jsx)("button",{type:"button","aria-label":e("compose.close"),onClick:()=>eR("new"===_?"inbox":"detail"),className:(0,r.cn)(c,d,"size-[46px] bg-white/64"),children:(0,i.jsx)(x,{className:"size-[22px]"})}),(0,i.jsxs)("div",{className:(0,r.cn)(d,"flex h-[46px] items-center rounded-full px-1"),children:[(0,i.jsx)("button",{type:"button","aria-label":e("compose.signature"),onClick:()=>eM(e("compose.signature")),className:c,children:(0,i.jsx)(o.A,{name:"compose-signature",className:"size-[20px]"})}),(0,i.jsx)("button",{type:"button","aria-label":e("compose.attachment"),onClick:()=>eM(e("compose.attachment")),className:c,children:(0,i.jsx)(o.A,{name:"attachment",className:"size-[21px]"})}),(0,i.jsx)("button",{type:"button","aria-label":e("compose.send"),onClick:()=>{eD.current=!1,eb(eB.sentNotice),g("new"===_?"inbox":"detail"),z("done")},className:(0,r.cn)("grid size-[36px] place-items-center rounded-full bg-[#22A0FB] text-white transition-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35","sending"===A&&"scale-[0.9]"),children:(0,i.jsx)(p,{className:"size-[19px] -rotate-[4deg]"})}),(0,i.jsx)("button",{type:"button","aria-label":e("compose.sendOptions"),onClick:()=>eM(e("compose.sendOptions")),className:c,children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-[19px]"})})]})]}),(0,i.jsxs)("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:[(0,i.jsxs)("div",{className:"absolute inset-0 overflow-y-auto px-[16px] pb-[112px] [scrollbar-width:none]",children:["reply"===_?(0,i.jsxs)("div",{className:"flex min-h-[48px] items-center gap-2 border-b border-black/[0.08] text-[14px]",children:[(0,i.jsx)(o.A,{name:"reply",className:"size-[19px] text-[#707070]"}),(0,i.jsx)("span",{className:"truncate text-[#22A0FB]",children:eB.to})]}):(0,i.jsxs)("div",{className:"flex min-h-[48px] items-center gap-2 border-b border-black/[0.08] text-[14px]",children:[(0,i.jsxs)("span",{className:"text-[#707070]",children:[e("compose.to"),":"]}),(0,i.jsx)("span",{className:"min-w-0 flex-1"}),(0,i.jsxs)("span",{className:"shrink-0 text-[#22A0FB]",children:[e("compose.cc")," ",e("compose.bcc")]})]}),(0,i.jsxs)("div",{className:"flex min-h-[50px] items-center gap-2 border-b border-black/[0.08] text-[14px]",children:[(0,i.jsxs)("span",{className:"text-[#707070]",children:[e("compose.from"),":"]}),(0,i.jsxs)("span",{className:"truncate text-black",children:[e("sidebar.gmailAccountName")," - ",e("sidebar.gmailAccount")]})]}),(0,i.jsx)("div",{className:"flex min-h-[50px] items-center border-b border-black/[0.08] text-[15px]",children:(0,i.jsx)("span",{className:(0,r.cn)("truncate","new"===_&&"text-[#707070]"),children:"reply"===_?eB.subject:e("compose.subject")})}),(0,i.jsx)("div",{className:"min-h-[148px] py-5 text-[15px] leading-[1.45] tracking-[-0.2px]",children:"reply"!==_||"generating"!==A||er?"reply"===_&&er?(0,i.jsx)("p",{className:"whitespace-pre-line",children:er}):(0,i.jsx)("p",{className:"text-[#707070]",children:e("compose.bodyPlaceholder")}):(0,i.jsxs)("div",{className:"space-y-3 motion-safe:animate-pulse",children:[(0,i.jsx)("div",{className:"h-4 w-4/5 rounded-full bg-black/[0.06]"}),(0,i.jsx)("div",{className:"h-4 w-full rounded-full bg-black/[0.06]"}),(0,i.jsx)("div",{className:"h-4 w-2/3 rounded-full bg-black/[0.06]"})]})}),"reply"===_?(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)("button",{type:"button","aria-label":e("meetingDetail.actions.more"),onClick:()=>eM(e("meetingDetail.actions.more")),className:"grid size-8 place-items-center rounded-full bg-black/[0.035]",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-[17px] text-[#707070]"})}),(0,i.jsxs)("blockquote",{className:"mt-4 border-l border-black/[0.12] pl-3 text-[12px] leading-[18px] text-[#707070]",children:[(0,i.jsx)("p",{children:e("mobile.quoteIntro")}),(0,i.jsx)("p",{className:"mt-2 line-clamp-2 border-t border-black/[0.1] pt-2 text-[13px] text-black",children:e("meetingDetail.reply.quotedExcerpt")})]})]}):null]}
1),(0,i.jsxs)("div",{"data-testid":"ios-compose-controls",className:(0,r.cn)("absolute inset-x-0 bottom-0 z-20 bg-white px-[16px] pb-2 pt-1 transition-transform duration-[460ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none",ex?"-translate-y-[316px]":"translate-y-0"),children:[(0,i.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,i.jsxs)("button",{type:"button",onClick:()=>{eL(),eP()},className:"flex h-8 shrink-0 items-center gap-1.5 rounded-full bg-black/[0.055] px-3 text-[12px] font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:[(0,i.jsx)(o.A,{name:"compose-style",className:"size-[15px]"}),"friendly"===ee?e("compose.tones.friendly"):e("compose.writingStyle")]}),(0,i.jsxs)("button",{type:"button",onClick:()=>{eL(),$(e=>"english"===e?"chinese":"english")},className:"flex h-8 shrink-0 items-center gap-1.5 rounded-full bg-black/[0.055] px-3 text-[12px] font-medium",children:[(0,i.jsx)(o.A,{name:"compose-language",className:"size-[15px]"}),e("compose.languages.".concat(X))]})]}),(0,i.jsx)("div",{className:"flex items-center gap-2",children:(0,i.jsxs)("div",{className:(0,r.cn)("flex min-h-[48px] min-w-0 flex-1 items-center gap-2 rounded-[24px] border border-black/[0.1] bg-white px-3 text-[#22A0FB] transition-[border-color,box-shadow,transform] duration-200",("typing"===A||"generating"===A)&&"border-[#9CD5FF] shadow-[0_0_0_4px_rgba(34,160,251,0.09)]"),children:[es?null:(0,i.jsx)(o.A,{name:"compose-ai",className:"size-[18px]"}),(0,i.jsx)("input",{ref:ev,"data-testid":"ios-ai-prompt",type:"text",value:es,onFocus:()=>{let e=null!==eF.current||ex;eL(),e&&ei("")},onChange:e=>{eL(),ei(e.target.value)},"aria-label":e("mobile.aiDraftPlaceholder"),placeholder:"generating"===A?e("compose.generating"):e("mobile.aiDraftPlaceholder"),disabled:"generating"===A,className:(0,r.cn)("min-w-0 flex-1 bg-transparent text-[14px] leading-5 text-black outline-none placeholder:text-[#707070] disabled:cursor-wait")}),es.trim()?(0,i.jsx)("button",{type:"button","data-testid":"ios-ai-submit","aria-label":e("compose.polish"),title:e("compose.polish"),onClick:()=>{if(!es.trim()||"generating"===A)return;eL(),ei(""),z("generating");let e=window.setTimeout(()=>{ec(eB.generatedBody),z("composing")},1100);ey.current.push(e)},className:"grid size-9 shrink-0 place-items-center rounded-full bg-[#111111] text-white transition-[background-color,transform,box-shadow] duration-150 hover:bg-black active:scale-[0.94] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:"compose-polish",className:"size-[18px]"})}):null]})})]}),(0,i.jsx)("div",{"data-keyboard-visible":ex?"true":"false",className:(0,r.cn)("absolute inset-x-0 bottom-0 z-30 h-[316px] transition-[opacity,transform] duration-[460ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none",ex?"translate-y-0 opacity-100":"pointer-events-none translate-y-full opacity-0"),children:(0,i.jsx)(v,{pressedKey:ed})})]})]}),M||I?(0,i.jsx)("div",{"data-testid":"ios-style-sheet",className:(0,r.cn)("absolute inset-0 z-[100] bg-black/20 backdrop-blur-[1px] transition-opacity duration-[260ms] motion-reduce:transition-none",I?"opacity-0":"opacity-100 motion-safe:animate-in motion-safe:fade-in motion-safe:duration-200"),children:(0,i.jsxs)("div",{className:(0,r.cn)("absolute inset-x-0 bottom-0 h-[54%] rounded-t-[38px] bg-[#FCFAFA] px-[18px] pb-6 shadow-[0_-18px_50px_rgba(0,0,0,0.14)] transition-transform duration-[260ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none",I?"translate-y-full":"translate-y-0 motion-safe:animate-in motion-safe:slide-in-from-bottom-8 motion-safe:duration-300"),children:[(0,i.jsx)("div",{className:"mx-auto mt-2 h-1.5 w-12 rounded-full bg-[#BDBDBD]"}),(0,i.jsxs)("div",{className:"relative flex h-[58px] items-center justify-center",children:[(0,i.jsx)("button",{type:"button","aria-label":e("meetingDetail.actions.back"),onClick:eI,className:(0,r.cn)(d,"absolute left-0 grid size-[46px] place-items-center rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35"),children:(0,i.jsx)(o.A,{name:"back",className:"size-5"})}),(0,i.jsx)("h3",{className:"text-[18px] font-bold tracking-[-0.3px]",children:e("compose.writingStyle")})]}),(0,i.jsxs)("div",{className:"pt-2",children:[["default","concise","friendly","professional"].map((t,s)=>(0,i.jsxs)("button",{type:"button",onClick:()=>{et(t),eI()},className:(0,r.cn)("flex min-h-[55px] w-full items-center justify-between rounded-2xl px-3 text-left transition-[background-color,box-shadow,transform] duration-200 ease-[
1cubic-bezier(0.22,1,0.36,1)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",ee===t&&"scale-[0.99] bg-white shadow-[0_8px_24px_rgba(34,160,251,0.14),inset_0_0_0_1px_rgba(34,160,251,0.1)]"),children:[(0,i.jsxs)("span",{children:[(0,i.jsx)("span",{className:"block text-[16px] leading-5",children:e("compose.tones.".concat(t))}),0===s?(0,i.jsx)("span",{className:"mt-1 block text-[13px] leading-4 text-[#707070]",children:e("mobile.defaultStyleDescription")}):null]}),ee===t?(0,i.jsx)(o.A,{name:"only-check",className:"size-5"}):null]},t)),(0,i.jsxs)("button",{type:"button",onClick:()=>eM(e("compose.addNewStyle")),className:"mt-1 flex min-h-[54px] w-full items-center gap-2 px-1 text-left text-[16px] text-[#707070]",children:[(0,i.jsx)(o.A,{name:"add",className:"size-5 text-black"}),e("compose.addNewStyle")]})]})]})}):null,eh?(0,i.jsxs)("div",{role:"status","data-testid":"ios-action-notice",className:"absolute inset-x-4 bottom-[78px] z-[110] flex min-h-12 items-center gap-2 rounded-full bg-black px-4 text-[14px] font-medium text-white shadow-[0_12px_36px_rgba(0,0,0,0.24)] motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-2 motion-safe:duration-200",children:[(0,i.jsx)(o.A,{name:"only-check",className:"size-5 text-[#7DD3FC]"}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate",children:eh})]}):null,eu?(0,i.jsxs)("div",{role:"status",className:"absolute inset-x-4 bottom-[78px] z-[110] flex min-h-12 items-center gap-2 rounded-full bg-black px-4 text-[14px] font-medium text-white shadow-[0_12px_36px_rgba(0,0,0,0.24)] motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-2 motion-safe:duration-300",children:[(0,i.jsx)(o.A,{name:"only-check",className:"size-5"}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate",children:eu})]}):null]})})})}},3803:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var i=s(8850),a=s(423),l=s(8422);let n=new Set(["ai-2nd","checkbox-checked","checkbox-unchecked","gmail","google-calendar","icloud","outlook","qq","star-after","yahoo"]);function o(e){let{name:t,className:s}=e,o="/filo-design/icons/".concat(t,".svg");return n.has(t)?(0,i.jsx)(a.default,{"aria-hidden":"true",src:o,alt:"",width:24,height:24,className:(0,l.cn)("size-5 shrink-0 object-contain",s)}):(0,i.jsx)("span",{"aria-hidden":"true",className:(0,l.cn)("inline-block size-5 shrink-0 bg-current",s),style:{WebkitMaskImage:"url(".concat(o,")"),WebkitMaskPosition:"center",WebkitMaskRepeat:"no-repeat",WebkitMaskSize:"contain",maskImage:"url(".concat(o,")"),maskPosition:"center",maskRepeat:"no-repeat",maskSize:"contain"}})}},4502:(e,t,s)=>{"use strict";s.d(t,{default:()=>k});var i=s(8850),a=s(423),l=s(326),n=s(6426),o=s(3803),r=s(8422);let c="grid size-10 shrink-0 cursor-pointer place-items-center rounded-full text-[#707070] transition-colors hover:bg-black/[0.04] hover:text-[#202020] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30";function d(e){var t,s;let{onClose:a,onSent:d,preset:m,isAutoDemo:x=!1,onAutoDemoComplete:p}=e,u=(0,l.c)("home.mailDemo.compose"),[b,h]=(0,n.useState)(!1),[g,f]=(0,n.useState)(!1),[j,v]=(0,n.use
1State)(!1),[N,w]=(0,n.useState)(!1),[k,y]=(0,n.useState)(!1),[F,A]=(0,n.useState)(!1),[z,_]=(0,n.useState)(!1),[C,D]=(0,n.useState)(null!=(t=null==m?void 0:m.to)?t:""),[B,S]=(0,n.useState)(""),[E,T]=(0,n.useState)(""),[L,M]=(0,n.useState)(null!=(s=null==m?void 0:m.subject)?s:""),[P,I]=(0,n.useState)(""),[R,U]=(0,n.useState)(""),[W,q]=(0,n.useState)(!1),[H,O]=(0,n.useState)(!1),[V,G]=(0,n.useState)(!1),[K,Z]=(0,n.useState)(!1),[Y,J]=(0,n.useState)(!1),[Q,X]=(0,n.useState)(!1),[$,ee]=(0,n.useState)(!1),[et,es]=(0,n.useState)(""),[ei,ea]=(0,n.useState)(!1),[el,en]=(0,n.useState)("default"),[eo,er]=(0,n.useState)("english"),[ec,ed]=(0,n.useState)([]),em=(0,n.useRef)(null),ex=(0,n.useRef)(a),ep=(0,n.useRef)(d),eu=(0,n.useRef)(p);(0,n.useEffect)(()=>{ex.current=a,ep.current=d,eu.current=p},[p,a,d]),(0,n.useEffect)(()=>{if(!H||!em.current)return;let e=window.requestAnimationFrame(()=>{let e=em.current;e&&(e.setSelectionRange(R.length,R.length),e.scrollLeft=e.scrollWidth)});return()=>window.cancelAnimationFrame(e)},[R,H]),(0,n.useEffect)(()=>{if(!x||!m)return;let e=[],t=0;return e.push(window.setTimeout(()=>X(!0),520),window.setTimeout(()=>ee(!0),1250),window.setTimeout(()=>{en("friendly"),ee(!1),X(!1)},1580),window.setTimeout(()=>{var e;Z(!0),null==(e=em.current)||e.focus({preventScroll:!0})},1930),window.setTimeout(()=>{O(!0);let s=0;t=window.setInterval(()=>{s+=1,U(m.aiPrompt.slice(0,s)),s<m.aiPrompt.length||(window.clearInterval(t),t=0,e.push(window.setTimeout(()=>{O(!1),J(!0)},460)),e.push(window.setTimeout(()=>{J(!1),U(""),q(!0)},620)),e.push(window.setTimeout(()=>{I(m.generatedBody),q(!1)},1720)),e.push(window.setTimeout(()=>{G(!0)},3220)),e.push(window.setTimeout(()=>{var e;ep.current(m.sentNotice),null==(e=eu.current)||e.call(eu),ex.current()},3640)))},34)},2180)),()=>{e.forEach(e=>window.clearTimeout(e)),t&&window.clearInterval(t)}},[x,null==m?void 0:m.aiPrompt,null==m?void 0:m.generatedBody,null==m?void 0:m.sentNotice]);let eb=!!(C.trim()||B.trim()||E.trim()),eh=()=>{if(!R.trim()||W)return;let e=R.trim();J(!0),window.setTimeout(()=>J(!1),150),U(""),q(!0),window.setTimeout(()=>{var t;let s=null!=(t=null==m?void 0:m.generatedBody)?t:u("aiDraft",{prompt:e});I(e=>e?"".concat(e,"\n\n").concat(s):s),q(!1)},1e3)},eg=e=>{en(e),X(!1)},ef=e=>{ed(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])};return b?(0,i.jsxs)("div",{"data-testid":"compose-minimized",className:"absolute bottom-[30px] right-[30px] z-50 flex h-[60px] w-[340px] max-w-[calc(100%-36px)] items-center gap-3 rounded-full border-[0.5px] border-black/[0.08] bg-white p-3 shadow-[0_18px_50px_rgba(0,0,0,0.14)]",children:[(0,i.jsx)("button",{type:"button","aria-label":u("close"),title:u("close"),onClick:a,className:"grid size-9 shrink-0 place-items-center rounded-full bg-[#F6F6F6] text-[#202020] hover:bg-[#EEEEEE] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"compose-close",className:"size-4"})}),(0,i.jsx)("button",{type:"button",onClick:()=>h(!1),className:"min-w-0 flex-1 truncate text-left text-[14px] font-semibold leading-[18px] text-[#202020] focus-visible:outline-none",children:L||u("newMessage")}),(0,i.jsx)("button",{type:"button","aria-label":u("restore"),title:u("restore"),onClick:()=>h(!1),className:"grid size-9 shrink-0 place-items-center rounded-full text-[#707070] hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"compose-expand",className:"size-4 rotate-180"})})]}):(0,i.jsxs)(i.Fragment,{children:[g?(0,i.jsx)("div",{className:"absolute inset-0 z-40 bg-black/10 backdrop-blur-[1px]"}):null,(0,i.jsxs)("form",{"data-testid":"compose-window",role:"dialog","aria-label":u("dialogLabel"),onSubmit:e=>{var t;null==e||e.preventDefault(),eb&&(d(null!=(t=null==m?void 0:m.sentNotice)?t:u("sentNotice")),a())},className:(0,r.cn)("absolute z-50 flex flex-col overflow-visible rounded-[24px] bg-white py-4 text-[#202020] shadow-[0_2px_30px_rgba(0,0,0,0.12)]",g?"inset-[18px] h-auto w-auto":(0,r.cn)("bottom-[22px] right-[22px] min-w-0",m?"h-[76%] w-[92%] sm:w-[94%] md:h-[74%] md:w-[92%] lg:w-[88%] xl:h-[70%] xl:w-[62%] 2xl:w-[58%]":"h-[70%] w-[58%]"),"max-sm:inset-2 max-sm:h-auto max-sm:w-auto max-sm:min-w-0 max-sm:rounded-[20px]"),children:[(0,i.jsxs)("div",{className:"mb-1.5 flex h-8 w-full shrink-0 items-center gap-2 px-4",children:[m?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{type:"button","aria-label":u("close"),title:u("close"),onClick:a,className:"grid size-8 aspect-square shrink-0 place-items-center rounded-full bg-[#F6F6F6] text-[#404040] transition-colors hover:bg-[#
1EEEEEE] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"reply",className:"size-3.5"})}),(0,i.jsx)("button",{type:"button",onClick:()=>y(!1),className:"min-w-0 flex-1 truncate text-left text-[14px] font-medium leading-5 text-[#63A6D3] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:C}),(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)("button",{type:"button","aria-label":"".concat(u("cc")," / ").concat(u("bcc")),title:"".concat(u("cc")," / ").concat(u("bcc")),"aria-expanded":k,onClick:()=>y(e=>!e),className:"grid size-8 aspect-square shrink-0 place-items-center rounded-full bg-[#F6F6F6] text-[#404040] transition-colors hover:bg-[#EEEEEE] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-3.5"})}),k?(0,i.jsxs)("div",{className:"absolute right-0 top-10 z-30 w-36 rounded-2xl border border-black/[0.07] bg-white p-1.5 text-[13px] text-[#404040] shadow-[0_14px_38px_rgba(0,0,0,0.14)] motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-1 motion-safe:duration-150",children:[(0,i.jsxs)("button",{type:"button",onClick:()=>{v(e=>!e),y(!1)},className:"flex h-9 w-full items-center justify-between rounded-xl px-3 text-left hover:bg-black/[0.04]",children:[(0,i.jsx)("span",{children:u("cc")}),j?(0,i.jsx)(o.A,{name:"only-check",className:"size-4"}):null]}),(0,i.jsxs)("button",{type:"button",onClick:()=>{w(e=>!e),y(!1)},className:"flex h-9 w-full items-center justify-between rounded-xl px-3 text-left hover:bg-black/[0.04]",children:[(0,i.jsx)("span",{children:u("bcc")}),N?(0,i.jsx)(o.A,{name:"only-check",className:"size-4"}):null]})]}):null]})]}):(0,i.jsxs)("div",{className:"flex items-center overflow-hidden rounded-full bg-[#F6F6F6]",children:[(0,i.jsx)("button",{type:"button","aria-label":u("close"),title:u("close"),onClick:a,className:"grid size-10 place-items-center rounded-l-full hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"compose-close",className:"size-4"})}),(0,i.jsx)("span",{className:"h-4 w-px bg-black/[0.08]"}),(0,i.jsx)("button",{type:"button","aria-label":u("minimize"),title:u("minimize"),onClick:()=>h(!0),className:"grid size-10 place-items-center hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"compose-minimize",className:"size-4"})}),(0,i.jsx)("span",{className:"h-4 w-px bg-black/[0.08]"}),(0,i.jsx)("button",{type:"button","aria-label":g?u("exitFullscreen"):u("fullscreen"),title:g?u("exitFullscreen"):u("fullscreen"),onClick:()=>f(e=>!e),className:"grid size-10 place-items-center rounded-r-full hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:g?"compose-exit-fullscreen":"compose-fullscreen",className:"size-4"})})]}),(0,i.jsxs)("div",{className:"relative ml-auto flex h-8 shrink-0 items-stretch overflow-visible rounded-full bg-[#22A0FB] text-white shadow-[0_4px_12px_rgba(34,160,251,0.2)]",children:[(0,i.jsx)("button",{type:"submit","data-testid":m?"reply-send":"compose-send",disabled:!eb,className:(0,r.cn)("h-8 rounded-l-full px-3.5 text-[12px] font-semibold leading-4 transition-[background-color,transform,box-shadow] hover:bg-[#1595E9] disabled:cursor-not-allowed disabled:opacity-45 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",V&&"scale-[0.94] bg-[#0D93F3] shadow-[0_0_0_5px_rgba(34,160,251,0.18)]"),children:u("send")}),(0,i.jsx)("span",{className:"my-1.5 w-px bg-white/30"}),(0,i.jsx)("button",{type:"button","aria-label":u("sendOptions"),title:u("sendOptions"),"aria-expanded":F,onClick:()=>A(e=>!e),className:"grid size-8 aspect-square place-items-center rounded-r-full hover:bg-[#1595E9] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80",children:(0,i.jsx)(o.A,{name:"compose-expand",className:"size-3.5"})}),F?(0,i.jsxs)("div",{className:"absolute right-0 top-10 z-20 w-52 rounded-2xl border border-black/[0.06] bg-white p-1.5 text-[13px] font-normal text-[#202020] shadow-[0_16px_40px_rgba(0,0,0,0.14)]",children:[(0,i.jsx)("button",{type:"submit",disabled:!eb,className:"flex h-9 w-full items-center rounded-xl px-3 text-left hover:bg-black/[0.04] disabled:opacity-45",children:u("sendNow")}),(0,i.jsx)("button",{type:"button",disabled:!eb,onClick:()=>{d(u("scheduledNotice")),a()},className:"flex h-9 w-full items-center rounded-xl px-3 text-left hover:bg-black/[0.04] disabled:opacity-45",children:u("scheduleTomorrow")})]}):null]})]}),(0,i.jsxs)("div",{className:"shrink-0 px-4 text-[14px] leading-[18px]",children:[m?null:(0,i.jsxs)("div",{className:"flex min-h-9 items-center gap-1 border-b-[0.5px] border-black/[0.12] py-1",children:[(0,i.jsx)("label",{htmlFor:"compose-to",className:"shrink-0 text-[#707070]",children:u("to")}),(0,i.jsx)("input",{id:"compose-to","data-testid":"compose-to",type:"email",value:C,onChange:e=>D(e.target.value),autoFocus:!m,className:"min-w-0 flex-1 bg-transparent py-1 outline-none"}),(0,i.jsx)("button",{type:"button",onClick:()=>v(e=>!e),className:(0,r.cn)("px-1 text-[#707070] hover:text-[#202020]",j&&"text-[#22A0FB]"),children:u("cc")}),(0,i.jsx)("button",{type:"button",onClick:()=>w(e=>!e),className:(0,r.cn)("px-1 text-[#707070] hover:text-[#202020]",N&&"text-[#22A0FB]"),children:u("bcc")})]}),j?(0,i.jsxs)("label",{className:"flex min-h-9 items-center gap-1 border-b-[0.5px] border-black/[0.12] py-1 text-[#707070]",children:[(0,i.jsx)("span",{children:u("cc")}),(0,i.jsx)("input",{type:"email",value:B,onChange:e=>S(e.target.value),className:"min-w-0 flex-1 bg-transparent py-1 text-[#202020] outline-none"})]}):null,N?(0,i.jsxs)("label",{className:"flex min-h-9 items-center gap-1 border-b-[0.5px] border-black/[0.12] py-1 text-[#707070]",children:[(0,i.jsx)("span",{children:u("bcc")}),(0,i.jsx)("input",{type:"email",value:E,onChange:e=>T(e.target.value),className:"min-w-0 flex-1 bg-transparent py-1 text-[#202020] outline-none"})]}):null,(0,i.jsxs)("div",{className:"flex min-h-9 items-center gap-1 border-b-[0.5px] border-black/[0.12] py-1",children:[(0,i.jsx)("span",{className:"shrink-0 text-[#707070]",children:u("from")}),(0,i.jsx)("span",{className:"truncate font-medium",children:"Fiona Lowe - [email protected]"})]}),(0,i.jsxs)("label",{className:"flex min-h-9 items-center gap-1 border-b-[0.5px] border-black/[0.12] py-1 text-[#707070]",children:[(0,i.jsx)("span",{children:u("subject")}),(0,i.jsx)("input",{"data-testid":"compose-subject",value:L,onChange:e=>M(e.target.value),className:"min-w-0 flex-1 bg-transparent py-1 text-[#202020] outline-none"})]})]}),(0,i.jsxs)("div",{className:"mx-4 mb-3 mt-4 flex min-h-0 flex-1 flex-col overflow-y-auto",children:[z?(0,i.jsx)("div",{"data-testid":"compose-format-toolbar",className:"mb-2 flex items-center gap-1 rounded-xl bg-[#F6F6F6] p-1",children:[["bold","B"],["italic","I"],["underline","U"]].map(e=>{let[t,s]=e;return(0,i.jsx)("button",{type:"button","aria-pressed":ec.includes(t),onClick:()=>ef(t),className:(0,r.cn)("grid size-8 place-items-center rounded-lg text-[13px] hover:bg-white","bold"===t&&"font-bold","italic"===t&&"italic","underline"===t&&"underline",ec.includes(t)&&"bg-white text-[#22A0FB] shadow-sm"),children:s},t)})}):null,(0,i.jsxs)("div",{className:"relative min-h-[110px] flex-1",children:[P||W?null:(0,i.jsxs)("div",{className:"pointer-events-none absolute inset-x-0 top-0 text-[14px] leading-6 text-[#707070]",children:[u("startTypingOr"),(0,i.jsx)("span",{className:"text-[#22A0FB]",children:u("writeWithAi")})]}),(0,i.jsx)("textarea",{"data-testid":"compose-body","aria-label":u("bodyPlaceholder"),value:P,onChange:e=>I(e.target.value),className:(0,r.cn)("absolute inset-0 h-full w-full resize-none bg-transparent text-[14px] leading-6 outline-none",ec.includes("bold")&&"font-semibold",ec.includes("italic")&&"italic",ec.includes("underline")&&"underline")}),W?(0,i.jsx)("div",{"data-testid":"compose-ai-skeleton","aria-label":u("generating"),className:"absolute inset-0 z-10 rounded-2xl bg-white",children:(0,i.jsxs)("div",{className:"space-y-3 pt-1 motion-safe:animate-pulse",children:[(0,i.jsx)("div",{className:"h-3 w-[88%] rounded-full bg-black/[0.08]"}),(0,i.jsx)("div",{className:"h-3 w-[96%] rounded-full bg-black/[0.065]"}),(0,i.jsx)("div",{className:"h-3 w-[76%] rounded-full bg-black/[0.07]"}),(0,i.jsx)("div",{className:"pt-3",children:(0,i.jsx)("div",{className:"h-3 w-[58%] rounded-full bg-black/[0.06]"})})]})}):null]}),ei?(0,i.jsxs)("div",{className:"mt-3 text-[13px] leading-5 text-[#707070]",children:[(0,i.jsx)("p",{children:"â"}),(0,i.jsx)("p",{className:"font-medium text-[#202020]",children:"Fiona Lowe"}),(0,i.jsx)("p",{children:"Filo Plus"})]}):null,et?(0,i.jsxs)("div",{className:"mt-3 flex w-fit items-center gap-2 rounded-full bg-[#F6F6F6] px-3 py-1.5 text-[12px] text-[#4E4E4E]",children:[(0,i.jsx)(o.A,{name:"attachment",className:"size-4"}),(0,i.jsx)("span",{className:"max-w-56 truncate",children:et}),(0,i.jsx)("button",{type:"button","aria-label":u("removeAttachment"),onClick:()=>es(""),children:(0,i.jsx)(o.A,{name:"compose-close",className:"size-3"})})]}):null,m&&P?(0,i.jsxs)("div",{className:"mt-5 border-l-2 border-black/[0.08] pl-3 text-[11px] leading-4 text-[#888888]",children:[(0,i.jsxs)("p",{className:"font-semibold text-[#707070]",children:[m.quotedSender," \xb7 ",m.quotedTime]}),(0,i.jsx)("p",{className:"mt-1 line-clamp-3 whitespace-pre-line",children:m.quotedExcerpt})]}):null]}),(0,i.jsxs)("div",{className:"w-full shrink-0 select-text px-4",children:[(0,i.jsxs)("div",{className:"relative mb-2 flex flex-wrap items-center gap-2",children:[Q?(0,i.jsxs)("div",{"data-testid":"compose-writing-style-menu",role:"menu","aria-label":u("writingStyle"),className:"absolute bottom-10 left-0 z-30 w-[320px] max-w-[calc(100vw-48px)] overflow-hidden rounded-[22px] border border-black/[0.08] bg-white px-3 pb-2 pt-3 text-[#3F3F3F] shadow-[0_14px_42px_rgba(0,0,0,0.16)] motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-2 motion-safe:duration-200",children:[(0,i.jsx)("h2",{className:"px-2 pb-2 text-[14px] font-bold leading-5",children:u("writingStyle")}),["default","concise","friendly","professional"].map((e,t)=>(0,i.jsxs)("div",{children:[t>0?(0,i.jsx)("div",{className:"mx-2 h-px bg-black/[0.1]"}):null,(0,i.jsxs)("button",{type:"button",role:"menuitemradio","aria-checked":el===e,"data-testid":"compose-writing-style-".concat(e),onClick:()=>eg(e),className:(0,r.cn)("flex h-12 w-full items-center justify-between rounded-xl px-2 text-left text-[12px] font-medium leading-[18px] transition-[background-color,transform,box-shadow] duration-150 hover:bg-black/[0.035] focu
1s-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",$&&"friendly"===e&&"scale-[0.985] bg-[#F2F8FF] shadow-[0_0_0_3px_rgba(34,160,251,0.12)]"),children:[(0,i.jsx)("span",{children:u("tones.".concat(e))}),el===e?(0,i.jsx)(o.A,{name:"only-check",className:"size-5 text-[#3F3F3F]"}):null]})]},e)),(0,i.jsx)("div",{className:"mx-2 h-px bg-black/[0.1]"}),(0,i.jsxs)("button",{type:"button",onClick:()=>X(!1),className:"flex h-12 w-full items-center gap-2 rounded-xl px-2 text-left text-[12px] font-medium text-[#707070] transition-colors hover:bg-black/[0.035] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:[(0,i.jsx)(o.A,{name:"add",className:"size-5 text-[#3F3F3F]"}),(0,i.jsx)("span",{children:u("addNewStyle")})]})]}):null,(0,i.jsxs)("button",{type:"button","data-testid":"compose-writing-style-trigger","aria-expanded":Q,onClick:()=>X(e=>!e),className:(0,r.cn)("flex h-8 items-center gap-2 rounded-full bg-[#F6F6F6] px-3 text-[12px] font-medium transition-[background-color,transform,box-shadow] duration-150 hover:bg-[#EEEEEE] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",Q&&"bg-[#EEEEEE] shadow-[0_0_0_3px_rgba(0,0,0,0.04)]"),children:[(0,i.jsx)(o.A,{name:"compose-style",className:"size-4"}),"default"===el?u("writingStyle"):u("tones.".concat(el))]}),(0,i.jsxs)("button",{type:"button",onClick:()=>er(e=>"english"===e?"chinese":"english"),className:"flex h-8 items-center gap-2 rounded-full bg-[#F6F6F6] px-3 text-[12px] font-medium hover:bg-[#EEEEEE]",children:[(0,i.jsx)(o.A,{name:"compose-language",className:"size-4"}),u("output",{language:u("languages.".concat(eo))})]})]}),(0,i.jsxs)("div",{className:"flex items-center justify-between gap-2.5",children:[(0,i.jsxs)("div",{className:(0,r.cn)("flex h-8 min-w-0 flex-1 items-center rounded-full border-2 border-transparent bg-[#F6F6F6] px-1 text-[#22A0FB] transition-[background-color,border-color,box-shadow,transform] duration-200",K&&"border-[#9ED9FF] bg-white",(H||Y)&&"scale-[1.006] bg-[#EEF8FF] shadow-[0_0_0_4px_rgba(34,160,251,0.13),0_8px_22px_rgba(34,160,251,0.13)]"),children:[(0,i.jsx)("span",{className:(0,r.cn)("flex h-7 w-7 shrink-0 items-center justify-center overflow-hidden transition-[width,margin,opacity,transform] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",K&&"-translate-x-2 w-0 opacity-0"),children:(0,i.jsx)(o.A,{name:"compose-ai",className:"size-5"})}),(0,i.jsx)("input",{ref:em,"data-testid":"compose-ai-input",value:R,onChange:e=>U(e.target.value),onKeyDown:e=>{"Enter"===e.key&&!e.nativeEvent.isComposing&&R.trim()&&(e.preventDefault(),eh())},onFocus:()=>Z(!0),onBlur:()=>Z(!1),disabled:W,"aria-label":u("aiPlaceholder"),placeholder:u("aiPlaceholder"),className:"min-w-0 flex-1 bg-transparent px-2 text-[13px] text-[#202020] outline-none placeholder:text-[#888888] disabled:cursor-wait"}),(0,i.jsx)("span",{className:(0,r.cn)("ml-1 flex h-7 w-0 shrink-0 items-center justify-end overflow-hidden opacity-0 transition-[width,opacity,transform] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",(!!R.trim()||W)&&"w-7 opacity-100"),children:(0,i.jsx)("button",{type:"button","data-testid":"compose-ai-polish","aria-label":u("polish"),title:u("polish"),disabled:!R.trim()||W,onMouseDown:e=>e.preventDefault(),onClick:eh,className:(0,r.cn)("grid size-7 shrink-0 place-items-center rounded-full bg-[#3F3F3F] text-white transition-[background-color,transform,box-shadow] duration-150 hover:bg-[#202020] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35 disabled:cursor-wait",Y&&"scale-[0.88] bg-[#202020] shadow-[0_0_0_4px_rgba(32,32,32,0.12)]"),children:W?(0,i.jsx)("span",{className:"size-3.5 animate-spin rounded-full border-2 border-white/40 border-t-white"}):(0,i.jsx)(o.A,{name:"compose-polish",className:"size-3.5"})})})]}),(0,i.jsxs)("div",{className:"flex h-9 shrink-0 items-center gap-1 sm:gap-1.5",children:[(0,i.jsx)("button",{type:"button","aria-label":u("format"),title:u("format"),"aria-pressed":z,onClick:()=>_(e=>!e),className:(0,r.cn)(c,z&&"bg-[#22A0FB] text-white hover:bg-[#1595E9] hover:text-white"),children:(0,i.jsx)(o.A,{name:"compose-format",className:"size-5"})}),(0,i.jsxs)("label",{className:(0,r.cn)(c,"relative"),title:u("attachment"),children:[(0,i.jsx)("span",{className:"sr-only",children:u("attachment")}),(0,i.jsx)(o.A,{name:"attachment",className:"size-5"}),(0,i.jsx)("input",{type:"file",className:"absolute inset-0 cursor-pointer opacity-0",onChange:e=>{var t,s,i;return es(null!=(i=null==(s=e.target.files)||null==(t=s[0])?void 0:t.name)?i:"")}})]}),(0,i.jsx)("button",{type:"button","aria-label":u("signature"),title:u("signature"),"aria-pressed":ei,onClick:()=>ea(e=>!e),className:(0,r.cn)(c,ei&&"bg-[#E9F6FF] text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"compose-signature",className:"size-5"})}),(0,i.jsx)("button",{type:"button","aria-label":u("discard"),title:u("discard"),onClick:a,className:c,children:(0,i.jsx)(o.A,{name:"delete",className:"size-5"})})]})]})]})]})]})}let m={banner:"/home-mail/onboarding/onboarding-banner.jpg",inbox:"/home-mail/onboarding/icon-e
1nvelope-ai.png",todo:"/home-mail/onboarding/icon-todo.png",connection:"/home-mail/onboarding/icon-connection.png",social:{x:"/home-mail/onboarding/social-x.png",discord:"/home-mail/onboarding/social-discord.png",instagram:"/home-mail/onboarding/social-instagram.png",youtube:"/home-mail/onboarding/social-youtube.png"}};function x(e){let{isTodoDone:t,toolbarWidth:s=999,onBack:c,onCompose:d,onDismiss:x,onToggleTodo:p}=e,u=(0,l.c)("home.mailDemo.welcomeDetail"),b=(0,l.c)("home.mailDemo"),[h,g]=(0,n.useState)(!1),[f,j]=(0,n.useState)(!0),[v,N]=(0,n.useState)(!1),[w,k]=(0,n.useState)(!1),[y,F]=(0,n.useState)(!1),[A,z]=(0,n.useState)(!1),_="grid size-10 shrink-0 place-items-center rounded-full text-[#404040] transition-[background-color,color,transform] duration-150 hover:bg-black/[0.045] active:scale-[0.94] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",C="flex shrink-0 items-center overflow-hidden rounded-full bg-white shadow-[0_4px_14px_rgba(0,0,0,0.055)] ring-1 ring-black/[0.035]",D=(0,i.jsx)("span",{"aria-hidden":"true",className:"h-4 w-px bg-black/[0.08]"}),B=0===s||s>=560,S=0===s||s>=520,E=0===s||s>=480,T=0===s||s>=440,L=0===s||s>=400;return(0,i.jsxs)("div",{"data-testid":"welcome-mail-detail",className:"relative flex min-h-0 flex-1 flex-col",children:[(0,i.jsxs)("header",{className:"relative flex h-14 shrink-0 items-center gap-2 px-3 sm:px-4",children:[(0,i.jsx)("div",{className:C,children:(0,i.jsx)("button",{type:"button","data-testid":"welcome-mail-back","aria-label":u("actions.back"),title:u("actions.back"),onClick:c,className:_,children:(0,i.jsx)(o.A,{name:"arrow-dual-right",className:"size-5"})})}),(0,i.jsxs)("div",{className:(0,r.cn)(C,!(0===s||s>=340)&&"hidden"),children:[(0,i.jsx)("button",{type:"button","aria-label":u("actions.reply"),title:u("actions.reply"),onClick:d,className:_,children:(0,i.jsx)(o.A,{name:"reply",className:"size-5"})}),D,(0,i.jsx)("button",{type:"button","aria-label":u("actions.forward"),title:u("actions.forward"),onClick:d,className:_,children:(0,i.jsx)(o.A,{name:"forward",className:"size-5"})})]}),(0,i.jsxs)("div",{className:(0,r.cn)(C,!(L||T||S||E||B)&&"hidden"),children:[L?(0,i.jsx)("button",{type:"button","aria-label":f?u("actions.removeLabel"):u("actions.addLabel"),title:f?u("actions.removeLabel"):u("actions.addLabel"),"aria-pressed":f,onClick:()=>j(e=>!e),className:(0,r.cn)(_,f&&"text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"label",className:"size-5"})}):null,L&&T?D:null,T?(0,i.jsx)("button",{type:"button","aria-label":h?u("actions.unstar"):u("actions.star"),title:h?u("actions.unstar"):u("actions.star"),onClick:()=>g(e=>!e),className:_,children:(0,i.jsx)(o.A,{name:h?"star-after":"star-before",className:"size-5"})}):null,T&&S?D:null,S?(0,i.jsx)("button",{type:"button","aria-label":u("actions.archive"),title:u("actions.archive"),onClick:x,className:_,children:(0,i.jsx)(o.A,{name:"archive",className:"size-5"})}):null,S&&E?D:null,E?(0,i.jsx)("button",{type:"button","aria-label":u("actions.snooze"),title:u("actions.snooze"),"aria-pressed":v,onClick:()=>N(e=>!e),className:(0,r.cn)(_,v&&"text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"clock",className:"size-5"})}):null,E&&B?D:null,B?(0,i.jsx)("button",{type:"button","aria-label":u("actions.delete"),title:u("actions.delete"),onClick:x,className:_,children:(0,i.jsx)(o.A,{name:"delete",className:"size-5"})}):null]}),(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)("button",{type:"button","aria-label":u("actions.more"),title:u("actions.more"),"aria-expanded":w,onClick:()=>k(e=>!e),className:(0,r.cn)(_,"bg-white shadow-[0_4px_14px_rgba(0,0,0,0.055)] ring-1 ring-black/[0.035]"),children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-5"})}),w?(0,i.jsxs)("div",{className:"absolute left-0 top-11 z-30 w-36 rounded-2xl border border-black/[0.06] bg-white p-1.5 text-[12px] text-[#404040] shadow-[0_14px_38px_rgba(0,0,0,0.14)]",children:[(0,i.jsx)("button",{type:"button",onClick:d,className:"flex h-8 w-full items-center rounded-xl px-3 text-left hover:bg-black/[0.04]",children:u("actions.reply")}),(0,i.jsx)("button",{type:"button",onClick:x,className:"flex h-8 w-full items-center rounded-xl px-3 text-left hover:bg-black/[0.04]",children:u("actions.delete")})]}):null]}),(0,i.jsxs)("div",{className:"ml-auto relative",children:[(0,i.jsx)("button",{type:"button","aria-label":u("actions.ai"),title:u("actions.ai"),"aria-pressed":y,onClick:()=>F(e=>!e),className:(0,r.cn)(_,"bg-white shadow-[0_4px_14px_rgba(0,0,0,0.055)] ring-1 ring-black/[0.035]",y&&"bg-[#E9F6FF]"),children:(0,i.jsx)(o.A,{name:"ai-2nd",className:"size-5"})}),y?(0,i.jsxs)("div",{className:"absolute right-0 top-11 z-30 w-48 rounded-2xl border border-[#D7ECFA] bg-white p-3 shadow-[0_14px_38px_rgba(0,0,0,0.14)]",children:[(0,i.jsx)("p",{className:"text-[12px] font-semibold text-[#202020]",children:u("actions.ai")}),(0,i.jsx)("p",{className:"mt-1 text-[11px] leading-4 text-[#707070]",children:u("actions.aiDescription")})]}):null]})]}),(0,i.jsx)("div",{"data-testid":"welcome-mail-scroll",className:"min-h-0 flex-1 overflow-y-auto px-5 pb-24 [scrollbar-width:none] sm:px-6",children:(0,i.jsxs)("div",{className:"mx-auto max-w-[760px]",children:[(0,i.jsxs)("div",{className:"flex flex-wrap items-center gap-x-1 gap-y-1 leading-8",children:[(0,i.jsx)("h2",{className:"pr-1 text-[22px] font-bold leading-8 tracking-[-0.018em] text-[#202020]",children:u("subject")}),(0,i.jsx)("span",{className:"inline-flex rounded-full bg-black/[0.035] px-2.5 py-1.5 text-[12px] font-bold leading-[15px] text-[#5B95C4]",children:b("tabs.important")}),f?(0,i.jsx)("span",{className:"inline-flex rounded-full bg-black/[0.035] px-2.5 py-1.5 text-[12px] font-bold leading-[15px] text-[#8B5CF6]",children:b("labels.updates")}):null]}),(0,i.jsxs)("div",{className:"mt-4 flex items-start gap-3",children:[(0,i.jsx)("span",{className:"grid size-10 shrink-0 place-items-center overflow-hidden rounded-full bg-[#EAF6FF] ring-1 ring-black/[0.05]",children:(0,i.jsx)(a.default,{src:"/FiloMail-icon.png",alt:"FiloMail",width:40,height:40,className:"size-10 object-cover"})}),(0,i.jsx)("div",{className:"min-w-0 flex-1",children:(0,i.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("p",{className:"truncate text-[14px] font-semibold leading-5 text-[#202020]",children:u("sender")}),(0,i.jsxs)("p",{className:"mt-0.5 truncate text-[12px] leading-4 text-[#707070]",children:[(0,i.jsxs)("span",{className:"font-semibold text-[#4E4E4E]",children:[u("toLabel"),":"]})," ",u("toProfile")]})]}),(0,i.jsxs)("div",{className:"flex shrink-0 items-center gap-1.5",children:[(0,i.jsx)("span",{className:"mr-1 text-[11px] leading-4 text-[#707070]",children:u("time")}
1),(0,i.jsx)("button",{type:"button","aria-label":u("actions.reply"),title:u("actions.reply"),className:"grid size-8 place-items-center rounded-full bg-black/[0.025] text-[#202020] transition-colors hover:bg-black/[0.06]",children:(0,i.jsx)(o.A,{name:"reply",className:"size-4"})}),(0,i.jsx)("button",{type:"button","aria-label":u("actions.more"),title:u("actions.more"),className:"grid size-8 place-items-center rounded-full bg-black/[0.025] text-[#202020] transition-colors hover:bg-black/[0.06]",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-4"})})]})]})})]}),(0,i.jsxs)("section",{className:"mt-4 rounded-[24px] bg-[#E9F6FF] px-4 py-3.5 text-[#202020]",children:[(0,i.jsx)("h3",{className:"text-[14px] font-semibold leading-5 text-[#63A6D3]",children:u("summary.title")}),(0,i.jsxs)("ul",{className:"mt-1.5 space-y-1.5 text-[14px] leading-5 tracking-[-0.01em] text-[#404040]",children:[(0,i.jsxs)("li",{className:"flex gap-1.5",children:[(0,i.jsx)("span",{"aria-hidden":"true",children:"â¢"}),(0,i.jsx)("span",{children:u("summary.items.first")})]}),(0,i.jsxs)("li",{className:"flex gap-1.5",children:[(0,i.jsx)("span",{"aria-hidden":"true",children:"â¢"}),(0,i.jsx)("span",{children:u("summary.items.second")})]}),(0,i.jsxs)("li",{className:"flex gap-1.5",children:[(0,i.jsx)("span",{"aria-hidden":"true",children:"â¢"}),(0,i.jsx)("span",{children:u("summary.items.third")})]})]})]}),(0,i.jsx)("section",{className:"mt-3 overflow-hidden rounded-[24px] bg-[#E9F6FF]",children:(0,i.jsxs)("div",{className:"flex items-start px-4 py-3.5",children:[(0,i.jsx)("button",{type:"button","data-testid":"welcome-todo-toggle","aria-label":t?u("todo.markActive"):u("todo.markDone"),title:t?u("todo.markActive"):u("todo.markDone"),onClick:p,className:"grid size-6 shrink-0 place-items-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:t?"checkbox-checked":"checkbox-unchecked",className:"size-5"})}),(0,i.jsxs)("div",{className:"ml-2.5 min-w-0 flex-1",children:[(0,i.jsx)("p",{className:(0,r.cn)("text-[14px] font-medium leading-5 tracking-[-0.01em] text-[#202020] transition-colors",t&&"text-[#707070] line-through"),children:u("todo.title")}),(0,i.jsxs)("p",{className:"mt-1 flex items-center text-[12px] leading-4 text-[#707070]",children:[(0,i.jsx)(o.A,{name:"clock",className:"mr-1 size-4"}),u("todo.due")]}),(0,i.jsx)("span",{className:"mt-1.5 inline-flex rounded-full bg-[#DDF5DF] px-2 py-0.5 text-[10px] font-medium leading-4 text-[#63A966]",children:u("todo.suggested")})]}),(0,i.jsx)("button",{type:"button","aria-label":u("todo.more"),title:u("todo.more"),className:"grid size-6 shrink-0 place-items-center rounded-full bg-[#DDF1FC] text-[#63A6D3] transition-colors hover:bg-[#CFEAF9]",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-4"})})]})}),(0,i.jsxs)("section",{className:"mt-3 flex h-[52px] items-center justify-between rounded-full bg-[#FAFAFA] pl-4 pr-2",children:[(0,i.jsxs)("button",{type:"button","aria-pressed":A,onClick:()=>z(e=>!e),className:"flex min-w-0 items-center text-[13px] font-medium leading-[18px] text-[#63A6D3] transition-opacity hover:opacity-75",children:[(0,i.jsx)(o.A,{name:"translate",className:"mr-1.5 size-5"}),(0,i.jsx)("span",{className:"truncate",children:A?u("translate.original"):u("translate.title")})]}),(0,i.jsx)("button",{type:"button","aria-label":u("translate.settings"),title:u("translate.settings"),className:"grid size-9 place-items-center rounded-full bg-white text-[#4E4E4E] transition-colors hover:bg-black/[0.035]",children:(0,i.jsx)(o.A,{name:"customize",className:"size-4"})})]}),(0,i.jsxs)("article",{className:"mx-auto mt-5 max-w-[560px] pb-5 font-[-apple-system,BlinkMacSystemFont,'Segoe_UI',sans-serif] text-[14px] leading-[1.65] tracking-[-0.008em] text-[#101112]",children:[(0,i.jsx)("div",{className:"mb-5 flex justify-center border-b border-black/[0.055] pb-4 pt-1",children:(0,i.jsx)(a.default,{src:"/filomail-text-icon.svg",alt:"FiloMail",width:180,height:42,className:"h-auto w-[118px]"})}),(0,i.jsx)("p",{children:u("email.greeting")}),(0,i.jsx)("p",{className:"mt-4 font-semibold",children:u("email.welcome")}),(0,i.jsx)("p",{className:"mt-3",children:u("email.intro1")}),(0,i.jsx)("p",{className:"mt-2",children:u("email.intro2")}),(0,i.jsx)(a.default,{src:m.banner,alt:"",width:820,height:220,className:"mx-auto mt-4 h-auto w-[84%] max-w-[440px] rounded-xl"}),(0,i.jsx)("h3",{className:"mt-4 font-semibold text-[#002346]",children:u("email.tryFirst")}
1),(0,i.jsx)("div",{className:"mt-2 rounded-xl border border-[#E6EEF7] bg-white px-5 py-2 text-[#002346]",children:["inbox","todo","connection"].map(e=>(0,i.jsxs)("div",{className:"py-2.5",children:[(0,i.jsxs)("div",{className:"flex items-center gap-3",children:[(0,i.jsx)(a.default,{src:m[e],alt:"",width:48,height:48,className:"size-5 object-contain"}),(0,i.jsx)("strong",{className:"text-[#0D93F3]",children:u("email.features.".concat(e,".title"))})]}),(0,i.jsx)("p",{className:"ml-8 mt-1",children:u("email.features.".concat(e,".body"))})]},e))}),(0,i.jsx)("div",{className:"mt-4 text-center",children:(0,i.jsx)("button",{type:"button",onClick:c,className:"inline-flex rounded-2xl bg-[#22A0FB] px-7 py-2.5 text-[14px] font-semibold leading-[18px] text-white transition-colors hover:bg-[#0D93F3] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:u("email.cta")})}),(0,i.jsx)("p",{className:"mt-5",children:u("email.control")}),(0,i.jsxs)("p",{className:"mt-3",children:[u("email.community.before")," ",(0,i.jsx)("a",{href:"https://discord.gg/filo-mail",target:"_blank",rel:"noreferrer",className:"font-semibold text-[#0D93F3] underline",children:"Discord"})," ",u("email.community.middle")," ",(0,i.jsx)("a",{href:"https://x.com/Filo_Mail",target:"_blank",rel:"noreferrer",className:"font-semibold text-[#0D93F3] underline",children:"X"})," ",u("email.community.after")]}),(0,i.jsx)("p",{className:"mt-4 whitespace-pre-line",children:u("email.signoff")}),(0,i.jsxs)("footer",{className:"mt-7 border-t border-[#E0E0E0] pt-4 text-[12px] leading-[1.55] text-[#888888]",children:[(0,i.jsx)("div",{className:"flex items-center gap-3.5",children:[["x","https://x.com/Filo_Mail"],["discord","https://discord.gg/filo-mail"],["instagram","https://www.instagram.com/filo_mail/"],["youtube","https://www.youtube.com/@Filo-Mail"]].map(e=>{let[t,s]=e;return(0,i.jsx)("a",{href:s,target:"_blank",rel:"noreferrer","aria-label":u("email.footer.social.".concat(t)),className:"grid h-5 place-items-center opacity-65 transition-opacity hover:opacity-100",children:(0,i.jsx)(a.default,{src:m.social[t],alt:"",width:72,height:72,className:"max-h-[18px] w-auto max-w-[19px] object-contain"})},t)})}),(0,i.jsxs)("p",{className:"mt-4",children:[u("email.footer.referral")," ",(0,i.jsx)("a",{href:"https://www.filomail.com/invite",target:"_blank",rel:"noreferrer",className:"font-medium text-[#22A0FB] no-underline",children:u("email.footer.invite")})]}),(0,i.jsx)("p",{className:"mt-4",children:u("email.footer.automated")}),(0,i.jsxs)("p",{className:"mt-2",children:[u("email.footer.reason"),(0,i.jsx)("br",{}),"FILO AI PTE. LTD., 144 Robinson Rd #12-01, Singapore 068908",(0,i.jsx)("br",{}),(0,i.jsx)("a",{href:"#unsubscribe",className:"text-[#888888] underline",children:u("email.footer.unsubscribe")})]})]})]})]})}),(0,i.jsx)("div",{"data-testid":"welcome-mail-footer-actions",className:"absolute inset-x-0 bottom-0 z-20 bg-white px-5 py-4 sm:px-7",children:(0,i.jsxs)("div",{className:"mx-auto flex max-w-[760px] items-center gap-2",children:[(0,i.jsxs)("button",{type:"button",className:"inline-flex h-9 items-center gap-2 rounded-full border border-black/[0.12] bg-white px-4 text-[13px] font-medium leading-[18px] text-[#404040] transition-colors hover:bg-black/[0.025]",children:[(0,i.jsx)(o.A,{name:"reply",className:"size-4"}),u("actions.reply")]}),(0,i.jsxs)("button",{type:"button",className:"inline-flex h-9 items-center gap-2 rounded-full border border-black/[0.12] bg-white px-4 text-[13px] font-medium leading-[18px] text-[#404040] transition-colors hover:bg-black/[0.025]",children:[(0,i.jsx)(o.A,{name:"forward",className:"size-4"}),u("actions.forward")]})]})})]})}let p="grid size-10 shrink-0 place-items-center rounded-full text-[#202020] transition-[background-color,color,box-shadow,transform] duration-200 hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30";function u(e){let{isInviteAccepted:t,isAcceptTodoDone:s,isAttendTodoDone:a,shouldScrollToBottom:c=!1,demoFocus:d="none",toolbarWidth:m=999,onBack:x,onReply:u,onDismiss:b,onAcceptInvite:h,onToggleAcceptTodo:g,onToggleAttendTodo:f}=e,j=(0,l.c)("home.mailDemo.meetingDetail"),v=(0,l.c)("home.mailDemo"),[N,w]=(0,n.use
1State)(!1),[k,y]=(0,n.useState)(!1),[F,A]=(0,n.useState)(!1),[z,_]=(0,n.useState)(!1),C=(0,n.useRef)(null),D=0===m||m>=560,B=0===m||m>=520,S=0===m||m>=480,E=0===m||m>=440,T=0===m||m>=400;(0,n.useEffect)(()=>{if(!c||!C.current)return;let e=C.current,t=Math.max(0,e.scrollHeight-e.clientHeight);if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){e.scrollTop=t;return}let s=e.scrollTop,i=t-s;if(i<=0)return;let a=0,l=null,n=t=>{null!=l||(l=t);let o=Math.min((t-l)/1650,1);e.scrollTop=s+i*(o<.5?4*o*o*o:1-Math.pow(-2*o+2,3)/2),o<1&&(a=window.requestAnimationFrame(n))};return a=window.requestAnimationFrame(n),()=>window.cancelAnimationFrame(a)},[c]);let L=(0,i.jsx)("span",{"aria-hidden":"true",className:"h-4 w-px bg-black/[0.09]"});return(0,i.jsxs)("div",{className:"relative flex h-full min-w-0 flex-1 flex-col bg-white",children:[(0,i.jsxs)("header",{className:"flex h-14 shrink-0 items-center gap-2 px-3 sm:px-4",children:[(0,i.jsx)("button",{type:"button","aria-label":j("actions.back"),title:j("actions.back"),onClick:x,className:p,children:(0,i.jsx)(o.A,{name:"arrow-dual-right",className:"size-5 rotate-180"})}),(0,i.jsxs)("div",{className:(0,r.cn)("items-center overflow-hidden rounded-full bg-white shadow-[0_4px_16px_rgba(0,0,0,0.055)] ring-1 ring-black/[0.035]",0===m||m>=340?"flex":"hidden"),children:[(0,i.jsx)("button",{type:"button","data-testid":"meeting-reply-action","aria-label":j("actions.reply"),title:j("actions.reply"),onClick:u,className:(0,r.cn)(p,"rounded-none","reply"===d&&"scale-[0.96] bg-[#E9F6FF] text-[#22A0FB] shadow-[0_0_0_4px_rgba(34,160,251,0.14),0_8px_22px_rgba(34,160,251,0.2)]"),children:(0,i.jsx)(o.A,{name:"reply",className:"size-5"})}),L,(0,i.jsx)("button",{type:"button","aria-label":j("actions.forward"),title:j("actions.forward"),className:(0,r.cn)(p,"rounded-none"),children:(0,i.jsx)(o.A,{name:"forward",className:"size-5"})})]}),(0,i.jsxs)("div",{className:(0,r.cn)("items-center overflow-hidden rounded-full bg-white shadow-[0_4px_16px_rgba(0,0,0,0.055)] ring-1 ring-black/[0.035]",T||E||B||S||D?"flex":"hidden"),children:[T?(0,i.jsx)("button",{type:"button","aria-label":j("actions.label"),title:j("actions.label"),className:(0,r.cn)(p,"rounded-none text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"label",className:"size-5"})}):null,T&&E?L:null,E?(0,i.jsx)("button",{type:"button","aria-label":N?j("actions.unstar"):j("actions.star"),title:N?j("actions.unstar"):j("actions.star"),onClick:()=>w(e=>!e),className:(0,r.cn)(p,"rounded-none"),children:(0,i.jsx)(o.A,{name:N?"star-after":"star-before",className:"size-5"})}):null,E&&B?L:null,B?(0,i.jsx)("button",{type:"button","aria-label":j("actions.archive"),title:j("actions.archive"),onClick:b,className:(0,r.cn)(p,"rounded-none"),children:(0,i.jsx)(o.A,{name:"archive",className:"size-5"})}):null,B&&S?L:null,S?(0,i.jsx)("button",{type:"button","aria-label":j("actions.snooze"),title:j("actions.snooze"),"aria-pressed":k,onClick:()=>y(e=>!e),className:(0,r.cn)(p,"rounded-none",k&&"text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"clock",className:"size-5"})}):null,S&&D?L:null,D?(0,i.jsx)("button",{type:"button","aria-label":j("actions.delete"),title:j("actions.delete"),onClick:b,className:(0,r.cn)(p,"rounded-none"),children:(0,i.jsx)(o.A,{name:"delete",className:"size-5"})}):null]}),(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)("button",{type:"button","aria-label":j("actions.more"),title:j("actions.more"),"aria-expanded":F,onClick:()=>A(e=>!e),className:(0,r.cn)(p,"bg-white shadow-[0_4px_14px_rgba(0,0,0,0.055)] ring-1 ring-black/[0.035]"),children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-5"})}),F?(0,i.jsxs)("div",{className:"absolute left-0 top-11 z-30 w-40 rounded-2xl border border-black/[0.06] bg-white p-1.5 text-[12px] text-[#404040] shadow-[0_14px_38px_rgba(0,0,0,0.14)]",children:[(0,i.jsx)("button",{type:"button",onClick:u,className:"flex h-8 w-full items-center rounded-xl px-3 text-left hover:bg-black/[0.04]",children:j("actions.reply")}),(0,i.jsx)("button",{type:"button",onClick:b,className:"flex h-8 w-full items-center rounded-xl px-3 text-left hover:bg-black/[0.04]",children:j("actions.delete")})]}):null]}),(0,i.jsxs)("div",{className:"relative ml-auto",children:[(0,i.jsx)("button",{type:"button","aria-label":j("actions.ai"),title:j("actions.ai"),"aria-pressed":z,onClick:()=>_(e=>!e),className:(0,r.cn)(p,"bg-white shadow-[0_4px_14px_rgba(0,0,0,0.055)] ring-1 ring-black/[0.035]",z&&"bg-[#E9F6FF]"),children:(0,i.jsx)(o.A,{name:"ai-2nd",className:"size-5"})}),z?(0,i.jsxs)("div",{className:"absolute right-0 top-11 z-30 w-52 rounded-2xl border border-[#D7ECFA] bg-white p-3 shadow-[0_14px_38px_rgba(0,0,0,0.14)]",children:[(0,i.jsx)("p",{className:"text-[12px] font-semibold text-[#202020]",children:j("actions.ai")}),(0,i.jsx)("p",{className:"mt-1 text-[11px] leading-4 text-[#707070]",children:j("actions.aiDescription")})]}):null]})]}),(0,i.jsx)("div",{ref:C,"data-testid":"meeting-mail-scroll",className:"min-h-0 flex-1 overflow-y-auto px-5 pb-24 [scrollbar-width:none] sm:px-6",children:(0,i.jsxs)("div",{className:"mx-auto max-w-[760px]",children:[(0,i.jsxs)("div",{className:"flex flex-wrap items-center gap-x-1 gap-y-1 leading-8",children:[(0,i.jsx)("h2",{className:"pr-1 text-[22px] font-bold leading-8 tracking-[-0.018em] text-[#202020]",children:j("subject")}),(0,i.jsx)("span",{className:"inline-flex rounded-full bg-black/[0.035] px-2.5 py-1.5 text-[12px] font-bold leading-[15px] text-[#5B95C4]",children:v("tabs.important")}),(0,i.jsx)("span",{className:"inline-flex rounded-full bg-black/[0.035] px-2.5 py-1.5 text-[12px] font-bold leading-[15px] text-[#22A0FB]",children:v("labels.work")})]}),(0,i.jsxs)("div",{className:"mt-4 flex items-start gap-3",children:[(0,i.jsx)("span",{className:"grid size-10 shrink-0 place-items-center rounded-full bg-[#EAE3FF] text-[13px] font-bold text-[#5B45B7] ring-1 ring-[#5B45B7]/10",children:"MT"}),(0,i.jsx)("div",{className:"min-w-0 flex-1",children:(0,i.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("p",{className:"truncate text-[14px] font-semibold leading-5 text-[#202020]",children:j("sender")}),(0,i.jsxs)("p",{className:"mt-0.5 truncate text-[12px] leading-4 text-[#707070]",children:[(0,i.jsxs)("span",{className:"font-semibold text-[#4E4E4E]",children:[j("toLabel"),":"]})," ",j("toProfile")]})]}),(0,i.jsxs)("div",{className:"flex shrink-0 items-center gap-1.5",children:[(0,i.jsx)("span",{className:"mr-1 text-[11px] leading-4 text-[#707070]",children:j("time")}
1),(0,i.jsx)("button",{type:"button","aria-label":j("actions.reply"),title:j("actions.reply"),onClick:u,className:"grid size-8 place-items-center rounded-full bg-black/[0.025] text-[#202020] transition-colors hover:bg-black/[0.06]",children:(0,i.jsx)(o.A,{name:"reply",className:"size-4"})}),(0,i.jsx)("button",{type:"button","aria-label":j("actions.more"),title:j("actions.more"),className:"grid size-8 place-items-center rounded-full bg-black/[0.025] text-[#202020] transition-colors hover:bg-black/[0.06]",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-4"})})]})]})})]}),(0,i.jsxs)("section",{className:"mt-4 rounded-[24px] bg-[#E9F6FF] px-4 py-3.5 text-[#202020]",children:[(0,i.jsx)("h3",{className:"text-[14px] font-semibold leading-5 text-[#63A6D3]",children:j("summary.title")}),(0,i.jsx)("ul",{className:"mt-1.5 space-y-1.5 text-[14px] leading-5 tracking-[-0.01em] text-[#404040]",children:["first","second","third"].map(e=>(0,i.jsxs)("li",{className:"flex gap-1.5",children:[(0,i.jsx)("span",{"aria-hidden":"true",children:"â¢"}),(0,i.jsx)("span",{children:j("summary.items.".concat(e))})]},e))})]}),(0,i.jsxs)("section",{className:(0,r.cn)("mt-3 overflow-hidden rounded-[24px] bg-[#E9F6FF] transition-[box-shadow,transform] duration-300","todo"===d&&"scale-[1.006] shadow-[0_0_0_4px_rgba(34,160,251,0.13),0_14px_32px_rgba(34,160,251,0.14)]"),children:[(0,i.jsxs)("div",{className:"flex items-start px-4 py-3.5",children:[(0,i.jsx)("button",{type:"button","data-testid":"meeting-accept-todo-toggle","aria-label":s?j("todo.markActive"):j("todo.markDone"),title:s?j("todo.markActive"):j("todo.markDone"),onClick:g,className:"grid size-6 shrink-0 place-items-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:s?"checkbox-checked":"checkbox-unchecked",className:"size-5"})}),(0,i.jsxs)("div",{className:"ml-2.5 min-w-0 flex-1",children:[(0,i.jsxs)("p",{className:(0,r.cn)("flex items-center gap-1.5 text-[14px] font-semibold leading-5 tracking-[-0.01em] text-[#202020] transition-[color,opacity,text-decoration-color] duration-500",s&&"text-[#707070] line-through opacity-70"),children:[(0,i.jsx)(o.A,{name:"label-important",className:"size-4 text-[#FF4D67]"}),(0,i.jsx)("span",{children:j("todo.accept.title")})]}),(0,i.jsxs)("p",{className:"mt-1 flex items-center text-[12px] leading-4 text-[#707070]",children:[(0,i.jsx)(o.A,{name:"clock",className:"mr-1 size-4"}),j("todo.accept.due")]}),(0,i.jsx)("span",{className:"mt-1.5 inline-flex rounded-full bg-[#DDF5DF] px-2 py-0.5 text-[10px] font-medium leading-4 text-[#63A966]",children:j("todo.accept.suggested")})]}),(0,i.jsx)("button",{type:"button","aria-label":j("todo.more"),title:j("todo.more"),className:"grid size-6 shrink-0 place-items-center rounded-full bg-[#DDF1FC] text-[#63A6D3] transition-colors hover:bg-[#CFEAF9]",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-4"})})]}),(0,i.jsx)("div",{className:"mx-4 border-t border-[#CFE7F6]"}),(0,i.jsxs)("div",{className:"flex items-start px-4 py-3.5",children:[(0,i.jsx)("button",{type:"button","aria-label":a?j("todo.markActive"):j("todo.markDone"),title:a?j("todo.markActive"):j("todo.markDone"),onClick:f,className:"grid size-6 shrink-0 place-items-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:a?"checkbox-checked":"checkbox-unchecked",className:"size-5"})}),(0,i.jsxs)("div",{className:"ml-2.5 min-w-0 flex-1",children:[(0,i.jsx)("p",{className:(0,r.cn)("text-[14px] font-medium leading-5 tracking-[-0.01em] text-[#202020] transition-[color,opacity,text-decoration-color] duration-500",a&&"text-[#707070] line-through opacity-70"),children:j("todo.attend.title")}),(0,i.jsxs)("p",{className:"mt-1 flex items-center text-[12px] leading-4 text-[#707070]",children:[(0,i.jsx)(o.A,{name:"clock",className:"mr-1 size-4"}),j("todo.attend.due")]})]}),(0,i.jsx)("button",{type:"button","aria-label":j("todo.more"),title:j("todo.more"),className:"grid size-6 shrink-0 place-items-center rounded-full bg-[#DDF1FC] text-[#63A6D3] transition-colors hover:bg-[#CFEAF9]",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-4"})})]})]}),(0,i.jsxs)("section",{"data-testid":"meeting-calendar-card",className:(0,r.cn)("mt-3 rounded-[22px] border border-black/[0.07] bg-white p-4 shadow-[0_8px_24px_rgba(0,0,0,0.045)] transition-[box-shadow,transform] duration-300 ease-[
1cubic-bezier(0.22,1,0.36,1)]","calendar"===d&&"scale-[1.006] border-[#B8DCF5] shadow-[0_0_0_4px_rgba(34,160,251,0.13),0_14px_32px_rgba(34,160,251,0.13)]"),children:[(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)(o.A,{name:"google-calendar",className:"mt-0.5 size-5"}),(0,i.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,i.jsx)("p",{className:"text-[12px] font-semibold text-[#4285F4]",children:"Google Calendar"}),(0,i.jsx)("h3",{className:"mt-0.5 text-[15px] font-semibold leading-5 text-[#202020]",children:j("calendar.title")})]})]}),(0,i.jsxs)("dl",{className:"mt-3 grid gap-2 text-[12px] leading-4 text-[#5E5E5E]",children:[(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)("dt",{className:"w-[68px] shrink-0 font-semibold text-[#707070]",children:j("calendar.whenLabel")}),(0,i.jsx)("dd",{children:j("calendar.when")})]}),(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)("dt",{className:"w-[68px] shrink-0 font-semibold text-[#707070]",children:j("calendar.whereLabel")}),(0,i.jsx)("dd",{children:j("calendar.where")})]}),(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)("dt",{className:"w-[68px] shrink-0 font-semibold text-[#707070]",children:j("calendar.organizerLabel")}),(0,i.jsx)("dd",{children:j("calendar.organizer")})]})]}),(0,i.jsxs)("div",{className:"mt-4 flex flex-wrap items-center gap-2",children:[(0,i.jsx)("button",{type:"button","data-testid":"meeting-calendar-accept","aria-pressed":t,onClick:()=>{t||h()},className:(0,r.cn)("h-9 rounded-full px-4 text-[12px] font-semibold transition-[background-color,color,box-shadow] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#4285F4]/30",t?"bg-[#E8F0FE] text-[#1967D2] shadow-[inset_0_0_0_1px_rgba(66,133,244,0.12)]":"border border-black/[0.1] bg-white text-[#4E4E4E] hover:bg-black/[0.025]"),children:t?j("calendar.accepted"):j("calendar.yes")}),(0,i.jsx)("button",{type:"button",className:"h-9 rounded-full border border-black/[0.1] px-4 text-[12px] font-semibold text-[#4E4E4E] hover:bg-black/[0.025]",children:j("calendar.maybe")}),(0,i.jsx)("button",{type:"button",className:"h-9 rounded-full border border-black/[0.1] px-4 text-[12px] font-semibold text-[#4E4E4E] hover:bg-black/[0.025]",children:j("calendar.no")}),(0,i.jsx)("button",{type:"button",className:"ml-auto h-9 rounded-full bg-[#E8F0FE] px-4 text-[12px] font-semibold text-[#1967D2] hover:bg-[#DDE8FD]",children:j("calendar.join")})]})]}),(0,i.jsxs)("article",{className:"mx-auto mt-5 max-w-[580px] pb-6 text-[14px] leading-[1.65] tracking-[-0.008em] text-[#202020]",children:[(0,i.jsx)("p",{children:j("email.greeting")}),(0,i.jsx)("p",{className:"mt-3",children:j("email.intro")}),(0,i.jsx)("p",{className:"mt-4 font-semibold",children:j("email.agendaTitle")}),(0,i.jsx)("ul",{className:"mt-1.5 list-disc space-y-1 pl-5",children:["first","second","third"].map(e=>(0,i.jsx)("li",{children:j("email.agenda.".concat(e))},e))}),(0,i.jsx)("p",{className:"mt-4 font-semibold",children:j("email.bringTitle")}),(0,i.jsx)("ul",{className:"mt-1.5 list-disc space-y-1 pl-5",children:["first","second","third"].map(e=>(0,i.jsx)("li",{children:j("email.bring.".concat(e))},e))}),(0,i.jsx)("p",{className:"mt-4",children:j("email.remote")}),(0,i.jsx)("p",{className:"mt-4 whitespace-pre-line",children:j("email.signoff")})]})]})}),(0,i.jsx)("div",{className:"absolute inset-x-0 bottom-0 z-20 bg-white px-5 py-4 sm:px-7",children:(0,i.jsxs)("div",{className:"mx-auto flex max-w-[760px] items-center gap-2",children:[(0,i.jsxs)("button",{type:"button",onClick:u,className:(0,r.cn)("inline-flex h-9 items-center gap-2 rounded-full border border-black/[0.12] bg-white px-4 text-[13px] font-medium leading-[18px] text-[#404040] transition-[background-color,box-shadow,transform] hover:bg-black/[0.025]","reply"===d&&"scale-[0.98] border-[#A8D8F7] bg-[#E9F6FF] shadow-[0_0_0_4px_rgba(34,160,251,0.12)]"),children:[(0,i.jsx)(o.A,{name:"reply",className:"size-4"}),j("actions.reply")]}),(0,i.jsxs)("button",{type:"button",className:"inline-flex h-9 items-center gap-2 rounded-full border border-black/[0.12] bg-white px-4 text-[13px] font-medium leading-[18px] text-[#404040] transition-colors hover:bg-black/[0.025]",children:[(0,i.jsx)(o.A,{name:"forward",className:"size-4"}),j("actions.forward")]})]})})]})}function b(){return(0,i.jsxs)("div",{"data-testid":"window-controls",className:"flex items-center gap-2","aria-hidden":"true",children:[(0,i.jsx)("span",{className:"size-3 rounded-full bg-[#FF5F57]"}),(0,i.jsx)("span",{className:"size-3 rounded-full bg-[#FEBC2E]"}),(0,i.jsx)("span",{className:"size-3 rounded-full bg-[#28C840]"})]})}let h=[{id:"filomail-welcome",group:"today",priority:"medium",isCreatedToday:!0,isDone:!1},{id:"northstar-accept",group:"today",priority:"high",isCreatedToday:!0,isDone:!1},{id:"northstar-attend",group:"nextSevenDays",priority:"medium",isCreatedToday:!0,isDone:!1},{id:"instacart-refund",group:"pastDue",priority:"high",isDone:!1},{id:"apple-renewal",group:"pastDue",priority:"high",isDone:!1},{id:"stripe-invoice",group:"today",priority:"medium",isDone:!1},{id:"spotify-receipt",group:"today",priority:"low",isCreatedToday:!0,isDone:!1},{id:"nyt-sleep",group:"today",priority:"medium",isCreatedToday:!0,isDone:!1},{id:"airbnb-checkin",group:"today",priority:"high",isCreatedToday:!0,isDone:!1},{id:"netflix-watchlist",group:"today",priority:"low",isCreatedToday:!0,isDone:!1},{id:"paypal-transfer",group:"today",priority:"medium",isCreatedToday:!0,isDone:!1},{id:"target-pickup",group:"today",priority:"medium",isCreatedToday:!0,isDone:!1},{id:"substack-reading",group:"nextSevenDays",priority:"low",isDone:!1},{id:"reddit-saved",group:"nextSevenDays",priority:"low",isDone:!1},{id:"icloud-storage",group:"nextSevenDays",priority:"medium",isDone:!1},{id:"travel-budget",group:"later",priority:"medium",isDone:!1},{id:"apple-warranty",group:"later",priority:"low",isDone:!1},{id:"doordash-delivery",group:"today",priority:"low",isDone:!0},{id:"spotify-family",group:"today",priority:"medium",isDone:!0},{id:"reddit-digest",group:"today",priority:"low",isDone:!0},{id:"target-return",group:"pastDue",priority:"high",isDone:!0}],g=["pastDue","today","nextSevenDays","later"];function f(e){let{item:t,isSelected:s,isTransitioning:a,onSelect:c,onToggleDone:d,onIncorrect:m,onDelete:x}=e,p=(0,l.c)("home.mailDemo.todo"),u=p("items.".concat(t.id,".due")),[b,h]=(0,n.use
1State)(!1),g=t.isDone||a;return(0,i.jsxs)("div",{role:"button",tabIndex:0,"data-testid":"todo-row-".concat(t.id),"data-transitioning":a?"true":"false","aria-pressed":s,"aria-busy":a,onClick:c,onKeyDown:e=>{"Enter"!==e.key||e.nativeEvent.isComposing||(e.preventDefault(),c())},className:(0,r.cn)("group/task-row relative flex min-h-14 w-full cursor-pointer flex-col items-start rounded-2xl pl-[26px] pr-[22px] transition-[background-color,opacity] duration-300 ease-[cubic-bezier(0.25,1,0.5,1)] hover:bg-black/[0.035] focus-within:bg-black/[0.035] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/25 motion-reduce:transition-none",s&&"bg-[#EAF6FF]",a&&"pointer-events-none opacity-10"),children:[(0,i.jsxs)("div",{className:"flex min-h-14 w-full items-start border-b-[0.5px] border-black/[0.08] py-3.5",children:[(0,i.jsx)("button",{type:"button","aria-label":p(g?"actions.markActive":"actions.markDone"),title:p(g?"actions.markActive":"actions.markDone"),disabled:a,onClick:e=>{e.stopPropagation(),d()},className:"mt-0.5 grid size-6 shrink-0 place-items-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:g?"checkbox-checked":"checkbox-unchecked",className:(0,r.cn)("size-5",a&&"motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-75 motion-safe:duration-150")})}),(0,i.jsxs)("div",{className:"ml-2.5 min-w-0 flex-1",children:[(0,i.jsxs)("p",{className:(0,r.cn)("flex min-h-6 items-center text-[14px] leading-6 tracking-[-0.01em] text-[#202020]","high"!==t.priority||g?"font-normal":"font-semibold",g&&"text-[#707070] line-through"),children:["high"!==t.priority||g?null:(0,i.jsx)(o.A,{name:"label-important",className:"mr-1 size-4 shrink-0 text-[#FF3158]"}),(0,i.jsx)("span",{className:"truncate",children:p("items.".concat(t.id,".title"))})]}),u?(0,i.jsxs)("p",{className:(0,r.cn)("mt-1 flex items-center text-[12px] font-medium leading-4","pastDue"!==t.group||t.isDone?"text-[#707070]":"text-[#FF3158]"),children:[(0,i.jsx)(o.A,{name:"clock",className:"mr-1 size-4"}),(0,i.jsx)("span",{className:"truncate",children:u})]}):null]}),(0,i.jsxs)("div",{className:"pointer-events-none ml-4 mt-0.5 flex h-6 w-0 shrink-0 items-center gap-3 overflow-hidden opacity-0 transition-[width,opacity] group-hover/task-row:pointer-events-auto group-hover/task-row:w-auto group-hover/task-row:opacity-100 group-focus-within/task-row:pointer-events-auto group-focus-within/task-row:w-auto group-focus-within/task-row:opacity-100",onClick:e=>e.stopPropagation(),children:[(0,i.jsx)("button",{type:"button","aria-label":p("actions.details"),title:p("actions.details"),"aria-expanded":b,onClick:()=>h(e=>!e),className:(0,r.cn)("grid size-6 shrink-0 place-items-center rounded-md text-[#202020] transition-colors hover:text-[#22A0FB] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",b&&"text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"info",className:"size-5"})}),(0,i.jsx)("button",{type:"button","aria-label":p("actions.incorrect"),title:p("actions.incorrect"),onClick:()=>{h(!1),m()},className:"grid size-6 shrink-0 place-items-center rounded-md text-[#202020] transition-colors hover:text-[#FF3158] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:"thumbsdown-before",className:"size-5"})}),(0,i.jsx)("button",{type:"button","aria-label":p("actions.delete"),title:p("actions.delete"),onClick:()=>{h(!1),x()},className:"grid size-6 shrink-0 place-items-center rounded-md text-[#202020] transition-colors hover:text-[#FF3158] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:"delete",className:"size-5"})})]})]}),b?(0,i.jsxs)("div",{role:"dialog","aria-label":p("details.title"),onClick:e=>e.stopPropagation(),className:"mb-3 ml-9 grid w-[calc(100%-2.25rem)] grid-cols-2 gap-x-5 gap-y-2 rounded-xl border border-black/[0.06] bg-white px-3 py-2.5 text-[11px] leading-4 shadow-[0_8px_22px_rgba(0,0,0,0.07)]",children:[(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("p",{className:"text-[#707070]",children:p("details.priority")}),(0,i.jsx)("p",{className:"mt-0.5 truncate font-medium text-[#202020]",children:p("priority.".concat(t.priority))})]}),(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("p",{className:"text-[#707070]",children:p("details.due")}),(0,i.jsx)("p",{className:"mt-0.5 truncate font-medium text-[#202020]",children:u||p("details.noDueDate")})]})]}):null]})}function j(e){let{group:t,items:s,selectedTaskId:a,transitioningTaskIds:n,onSelectTask:c,onToggleTask:d,onMarkAllDone:m,onIncorrectTask:x,onDeleteTask:p}=e,u=(0,l.c)("home.mailDemo.todo"),b=s.filter(e=>!e.isCreatedToday),h=s.filter(e=>e.isCreatedToday);if(0===s.length)return null;let g=e=>e.map(e=>(0,i.jsx)(f,{item:e,isSelected:a===e.id,isTransitioning:n.has(e.id),onSelect:()=>c(e.id),onToggleDone:()=>d(e.id),onIncorrect:()=>x(e.id),onDelete:()=>p(e.id)},e.id));return(0,i.jsxs)("section",{"data-testid":"todo-group-".concat(t),className:(0,r.cn)("group/todo-group mt-5 overflow-hidden rounded-2xl transition-colors hover:bg-[#F7F7F7]","pastDue"===t&&"bg-[#F7F7F7]"),children:[(0,i.jsxs)("div",{className:"flex items-end justify-between gap-3 px-[26px] pb-2 pt-4",children:[(0,i.jsx)("h3",{className:"truncate text-[17px] font-bold leading-6 text-[#202020]",children:u("groups.".concat(t))}),"pastDue"===t?(0,i.jsxs)("button",{type:"button",onClick:()=>m(s.map(e=>e.id)),className:"flex shrink-0 items-center gap-1 text-[12px] font-medium leading-5 text-[#22A0FB] transition-colors hover:text-[#0789E8] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:[(0,i.jsx)(o.A,{name:"markasdone",className:"size-[18px]"}),(0,i.jsx)("span",{children:u("markAllDone",{count:s.length})})]}):null]}),g(b),h.length>0?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{className:"px-[26px] pb-1 pt-3 text-[12px] font-semibold leading-5 text-[#707070]",children:u("createdToday")}),g(h)]}):null]})}function v(e){let{isWelcomeTodoDone:t=!1,onWelcomeTodoChange:s,isMeetingAcceptTodoDone:a=!1,onMeetingAcceptTodoChange:c,isMeetingAttendTodoDone:d=!1,onMeetingAttendTodoChange:m,isSidebarOpen:x=!0,onSidebarExpand:p}=e,u=(0,l.c)("home.mailDemo.todo"),v=(0,l.c)("home.mailDemo"),[N,w]=(0,n.use
1State)("active"),[k,y]=(0,n.useState)(()=>h.map(e=>"filomail-welcome"===e.id?{...e,isDone:t}:"northstar-accept"===e.id?{...e,isDone:a}:"northstar-attend"===e.id?{...e,isDone:d}:e)),[F,A]=(0,n.useState)("all"),[z,_]=(0,n.useState)(!1),[C,D]=(0,n.useState)(!1),[B,S]=(0,n.useState)(null),[E,T]=(0,n.useState)(""),[L,M]=(0,n.useState)(new Set),P=(0,n.useRef)(new Set);(0,n.useEffect)(()=>()=>{P.current.forEach(e=>window.clearTimeout(e))},[]),(0,n.useEffect)(()=>{y(e=>e.map(e=>"filomail-welcome"===e.id?{...e,isDone:t}:e))},[t]),(0,n.useEffect)(()=>{y(e=>e.map(e=>"northstar-accept"===e.id?{...e,isDone:a}:e))},[a]),(0,n.useEffect)(()=>{y(e=>e.map(e=>"northstar-attend"===e.id?{...e,isDone:d}:e))},[d]);let I=(0,n.useMemo)(()=>k.filter(e=>e.isDone===("done"===N)&&("all"===F||e.priority===F)),[F,k,N]),R=(e,t)=>{let i=e.filter(e=>!L.has(e));if(0===i.length)return;M(e=>new Set([...e,...i])),S(null);let a=window.setTimeout(()=>{y(e=>e.map(e=>i.includes(e.id)?{...e,isDone:t}:e)),i.includes("filomail-welcome")&&(null==s||s(t)),i.includes("northstar-accept")&&(null==c||c(t)),i.includes("northstar-attend")&&(null==m||m(t)),M(e=>{let t=new Set(e);return i.forEach(e=>t.delete(e)),t}),P.current.delete(a)},300);P.current.add(a)},U=e=>{let t=k.find(t=>t.id===e);t&&R([e],!t.isDone)},W=e=>{R(e,!0)},q=e=>{T(e),window.setTimeout(()=>T(""),2200)},H=e=>{y(t=>t.filter(t=>t.id!==e)),S(null),q(u("notices.incorrect"))},O=e=>{y(t=>t.filter(t=>t.id!==e)),S(null),q(u("notices.deleted"))};return(0,i.jsxs)("div",{className:"relative flex min-h-0 flex-1 flex-col overflow-hidden",children:[(0,i.jsxs)("header",{className:"relative z-30 flex h-[72px] shrink-0 items-start justify-between px-4 pt-3 sm:px-7",children:[(0,i.jsxs)("div",{className:"flex h-10 items-center gap-3",children:[x?null:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"hidden w-[64px] shrink-0 items-center sm:flex",children:(0,i.jsx)(b,{})}),(0,i.jsx)("button",{type:"button","data-testid":"todo-sidebar-expand","aria-label":v("sidebar.expand"),title:v("sidebar.expand"),onClick:p,className:"hidden size-10 shrink-0 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] ring-1 ring-black/[0.03] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30 sm:grid",children:(0,i.jsx)(o.A,{name:"menu-expand",className:"size-5"})})]}),(0,i.jsx)("div",{role:"tablist","aria-label":u("viewLabel"),className:"flex h-10 items-center rounded-full border border-black/[0.05] bg-white p-0.5 shadow-[0_4px_16px_rgba(0,0,0,0.06)]",children:["active","done"].map(e=>(0,i.jsx)("button",{type:"button",role:"tab","aria-selected":N===e,onClick:()=>{w(e),S(null)},className:(0,r.cn)("h-8 rounded-full px-4 text-[14px] font-semibold leading-5 text-[#202020] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",N===e&&"bg-[#F7F7F7]"),children:u(e)},e))}),(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)("button",{type:"button","data-testid":"todo-filter-button","aria-expanded":z,"aria-label":u("actions.filter"),title:u("actions.filter"),onClick:()=>{_(e=>!e),D(!1)},className:(0,r.cn)("grid size-10 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35","all"!==F&&"bg-[#22A0FB] text-white hover:bg-[#0789E8]"),children:(0,i.jsx)(o.A,{name:"filter",className:"size-5"})}),z?(0,i.jsxs)("div",{role:"menu","data-testid":"todo-filter-menu",className:"absolute left-0 top-12 z-40 w-44 rounded-2xl border border-black/[0.06] bg-white p-1.5 text-[13px] shadow-[0_14px_34px_rgba(0,0,0,0.12)]",children:[(0,i.jsx)("p",{className:"px-3 py-2 text-[11px] font-medium text-[#707070]",children:u("filterByPriority")}),["all","low","medium","high"].map(e=>(0,i.jsxs)("button",{type:"button",role:"menuitemradio","aria-checked":F===e,onClick:()=>{A(e),_(!1)},className:"flex h-9 w-full items-center justify-between rounded-xl px-3 text-left text-[#202020] hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:[(0,i.jsx)("span",{children:"all"===e?u("allPriorities"):u("priority.".concat(e))}
1),F===e?(0,i.jsx)(o.A,{name:"checkbox-checked",className:"size-4"}):null]},e))]}):null]})]}),(0,i.jsxs)("div",{className:"relative flex h-10 items-center",children:[(0,i.jsx)("button",{type:"button","data-testid":"todo-more-button","aria-expanded":C,"aria-label":u("actions.more"),title:u("actions.more"),onClick:()=>{D(e=>!e),_(!1)},className:"grid size-10 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",children:(0,i.jsx)(o.A,{name:"more-horizontal",className:"size-5"})}),C?(0,i.jsxs)("div",{role:"menu","data-testid":"todo-more-menu",className:"absolute right-0 top-12 z-40 w-48 rounded-2xl border border-black/[0.06] bg-white p-1.5 text-[13px] shadow-[0_14px_34px_rgba(0,0,0,0.12)]",children:["active"===N&&I.length>0?(0,i.jsxs)("button",{type:"button",role:"menuitem",onClick:()=>{W(I.map(e=>e.id)),D(!1)},className:"flex h-9 w-full items-center gap-2 rounded-xl px-3 text-left text-[#202020] hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:[(0,i.jsx)(o.A,{name:"markasdone",className:"size-4 text-[#22A0FB]"}),(0,i.jsx)("span",{children:u("actions.completeVisible")})]}):null,(0,i.jsxs)("button",{type:"button",role:"menuitem",onClick:()=>{P.current.forEach(e=>window.clearTimeout(e)),P.current.clear(),y(h),null==s||s(!1),null==c||c(!1),null==m||m(!1),M(new Set),A("all"),w("active"),S(null),D(!1)},className:"flex h-9 w-full items-center gap-2 rounded-xl px-3 text-left text-[#202020] hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:[(0,i.jsx)(o.A,{name:"refresh",className:"size-4"}),(0,i.jsx)("span",{children:u("actions.reset")})]})]}):null]})]}),(0,i.jsxs)("div",{"data-testid":"todo-list",className:"min-h-0 flex-1 overflow-y-auto px-3 pb-6 [scrollbar-width:none] sm:px-5",children:["active"===N?g.map(e=>(0,i.jsx)(j,{group:e,items:I.filter(t=>t.group===e),selectedTaskId:B,transitioningTaskIds:L,onSelectTask:S,onToggleTask:U,onMarkAllDone:W,onIncorrectTask:H,onDeleteTask:O},e)):I.map(e=>(0,i.jsx)(f,{item:e,isSelected:B===e.id,isTransitioning:L.has(e.id),onSelect:()=>S(e.id),onToggleDone:()=>U(e.id),onIncorrect:()=>H(e.id),onDelete:()=>O(e.id)},e.id)),0===I.length?(0,i.jsx)("div",{className:"grid h-52 place-items-center text-center",children:(0,i.jsxs)("div",{children:[(0,i.jsx)(o.A,{name:"done"===N?"checkbox-checked":"todo",className:"mx-auto size-8 text-[#B5B5B5]"}),(0,i.jsx)("p",{className:"mt-3 text-[14px] font-semibold text-[#202020]",children:"done"===N?u("emptyDone"):u("emptyActive")}),(0,i.jsx)("p",{className:"mt-1 text-[12px] text-[#707070]",children:u("emptyDescription")})]})}):null]}),E?(0,i.jsx)("div",{role:"status","data-testid":"todo-notice",className:"absolute bottom-5 left-1/2 z-50 -translate-x-1/2 rounded-full bg-[#202020] px-4 py-2 text-[12px] font-medium text-white shadow-[0_10px_30px_rgba(0,0,0,0.16)]",children:E}):null]})}function N(e){var t,s,l,n;let{mail:c,state:d,labels:m,isSelected:x,isCompact:p=!1,isArriving:u=!1,isDemoSelecting:b=!1,onSelect:h,onToggleLabel:g,onToggleStar:f,onArchive:j,onDelete:v,onToggleRead:N}=e,w="grid size-5 shrink-0 cursor-pointer place-items-center rounded text-[#707070] transition-colors hover:text-[#202020] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/35",k=e=>{"Enter"!==e.key||e.nativeEvent.isComposing||(e.preventDefault(),h())};return p?(0,i.jsxs)("article",{role:"button",tabIndex:0,"aria-pressed":x,"data-testid":"compact-mail-row-".concat(c.id),onClick:h,onKeyDown:k,className:(0,r.cn)("group relative flex min-h-[68px] w-full cursor-pointer select-none items-start rounded-2xl px-3 py-2.5 text-left transition-[background-color,transform,box-shadow] duration-200 hover:bg-black/[0.035] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/25",x&&"bg-black/[0.04]",u&&"motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-3 motion-safe:duration-500",b&&"scale-[0.985] bg-[#EEF8FF] shadow-[0_0_0_4px_rgba(34,160,251,
10.14),0_10px_28px_rgba(34,160,251,0.16)]"),children:[c.avatarText?(0,i.jsx)("span",{className:"mt-0.5 grid size-7 shrink-0 place-items-center rounded-full bg-[#EAE3FF] text-[11px] font-semibold leading-none text-[#5B45B7] ring-1 ring-[#5B45B7]/10",children:c.avatarText}):c.iconName?(0,i.jsx)("span",{className:"mt-0.5 grid size-7 shrink-0 place-items-center rounded-full bg-[#F1F1F1] text-[#202020]",children:(0,i.jsx)(o.A,{name:c.iconName,className:"size-4"})}):c.logoSrc?(0,i.jsx)("span",{className:"mt-0.5 grid size-7 shrink-0 place-items-center overflow-hidden rounded-full ring-1 ring-black/[0.05]",style:{backgroundColor:null!=(t=c.logoBackground)?t:"#FFFFFF"},children:(0,i.jsx)(a.default,{src:c.logoSrc,alt:null!=(s=c.logoAlt)?s:"",width:28,height:28,className:(0,r.cn)(c.logoFill?"size-7 rounded-full object-cover":"size-[19px] object-contain")})}):null,(0,i.jsxs)("div",{className:"ml-2.5 min-w-0 flex-1",children:[(0,i.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,i.jsx)("span",{className:(0,r.cn)("min-w-0 flex-1 truncate text-[13px] leading-[16px]",d.isUnread?"font-semibold text-[#202020]":"font-normal text-[#707070]"),children:c.sender}),(0,i.jsx)("span",{className:"shrink-0 whitespace-nowrap text-[11px] leading-[13px] text-[#707070]",children:c.time})]}),(0,i.jsx)("p",{className:(0,r.cn)("mt-1 line-clamp-2 break-words text-[12px] leading-[15px]",d.isUnread?"font-medium text-[#3A3A3A]":"font-normal text-[#707070]"),children:c.subject})]})]}):(0,i.jsx)("article",{role:"button",tabIndex:0,"aria-pressed":x,"data-testid":"mail-row-".concat(c.id),onClick:h,onKeyDown:k,className:(0,r.cn)("group relative flex min-h-[54px] w-full cursor-pointer select-none items-center rounded-2xl pl-[26px] pr-[22px] transition-[background-color,transform,box-shadow] duration-200 hover:bg-black/[0.035] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/25",x&&"bg-black/[0.04]",u&&"motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-3 motion-safe:duration-500",b&&"bg-[#EEF8FF] shadow-[0_0_0_4px_rgba(34,160,251,0.14),0_10px_28px_rgba(34,160,251,0.16)]"),children:(0,i.jsxs)("div",{className:"flex h-[54px] min-w-0 flex-1 items-center border-b-[0.5px] border-black/[0.07]",children:[c.avatarText?(0,i.jsx)("span",{className:"grid size-6 shrink-0 place-items-center rounded-full bg-[#EAE3FF] text-[10px] font-semibold leading-none text-[#5B45B7] ring-1 ring-[#5B45B7]/10",children:c.avatarText}):c.iconName?(0,i.jsx)("span",{className:"grid size-6 shrink-0 place-items-center rounded-full bg-[#F1F1F1] text-[#202020]",children:(0,i.jsx)(o.A,{name:c.iconName,className:"size-4"})}):c.logoSrc?(0,i.jsx)("span",{className:"grid size-6 shrink-0 place-items-center overflow-hidden rounded-full ring-1 ring-black/[0.05]",style:{backgroundColor:null!=(l=c.logoBackground)?l:"#FFFFFF"},children:(0,i.jsx)(a.default,{src:c.logoSrc,alt:null!=(n=c.logoAlt)?n:"",width:24,height:24,className:(0,r.cn)(c.logoFill?"size-6 rounded-full object-cover":"size-[18px] object-contain")})}):null,(0,i.jsx)("p",{className:(0,r.cn)("ml-2 hidden w-[145px] shrink-0 truncate text-[13px] leading-[16px] sm:block",d.isUnread?"font-semibold text-[#202020]":"font-normal text-[#707070]"),children:c.sender}),(0,i.jsxs)("div",{className:"ml-5 flex min-w-0 flex-1 items-center gap-2 overflow-hidden",children:[(0,i.jsxs)("p",{className:(0,r.cn)("min-w-0 flex-1 truncate text-[13px] leading-[16px]",d.isUnread?"font-semibold text-[#202020]":"font-normal text-[#707070]"),children:[(0,i.jsxs)("span",{className:"sm:hidden",children:[c.sender," \xb7 "]}),c.subject]}),d.hasSmartLabel&&c.smartLabel?(0,i.jsx)("span",{className:"hidden max-w-28 shrink-0 truncate rounded-full bg-black/[0.035] px-2 py-1 text-[10px] font-semibold leading-3 md:inline-block",style:{color:c.smartLabel.color},children:c.smartLabel.label}):null,d.isStarred?(0,i.jsx)(o.A,{name:"star-after",className:"size-5 shrink-0 group-hover:hidden group-focus-within:hidden"}):null]}),(0,i.jsxs)("div",{className:"ml-3 flex w-28 shrink-0 items-center justify-end gap-1 text-[11px] leading-[13px] text-[#707070] group-hover:hidden group-focus-within:hidden max-sm:w-16",children:[c.hasAttachment?(0,i.jsx)(o.A,{name:"attachment",className:"size-4"}):null,(0,i.jsx)("span",{className:"whitespace-nowrap",children:c.time})]}),(0,i.jsxs)("div",{className:"pointer-events-none ml-5 hidden h-full shrink-0 items-center gap-4 group-hover:pointer-events-auto group-hover:flex group-focus-within:
1pointer-events-auto group-focus-within:flex",onClick:e=>e.stopPropagation(),children:[(0,i.jsx)("button",{type:"button","aria-label":d.hasSmartLabel?m.removeLabel:m.addLabel,title:d.hasSmartLabel?m.removeLabel:m.addLabel,onClick:g,className:(0,r.cn)(w,d.hasSmartLabel&&"text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"label",className:"size-5"})}),(0,i.jsx)("button",{type:"button","aria-label":d.isStarred?m.removeStar:m.addStar,title:d.isStarred?m.removeStar:m.addStar,onClick:f,className:w,children:(0,i.jsx)(o.A,{name:d.isStarred?"star-after":"star-before",className:"size-5"})}),(0,i.jsx)("button",{type:"button","aria-label":m.archive,title:m.archive,onClick:j,className:w,children:(0,i.jsx)(o.A,{name:"archive",className:"size-5"})}),(0,i.jsx)("button",{type:"button","aria-label":m.delete,title:m.delete,onClick:v,className:w,children:(0,i.jsx)(o.A,{name:"delete",className:"size-5"})}),(0,i.jsx)("button",{type:"button","aria-label":d.isUnread?m.markRead:m.markUnread,title:d.isUnread?m.markRead:m.markUnread,onClick:N,className:w,children:(0,i.jsx)(o.A,{name:d.isUnread?"read":"unread",className:"size-5"})})]})]})})}function w(e){let{id:t,label:s,icon:a,activeId:l,count:n,depth:c="root",isStatic:d=!1,onSelect:m}=e,x=!d&&l===t;return(0,i.jsxs)("button",{type:"button","aria-current":x?"page":void 0,onClick:d?void 0:()=>m(t),className:(0,r.cn)("flex h-9 w-full items-center gap-2 rounded-lg text-[14px] leading-[18px] tracking-[-0.01em] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30","folder"===c?"pl-[42px] pr-2":"section"===c?"px-2":"pl-5 pr-2",x?"bg-black/[0.04] text-[#22A0FB]":"text-[#202020]"),children:[(0,i.jsx)(o.A,{name:a,className:"size-5"}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate text-left",children:s}),n?(0,i.jsx)("span",{className:"min-w-5 shrink-0 text-right text-[11px] leading-[13px] tabular-nums text-[#707070]",children:n}):null]})}function k(){var e;let t=(0,l.c)("home.mailDemo"),[s,c]=(0,n.useState)("inbox"),[m,p]=(0,n.useState)(!1),[h,g]=(0,n.useState)(!1),[f,j]=(0,n.useState)(!1),[k,y]=(0,n.useState)(!0),[F,A]=(0,n.use
1State)(!1),[z,_]=(0,n.useState)(!1),[C,D]=(0,n.useState)(),[B,S]=(0,n.useState)(!1),[E,T]=(0,n.useState)(""),[L,M]=(0,n.useState)(""),[P,I]=(0,n.useState)(!1),[R,U]=(0,n.useState)(!1),[W,q]=(0,n.useState)("important"),[H,O]=(0,n.useState)(!1),[V,G]=(0,n.useState)(null),[K,Z]=(0,n.useState)(null),[Y,J]=(0,n.useState)(!1),[Q,X]=(0,n.useState)(!1),[$,ee]=(0,n.useState)(!1),[et,es]=(0,n.useState)(!1),[ei,ea]=(0,n.useState)(!1),[el,en]=(0,n.useState)(!1),[eo,er]=(0,n.useState)(0),[ec,ed]=(0,n.useState)("idle"),[em,ex]=(0,n.useState)([]),[ep,eu]=(0,n.useState)({}),[eb,eh]=(0,n.useState)(0),[eg,ef]=(0,n.useState)(0),ej=(0,n.useRef)([]),ev=(0,n.useRef)(null),eN=(0,n.useRef)(null),ew={to:t("meetingDetail.reply.to"),subject:t("meetingDetail.reply.subject"),aiPrompt:t("meetingDetail.reply.aiPrompt"),generatedBody:t("meetingDetail.reply.generatedBody"),sentNotice:t("meetingDetail.reply.sentNotice"),quotedSender:t("meetingDetail.sender"),quotedTime:t("meetingDetail.time"),quotedExcerpt:t("meetingDetail.reply.quotedExcerpt")},ek=(0,n.useRef)(ew);ek.current=ew,(0,n.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){X(!0),ed("done");return}return ej.current=[window.setTimeout(()=>{ed("refreshing"),U(!0)},800),window.setTimeout(()=>{U(!1),X(!0),ed("arriving")},1700),window.setTimeout(()=>{G("northstar-meeting"),ed("selecting")},3100),window.setTimeout(()=>{Z("northstar-meeting"),ed("reading")},3700),window.setTimeout(()=>{ed("accepting-invite")},5700),window.setTimeout(()=>{ee(!0)},6200),window.setTimeout(()=>{ed("completing-todo")},7e3),window.setTimeout(()=>{es(!0)},7450),window.setTimeout(()=>{en(!0),ed("scrolling")},8300),window.setTimeout(()=>{ed("replying")},10300),window.setTimeout(()=>{D(ek.current),S(!0),_(!0),ed("composing")},10900)],()=>{ej.current.forEach(e=>window.clearTimeout(e)),ej.current=[]}},[]);let ey=[{id:"all-mail",label:t("sidebar.allMail"),icon:"allmail"},{id:"starred",label:t("sidebar.starred"),icon:"star-before"},{id:"snoozed",label:t("sidebar.snoozed"),icon:"clock"},{id:"scheduled",label:t("sidebar.scheduled"),icon:"scheduled"},{id:"draft",label:t("sidebar.draft"),icon:"draft",count:"2"},{id:"sent",label:t("sidebar.sent"),icon:"sent"},{id:"archive",label:t("sidebar.archive"),icon:"archive"},{id:"spam",label:t("sidebar.spam"),icon:"spam"},{id:"trash",label:t("sidebar.trash"),icon:"delete"}],eF=[{id:"outlook-inbox",label:t("sidebar.inbox"),icon:"inbox-before",count:"6"},{id:"outlook-all-mail",label:t("sidebar.allMail"),icon:"allmail"},{id:"outlook-sent",label:t("sidebar.sent"),icon:"sent"},{id:"outlook-archive",label:t("sidebar.archive"),icon:"archive"},{id:"outlook-spam",label:t("sidebar.spam"),icon:"spam"},{id:"outlook-trash",label:t("sidebar.trash"),icon:"delete"}],eA=[{id:"ai-news",label:t("sidebar.aiNews"),color:"#7EBA02",count:"1"},{id:"finance",label:t("labels.finance"),color:"#F59E0B",count:"4"},{id:"travel-label",label:t("labels.travel"),color:"#14B8A6",count:"2"},{id:"updates",label:t("labels.updates"),color:"#8B5CF6",count:"7"}],ez=[{id:"important",label:t("tabs.important"),type:"default"},{id:"updates",label:t("labels.updates"),type:"default"},{id:"promotions",label:t("tabs.promotions"),type:"default"},{id:"ai-news",label:t("sidebar.aiNews"),type:"smart"},{id:"finance",label:t("labels.finance"),type:"smart"},{id:"travel",label:t("labels.travel"),type:"smart"},{id:"personal",label:t("labels.personal"),type:"smart"},{id:"all",label:t("tabs.all"),type:"all"}],e_=[...Q?[{id:"northstar-meeting",group:"today",sender:t("mails.northstarMeeting.sender"),subject:t("mails.northstarMeeting.subject"),snippet:t("mails.northstarMeeting.snippet"),time:t("mails.northstarMeeting.time"),avatarText:"MT",isUnread:!0,hasAttachment:!0,smartLabel:{label:t("labels.work"),color:"#22A0FB"}}]:[],{id:"filomail-welcome",group:"today",sender:t("mails.filomailWelcome.sender"),subject:t("mails.filomailWelcome.subject"),snippet:t("mails.filomailWelcome.snippet"),time:t("mails.filomailWelcome.time"),logoSrc:"/FiloMail-icon.png",logoAlt:"FiloMail",logoBackground:"#EAF6FF",logoFill:!0,isUnread:!0,smartLabel:{label:t("labels.personal"),color:"#22A0FB"}},{id:"apple",group:"today",sender:t("mails.apple.sender"),subject:t("mails.apple.subject"),snippet:t("mails.apple.snippet"),time:"9:42",logoSrc:"/brands/apple.svg",logoAlt:"Apple",logoBackgroun
1d:"#F2F2F2",isUnread:!0,hasAttachment:!0,smartLabel:{label:t("labels.finance"),color:"#F59E0B"}},{id:"spotify",group:"today",sender:t("mails.spotify.sender"),subject:t("mails.spotify.subject"),snippet:t("mails.spotify.snippet"),time:"8:16",logoSrc:"/brands/spotify.svg",logoAlt:"Spotify",logoBackground:"#121212",logoFill:!0,isUnread:!0},{id:"instacart",group:"today",sender:t("mails.instacart.sender"),subject:t("mails.instacart.subject"),snippet:t("mails.instacart.snippet"),time:"7:58",logoSrc:"/brands/instacart.svg",logoAlt:"Instacart",logoBackground:"#F2F7EE"},{id:"nyt",group:"today",sender:t("mails.nyt.sender"),subject:t("mails.nyt.subject"),snippet:t("mails.nyt.snippet"),time:"7:24",logoSrc:"/brands/newyorktimes.svg",logoAlt:"The New York Times",logoBackground:"#F2F2F2",isUnread:!0,isStarred:!0,smartLabel:{label:t("sidebar.aiNews"),color:"#7EBA02"}},{id:"stripe",group:"today",sender:t("mails.stripe.sender"),subject:t("mails.stripe.subject"),snippet:t("mails.stripe.snippet"),time:"6:52",logoSrc:"/brands/stripe.svg",logoAlt:"Stripe",logoBackground:"#F0EFFF",smartLabel:{label:t("labels.finance"),color:"#F59E0B"}},{id:"netflix",group:"today",sender:t("mails.netflix.sender"),subject:t("mails.netflix.subject"),snippet:t("mails.netflix.snippet"),time:"6:10",logoSrc:"/brands/netflix.svg",logoAlt:"Netflix",logoBackground:"#141414",smartLabel:{label:t("labels.updates"),color:"#8B5CF6"}},{id:"reddit",group:"today",sender:t("mails.reddit.sender"),subject:t("mails.reddit.subject"),snippet:t("mails.reddit.snippet"),time:"5:45",logoSrc:"/brands/reddit.svg",logoAlt:"Reddit",logoBackground:"#FFF1EC",logoFill:!0,smartLabel:{label:t("sidebar.aiNews"),color:"#7EBA02"}},{id:"airbnb",group:"yesterday",sender:t("mails.airbnb.sender"),subject:t("mails.airbnb.subject"),snippet:t("mails.airbnb.snippet"),time:t("yesterday"),logoSrc:"/brands/airbnb.svg",logoAlt:"Airbnb",logoBackground:"#FFF0F1",isStarred:!0,smartLabel:{label:t("labels.travel"),color:"#14B8A6"}},{id:"doordash",group:"yesterday",sender:t("mails.doordash.sender"),subject:t("mails.doordash.subject"),snippet:t("mails.doordash.snippet"),time:t("yesterday"),logoSrc:"/brands/doordash.svg",logoAlt:"DoorDash",logoBackground:"#FFF1ED",isUnread:!0},{id:"paypal",group:"yesterday",sender:t("mails.paypal.sender"),subject:t("mails.paypal.subject"),snippet:t("mails.paypal.snippet"),time:t("yesterday"),logoSrc:"/brands/paypal.svg",logoAlt:"PayPal",logoBackground:"#EAF2FF",smartLabel:{label:t("labels.finance"),color:"#F59E0B"}},{id:"substack",group:"yesterday",sender:t("mails.substack.sender"),subject:t("mails.substack.subject"),snippet:t("mails.substack.snippet"),time:t("yesterday"),logoSrc:"/brands/substack.svg",logoAlt:"Substack",logoBackground:"#FFF1EA",smartLabel:{label:t("labels.updates"),color:"#8B5CF6"}},{id:"target",group:"yesterday",sender:t("mails.target.sender"),subject:t("mails.target.subject"),snippet:t("mails.target.snippet"),time:t("yesterday"),logoSrc:"/brands/target.svg",logoAlt:"Target",logoBackground:"#FFF1F1",logoFill:!0}],eC=new Map([["compose",t("sidebar.compose")],["inbox",t("sidebar.inbox")],["gmail-provider","Gmail"],["gmail-account",t("sidebar.gmailAccount")],["outlook",t("sidebar.outlook")],["outlook-account","[email protected]"],["todo",t("sidebar.todo")],["scheduled-tasks",t("sidebar.scheduledTasks")],["custom-label",t("sidebar.customLabel")],...ey.map(e=>[e.id,e.label]),...eF.map(e=>[e.id,e.label]),...eA.map(e=>[e.id,e.label])]),eD=L.trim().toLocaleLowerCase(),eB=e_.filter(e=>{var s,i,a,l,n,o;if(em.includes(e.id))return!1;let r=null!=(i=null==(s=ep[e.id])?void 0:s.isUnread)?i:!!e.isUnread;return(!P||!!r)&&(!eD||!!"".concat(e.sender," ").concat(e.subject," ").concat(e.snippet).toLocaleLowerCase().includes(eD))&&("updates"===W?(null==(a=e.smartLabel)?void 0:a.label)===t("labels.updates"):"promotions"===W?["spotify","netflix","reddit","substack","target"].includes(e.id):"ai-news"===W?(null==(l=e.smartLabel)?void 0:l.label)===t("sidebar.aiNews"):"finance"===W?(null==(n=e.smartLabel)?void 0:n.label)===t("labels.finance"):"travel"===W?(null==(o=e.smartLabel)?void 0:o.label)===t("labels.travel"):"personal"!==W||["filomail-welcome","spotify","netflix","reddit"].includes(e.id))}),eS=e_.reduce((e,t)=>
1{var s,i;return em.includes(t.id)?e:(null!=(i=null==(s=ep[t.id])?void 0:s.isUnread)?i:!!t.isUnread)?e+1:e},0),eE=["today","yesterday"].map(e=>({group:e,mails:eB.filter(t=>t.group===e)})),eT="inbox"===s&&("filomail-welcome"===K||"northstar-meeting"===K);(0,n.useLayoutEffect)(()=>{let e=ev.current,t=eN.current;if(!e||!t)return;let s=()=>{eh(e.getBoundingClientRect().width),ef(t.getBoundingClientRect().width)};s();let i=new ResizeObserver(s);return i.observe(e),i.observe(t),()=>i.disconnect()},[s,eT,k]);let eL={addLabel:t("actions.addLabel"),removeLabel:t("actions.removeLabel"),addStar:t("actions.addStar"),removeStar:t("actions.removeStar"),archive:t("actions.archive"),delete:t("actions.delete"),markRead:t("actions.markRead"),markUnread:t("actions.markUnread")},eM=e=>{var t,s,i,a,l,n;return{isUnread:null!=(a=null==(t=ep[e.id])?void 0:t.isUnread)?a:!!e.isUnread,isStarred:null!=(l=null==(s=ep[e.id])?void 0:s.isStarred)?l:!!e.isStarred,hasSmartLabel:null!=(n=null==(i=ep[e.id])?void 0:i.hasSmartLabel)?n:!!e.smartLabel}},eP=(e,t)=>{eu(s=>({...s,[e.id]:{...eM(e),...s[e.id],...t}}))},eI=()=>{R||(U(!0),window.setTimeout(()=>U(!1),860))},eR=()=>{D(void 0),S(!1),_(!0)},eU=()=>{ej.current.forEach(e=>window.clearTimeout(e)),ej.current=[],U(!1),en(!1),ed("done"),S(!1)},eW=e=>{if(eU(),G(e),"northstar-meeting"===e){er(e=>e+1),Z(e);return}Z("filomail-welcome"===e?e:null)};return(0,i.jsx)("section",{"data-testid":"home-mail-window","data-auto-demo-stage":ec,"aria-label":t("previewLabel"),className:"w-full px-4 pb-12 sm:px-6 lg:px-20 lg:pb-[104px]",children:(0,i.jsx)("div",{className:"mx-auto max-w-[1184px]",children:(0,i.jsx)("div",{className:"relative h-[560px] overflow-hidden rounded-[28px] border border-black/[0.05] bg-white text-left font-[-apple-system,BlinkMacSystemFont,'Segoe_UI',Roboto,system-ui,sans-serif] shadow-[0_80px_100px_rgba(0,0,0,0.04),0_12px_44px_rgba(0,0,0,0.08)] sm:h-[720px] xl:aspect-[1.38] xl:h-auto xl:rounded-[30px]",children:(0,i.jsxs)("div",{className:"flex h-full min-w-0",children:[(0,i.jsx)("aside",{"aria-hidden":!k,className:(0,r.cn)("relative hidden shrink-0 overflow-hidden bg-white transition-[width,padding,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] sm:block",k?"w-[240px] p-2 opacity-100":"pointer-events-none w-0 p-0 opacity-0"),children:(0,i.jsxs)("div",{className:"relative flex h-full w-[224px] flex-col overflow-hidden rounded-[24px] bg-[#FCFAFA]",children:[(0,i.jsxs)("div",{className:"flex h-12 shrink-0 items-center justify-between px-4",children:[(0,i.jsx)(b,{}),(0,i.jsx)("button",{type:"button","data-testid":"sidebar-collapse",title:t("sidebar.collapse"),"aria-label":t("sidebar.collapse"),onClick:()=>y(!1),className:"grid size-8 place-items-center rounded-lg text-[#202020] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"menu-collapse",className:"size-5"})})]}),(0,i.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto px-2 [scrollbar-width:none]",children:[(0,i.jsxs)("button",{type:"button",title:k?void 0:t("sidebar.compose"),"aria-pressed":z,onClick:eR,className:(0,r.cn)("mb-2.5 flex h-10 w-fit shrink-0 self-start items-center gap-2 rounded-full bg-white px-2.5 text-[14px] leading-[18px] tracking-[-0.01em] text-[#202020] shadow-[0_1px_2px_rgba(0,0,0,0.04)] transition-colors hover:bg-black/[0.02] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",z&&"text-[#22A0FB]"),children:[(0,i.jsx)(o.A,{name:"compose",className:"size-5"}),(0,i.jsx)("span",{children:t("sidebar.compose")})]}),(0,i.jsxs)("div",{className:(0,r.cn)("flex h-9 shrink-0 items-center rounded-lg transition-colors hover:bg-black/[0.04]","inbox"===s&&"bg-black/[0.04] text-[#22A0FB]"),children:[(0,i.jsxs)("button",{type:"button",title:k?void 0:t("sidebar.inbox"),"aria-current":"inbox"===s?"page":void 0,onClick:()=>c("inbox"),className:(0,r.cn)("flex min-w-0 flex-1 items-center gap-2 py-2 pl-5 pr-2 text-[14px] leading-[18px] tracking-[-0.01em] focus-visible:outline-none"),children:[(0,i.jsx)(o.A,{name:"inbox"===s?"inbox-after":"inbox-before",className:"size-5"}),(0,i.jsx)("span",{className:(0,r.cn)("min-w-0 flex-1 truncate text-left"),children:t("sidebar.inbox")}),(0,i.jsx)("span",{className:(0,r.cn)("text-[11px] leading-[13px] tabular-nums text-[#707070]"),children:eS})]}),(0,i.jsx)("button",{type:"button","aria-label":t("sidebar.addAccount"),title:t("sidebar.addAccount"),onClick:()=>c("add-account"),className:(0,r.cn)("mr-1 grid size-7 place-items-center rounded-lg text-[#707070] hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30"),children:(0,i.jsx)(o.A,{name:"add",className:"size-4"})})]}),(0,i.jsxs)("div",{className:"group/accounts order-2 my-5 flex shrink-0 flex-col",children:[(0,i.jsxs)("div",{className:"group/accounts-header flex h-8 items-center justify-between pl-2 pr-1 text-[10px] font-normal uppercase leading-3 tracking-normal text-[#707070]",children:[(0,i.jsx)("span",{children:t("sidebar.accounts")}),(0,i.jsx)("button",{type:"button","aria-label":t("sidebar.addAccount"),title:t("sidebar.addAccount"),onClick:()=>c("add-account"),className:"grid size-5 place-items-center rounded-md text-[#707070] opacity-0 transition-opacity hover:bg-black/[0.04] hover:text-[#202020] focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30 group-hover/accounts-header:opacity-100",children:(0,i.jsx)(o.A,{name:"add",className:"size-4"})})]}),(0,i.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,i.jsxs)("button",{type:"button","data-testid":"gmail-provider-toggle","aria-expanded":m,onClick:()=>{p(e=>"gmail-provider"!==s||!e),c("gmail-provider")},className:(0,r.cn)("group/gmail flex h-9 w-full shrink-0 items-center gap-2 rounded-lg pl-2 pr-2 text-[14px] leading-[18px] tracking-[-0.01em] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",s.startsWith("gmail")?"bg-black/[0.04] text-[#22A0FB]":"text-[#202020]"),children:[(0,i.jsxs)("span",{className:"relative grid size-5 shrink-0 place-items-center",children:[(0,i.jsx)(o.A,{name:"gmail",className:"absolute size-5 group-hover/gmail:opacity-0 group-focus-visible/gmail:opacity-0"}),(0,i.jsx)(o.A,{name:"goforward",className:(0,r.cn)("absolute size-4 text-[#707070] opacity-0 transition-transform duration-75 group-hover/gmail:opacity-100 group-focus-visible/gmail:opacity-100",m&&"rotate-90")})]}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate text-left",children:"Gmail"}),m?null:(0,i.jsx)("span",{className:"text-[11px] leading-[13px] tabular-nums text-[#707070]",children:"2"})]}),(0,i.jsx)("div",{"data-testid":"gmail-folders",className:(0,r.cn)("grid transition-[grid-template-rows,opacity] duration-150",m?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:(0,i.jsxs)("div",{className:"overflow-hidden",children:[(0,i.jsxs)("button",{type:"button","aria-current":"gmail-account"===s?"page":void 0,onClick:()=>c("gmail-account"),className:(0,r.cn)("flex h-9 w-full items-center gap-2 rounded-lg pl-[42px] pr-2 text-[14px] leading-[18px] tracking-[-0.01em] text-[#4E4E4E] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30","gmail-account"===s&&"bg-black/[0.04] text-[#22A0FB]"),children:[(0,i.jsx)(a.default,{src:"/home-agent-profile-bird.png",alt:"",width:20,height:20,className:"h-auto w-5 shrink-0 rounded-full object-cover"}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate text-left",children:t("sidebar.gmailAccount")}
1),(0,i.jsx)("span",{className:"text-[11px] leading-[13px] tabular-nums text-[#707070]",children:"1"})]}),ey.map(e=>(0,i.jsx)(w,{...e,depth:"folder",activeId:s,onSelect:c},e.id)),(0,i.jsx)("button",{type:"button","aria-expanded":f,onClick:()=>j(e=>!e),className:"flex h-9 w-full items-center rounded-lg pl-[42px] pr-2 text-[13px] leading-[15px] text-[#707070] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:t("sidebar.more")}),f?(0,i.jsx)(w,{id:"custom-label",label:t("sidebar.customLabel"),icon:"label",depth:"folder",activeId:s,onSelect:c}):null]})}),(0,i.jsxs)("button",{type:"button","data-testid":"outlook-provider-toggle","aria-expanded":h,onClick:()=>{g(e=>!s.startsWith("outlook")||!e),c("outlook-inbox")},className:(0,r.cn)("group/outlook flex h-9 w-full shrink-0 items-center gap-2 rounded-lg pl-2 pr-2 text-[14px] leading-[18px] tracking-[-0.01em] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",s.startsWith("outlook")?"bg-black/[0.04] text-[#22A0FB]":"text-[#202020]"),children:[(0,i.jsxs)("span",{className:"relative grid size-5 shrink-0 place-items-center",children:[(0,i.jsx)(o.A,{name:"outlook",className:"absolute size-5 group-hover/outlook:opacity-0 group-focus-visible/outlook:opacity-0"}),(0,i.jsx)(o.A,{name:"goforward",className:(0,r.cn)("absolute size-4 text-[#707070] opacity-0 transition-transform duration-75 group-hover/outlook:opacity-100 group-focus-visible/outlook:opacity-100",h&&"rotate-90")})]}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate text-left",children:t("sidebar.outlook")}),h?null:(0,i.jsx)("span",{className:"text-[11px] leading-[13px] tabular-nums text-[#707070]",children:"6"})]}),(0,i.jsx)("div",{"data-testid":"outlook-folders",className:(0,r.cn)("grid transition-[grid-template-rows,opacity] duration-150",h?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:(0,i.jsxs)("div",{className:"overflow-hidden",children:[(0,i.jsxs)("button",{type:"button","aria-current":"outlook-account"===s?"page":void 0,onClick:()=>c("outlook-account"),className:(0,r.cn)("flex h-9 w-full items-center gap-2 rounded-lg pl-[42px] pr-2 text-[14px] leading-[18px] tracking-[-0.01em] text-[#4E4E4E] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30","outlook-account"===s&&"bg-black/[0.04] text-[#22A0FB]"),children:[(0,i.jsx)(a.default,{src:"/home-agent-profile-bird.png",alt:"",width:20,height:20,className:"h-auto w-5 shrink-0 rounded-full object-cover"}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate text-left",children:"[email protected]"})]}),eF.map(e=>(0,i.jsx)(w,{...e,depth:"folder",activeId:s,onSelect:c},e.id))]})}),[{label:"iCloud",icon:"icloud"},{label:"Yahoo",icon:"yahoo"},{label:"QQ Mail",icon:"qq"}].map(e=>(0,i.jsxs)("div",{"data-testid":"passive-account-".concat(e.icon),"aria-label":e.label,"aria-disabled":"true",className:"flex h-9 w-full shrink-0 cursor-default items-center gap-2 rounded-lg pl-2 pr-2 text-[14px] leading-[18px] tracking-[-0.01em] text-[#202020]",children:[(0,i.jsx)(o.A,{name:e.icon,className:"size-5"}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate text-left",children:e.label})]},e.label))]})]}),(0,i.jsx)("div",{className:"order-1 mt-0.5 shrink-0",children:(0,i.jsx)(w,{id:"todo",label:t("sidebar.todo"),icon:"todo",count:"3",activeId:s,onSelect:c})}),(0,i.jsxs)("div",{className:"order-3 shrink-0",children:[(0,i.jsxs)("div",{className:"group/smart-labels-header flex h-8 items-center justify-between pl-2 pr-1 text-[10px] font-normal uppercase leading-3 tracking-normal text-[#707070]",children:[(0,i.jsx)("span",{children:t("smartLabels")}),(0,i.jsx)("button",{type:"button","aria-label":t("sidebar.addSmartLabel"),title:t("sidebar.addSmartLabel"),onClick:()=>c("add-label"),className:"grid size-5 place-items-center rounded-md opacity-0 transition-opacity hover:bg-black/[0.04] hover:text-[#202020] focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30 group-hover/smart-labels-header:opacity-100",children:(0,i.jsx)(o.A,{name:"add",className:"size-4"})})]}),eA.map(e=>(0,i.jsxs)("button",{type:"button",className:"flex h-9 w-full items-center gap-2 rounded-lg px-2 text-[14px] leading-[18px] tracking-[-0.01em] text-[#202020] transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:[(0,i.jsx)("span",{style:{color:e.color},children:(0,i.jsx)(o.A,{name:"label",className:"size-5"})}),(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate text-left",children:e.label}),(0,i.jsx)("span",{className:"text-[11px] leading-[13px] tabular-nums text-[#707070]",children:e.count})]},e.id))]}),(0,i.jsx)("div",{className:"order-4 mt-5 shrink-0",children:(0,i.jsx)(w,{id:"scheduled-tasks",label:t("sidebar.scheduledTasks"),icon:"clock",depth:"section",activeId:s,isStatic:!0,onSelect:c}
1)})]}),(0,i.jsxs)("div",{className:"relative shrink-0 border-t border-black/[0.05] px-2 py-1",children:[F?(0,i.jsx)("div",{"data-testid":"sidebar-profile-popover",className:"absolute bottom-[72px] left-2 right-2 z-10 rounded-2xl border border-black/[0.06] bg-white p-1.5 text-[13px] text-[#202020] shadow-[0_16px_36px_rgba(0,0,0,0.12)]",children:[t("sidebar.settings"),t("sidebar.addAccount"),t("sidebar.signOut")].map(e=>(0,i.jsx)("button",{type:"button",onClick:()=>A(!1),className:"flex h-9 w-full items-center rounded-xl px-3 text-left hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:e},e))}):null,(0,i.jsxs)("div",{className:"flex h-[50px] items-center gap-2",children:[(0,i.jsxs)("button",{type:"button","data-testid":"sidebar-profile-menu","aria-expanded":F,onClick:()=>A(e=>!e),className:"flex min-w-0 flex-1 items-center gap-2 rounded-lg px-1.5 py-1 text-left transition-colors hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:[(0,i.jsx)(a.default,{src:"/home-agent-profile-bird.png",alt:t("sidebar.profileName"),width:36,height:36,className:"h-auto w-9 shrink-0 rounded-full object-cover"}),(0,i.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,i.jsxs)("span",{className:"flex items-center text-[14px] font-medium leading-[18px] tracking-[-0.01em] text-black",children:[(0,i.jsx)("span",{className:"truncate",children:t("sidebar.profileName")}),(0,i.jsx)(a.default,{src:"/plus-icon.png",alt:"Filo Plus",width:16,height:16,className:"ml-1 size-4 shrink-0 object-contain"})]}),(0,i.jsx)("span",{className:"block truncate text-[11px] leading-[14px] text-[#707070]",children:t("sidebar.profilePlan")})]})]}),(0,i.jsx)("button",{type:"button","aria-label":t("sidebar.settings"),title:t("sidebar.settings"),onClick:()=>A(e=>!e),className:"grid size-8 shrink-0 place-items-center rounded-lg text-[#202020] hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"settings",className:"size-5"})})]})]})]})}),(0,i.jsxs)("main",{className:"relative flex min-w-0 flex-1 flex-col bg-white",children:[(0,i.jsx)("div",{className:"flex h-[58px] shrink-0 items-center px-5 sm:hidden",children:(0,i.jsx)(b,{})}),"todo"===s?(0,i.jsx)(v,{isWelcomeTodoDone:Y,onWelcomeTodoChange:J,isMeetingAcceptTodoDone:et,onMeetingAcceptTodoChange:es,isMeetingAttendTodoDone:ei,onMeetingAttendTodoChange:ea,isSidebarOpen:k,onSidebarExpand:()=>y(!0)}):"inbox"===s?(0,i.jsxs)("div",{ref:ev,className:"relative flex min-h-0 flex-1 overflow-hidden",children:[(0,i.jsxs)("section",{"data-testid":"inbox-list-pane",className:(0,r.cn)("relative min-h-0 flex-col overflow-hidden bg-white transition-[width,flex-basis] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",eT?eb>0&&eb<860?"hidden":"flex w-[310px] shrink-0 border-r border-black/[0.05]":"flex w-full flex-1"),children:[(0,i.jsxs)("header",{"data-testid":"inbox-header",className:(0,r.cn)("absolute inset-x-0 top-0 z-20 shrink-0 bg-white pt-3 transition-[padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",eT?"px-4":"px-4 sm:px-7"),children:[(0,i.jsxs)("div",{className:"flex h-11 items-center gap-3",children:[k?null:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"hidden w-[64px] shrink-0 items-center sm:flex",children:(0,i.jsx)(b,{})}),(0,i.jsx)("button",{type:"button","data-testid":"sidebar-expand","aria-label":t("sidebar.expand"),title:t("sidebar.expand"),onClick:()=>y(!0),className:"hidden size-10 shrink-0 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] ring-1 ring-black/[0.03] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30 sm:grid",children:(0,i.jsx)(o.A,{name:"menu-expand",className:"size-5"})})]}),(0,i.jsx)("button",{type:"button","aria-label":t("actions.refresh"),title:t("actions.refresh"),onClick:eI,className:"hidden size-10 shrink-0 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30 sm:grid",children:R?(0,i.jsx)("span",{"aria-hidden":"true",className:"size-5 rounded-full border-2 border-black/[0.12] border-t-[#202020] motion-safe:animate-[spin_620ms_linear_infinite]"}):(0,i.jsx)(o.A,{name:"refresh",className:"size-5"})}),(0,i.jsxs)("label",{className:"flex h-10 w-[248px] shrink-0 items-center gap-1 rounded-full bg-white px-3 text-[13px] text-[#707070] shadow-[0_4px_18px_rgba(0,0,0,0.05)] ring-1 ring-black/[0.03] focus-within:ring-[#22A0FB]/35 max-sm:min-w-0 max-sm:flex-1",children:[(0,i.jsx)(o.A,{name:"search",className:"size-5"}),(0,i.jsx)("input",{"data-testid":"inbox-search",value:L,onChange:e=>M(e.target.value),placeholder:t("searchPlaceholder"),className:"min-w-0 flex-1 bg-transparent text-[13px] text-[#202020] outline-none placeholder:text-[#B5B5B5]"})]}),eT?null:(0,i.jsx)("button",{type:"button","aria-label":P?t("actions.filterAll"):t("actions.filterUnread"),title:P?t("actions.filterAll"):t("actions.filterUnread"),"aria-pressed":P,onClick:()=>I(e=>!e),className:(0,r.cn)("grid size-10 shrink-0 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",P&&"bg-[#E9F6FF] text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"filter",className:"size-5"})})]}),(0,i.jsxs)("div",{className:"relative mt-5 flex h-9 min-w-0 items-center border-b border-black/[0.06]",children:[(0,i.jsx)("nav",{"aria-label":t("smartLabels"),className:"flex min-w-0 flex-1 items-end gap-5 overflow-x-auto [scrollbar-width:none]",children:ez.slice(0,eT?3:ez.length).map(e=>(0,i.jsx)("button",{type:"button","aria-current":W===e.id?"page":void 0,"data-tab-type":e.type,onClick:()=>q(e.id),className:(0,r.cn)("h-9 shrink-0 whitespace-nowrap border-b-2 border-transparent px-0.5 pb-2 text-[13px] font-semibold leading-[16
1px] text-[#707070] transition-[color,border-color] duration-200 hover:text-[#202020] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",W===e.id&&"border-[#22A0FB] text-[#202020]"),children:e.label},e.id))}),eT?null:(0,i.jsx)("button",{type:"button","aria-label":t("sidebar.settings"),title:t("sidebar.settings"),"aria-expanded":H,onClick:()=>O(e=>!e),className:"ml-4 grid size-8 shrink-0 place-items-center rounded-lg text-[#707070] transition-colors hover:bg-black/[0.04] hover:text-[#202020] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:(0,i.jsx)(o.A,{name:"customize",className:"size-5"})}),H&&!eT?(0,i.jsx)("div",{"data-testid":"inbox-tab-settings",className:"absolute right-0 top-11 z-30 w-48 rounded-2xl border border-black/[0.06] bg-white p-1.5 text-[12px] text-[#202020] shadow-[0_14px_36px_rgba(0,0,0,0.12)]",children:ez.slice(0,-1).map(e=>(0,i.jsxs)("button",{type:"button",onClick:()=>{q(e.id),O(!1)},className:"flex h-8 w-full items-center rounded-xl px-2.5 text-left hover:bg-black/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",children:[(0,i.jsx)("span",{className:"min-w-0 flex-1 truncate",children:e.label}),(0,i.jsx)(o.A,{name:"checkbox-checked",className:"ml-2 size-4"})]},e.id))}):null]})]}),(0,i.jsxs)("div",{className:(0,r.cn)("min-h-0 flex-1 overflow-y-auto pb-5 pt-[116px] [scrollbar-width:none] transition-[padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",eT?"px-2.5":"px-3 sm:px-6 lg:px-7"),children:[eE.map(e=>{let{group:s,mails:a}=e;return a.length>0?(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:(0,r.cn)("flex items-center px-1 text-[13px] leading-[16px] text-[#707070]",eT?"h-9":"h-10 text-[14px] leading-[18px]"),children:"today"===s?t("today"):t("yesterday")}),(0,i.jsx)("div",{children:a.map(e=>{let t=eM(e),s=()=>{ex(t=>t.includes(e.id)?t:[...t,e.id]),G(t=>t===e.id?null:t)};return(0,i.jsx)(N,{mail:e,state:t,labels:eL,isSelected:V===e.id,isCompact:eT,isArriving:"northstar-meeting"===e.id&&"arriving"===ec,isDemoSelecting:"northstar-meeting"===e.id&&"selecting"===ec,onSelect:()=>eW(e.id),onToggleLabel:()=>eP(e,{hasSmartLabel:!t.hasSmartLabel}),onToggleStar:()=>eP(e,{isStarred:!t.isStarred}),onArchive:s,onDelete:s,onToggleRead:()=>eP(e,{isUnread:!t.isUnread})},e.id)})})]},s):null}),0===eB.length?(0,i.jsxs)("div",{className:"mt-5 rounded-[20px] border border-black/[0.05] bg-[#FCFAFA] p-4",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 text-[12px] font-medium text-[#707070]",children:[(0,i.jsx)(o.A,{name:"archive",className:"size-4"}),(0,i.jsx)("span",{children:t("calmInbox.title")})]}),(0,i.jsx)("p",{className:"mt-2 max-w-[54ch] text-[12px] leading-5 text-[#5E5E5A]",children:t("calmInbox.description")})]}):null]})]}),(0,i.jsx)("section",{ref:eN,"data-testid":"mail-detail-pane","aria-hidden":!eT,className:(0,r.cn)("relative min-w-0 overflow-hidden bg-white transition-[width,opacity,transform] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",eT?"flex flex-1 translate-x-0 opacity-100":"pointer-events-none w-0 flex-none translate-x-3 opacity-0"),children:"northstar-meeting"===K?(0,i.jsx)(u,{isInviteAccepted:$,isAcceptTodoDone:et,isAttendTodoDone:ei,shouldScrollToBottom:el,demoFocus:"accepting-invite"===ec?"calendar":"completing-todo"===ec?"todo":"replying"===ec?"reply":"none",toolbarWidth:eg,onBack:()=>{Z(null),G(null)},onReply:()=>{D(ew),S(!1),_(!0)},onDismiss:()=>{ex(e=>e.includes("northstar-meeting")?e:[...e,"northstar-meeting"]),Z(null),G(null)},onAcceptInvite:()=>ee(!0),onToggleAcceptTodo:()=>es(e=>!e),onToggleAttendTodo:()=>ea(e=>!e)},"northstar-meeting-".concat(eo)):"filomail-welcome"===K?(0,i.jsx)(x,{isTodoDone:Y,toolbarWidth:eg,onBack:()=>{Z(null),G(null)},onCompose:eR,onDismiss:()=>{ex(e=>e.includes("filomail-welcome")?e:[...e,"filomail-welcome"]),Z(null),G(null)},onToggleTodo:()=>J(e=>!e)}):null})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("header",{className:"shrink-0 px-4 pt-3 sm:absolute sm:inset-x-0 sm:top-0 sm:z-20 sm:px-7 sm:pt-3",children:[(0,i.jsxs)("div",{className:"flex h-12 items-center gap-3",children:[(0,i.jsx)("button",{type:"button","aria-label":t("actions.refresh"),title:t("actions.refresh"),onClick:eI,className:"hidden size-11 shrink-0 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30 sm:grid",children:R?(0,i.jsx)("span",{"aria-hidden":"true",className:"size-5 rounded-full border-2 border-black/[0.12] border-t-[#202020] motion-safe:animate-[spin_620ms_linear_infinite]"}):(0,i.jsx)(o.A,{name:"refresh",className:"size-5"})}),(0,i.jsxs)("label",{className:"flex h-11 min-w-0 max-w-[330px] flex-1 items-center gap-2 rounded-full bg-white px-4 text-[13px] text-[#707070] shadow-[0_4px_18px_rgba(0,0,0,0.05)] ring-1 ring-black/[0.03] focus-within:ring-[#22A0FB]/35",children:[(0,i.jsx)(o.A,{name:"search",className:"size-5"}),(0,i.jsx)("input",{value:L,onChange:e=>M(e.target.value),placeholder:t("searchPlaceholder"),className:"min-w-0 flex-1 bg-transparent text-[13px] text-[#202020] outline-none placeholder:text-[#B5B5B5]"})]}),(0,i.jsx)("button",{type:"button","aria-label":P?t("actions.filterAll"):t("actions.filterUnread"),title:P?t("actions.filterAll"):t("actions.filterUnread"),"aria-pressed":P,onClick:()=>I(e=>!e),className:(0,r.cn)("grid size-11 shrink-0 place-items-center rounded-full bg-white text-[#202020] shadow-[0_4px_16px_rgba(0,0,0,0.06)] transition-colors hover:bg-[#FCFAFA] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#22A0FB]/30",P&&"bg-[#E9F6FF] text-[#22A0FB]"),children:(0,i.jsx)(o.A,{name:"filter",className:"size-5"})})]}),(0,i.jsx)("h2",{className:"mt-6 text-[17px] font-bold leading-6 text-[#202020] sm:mt-5",children:null!=(e=eC.get(s))?e:t("sidebar.inbox")})]}),(0,i.jsxs)("div",{className:"min-h-0 flex-1 overflow-y-auto px-3 pb-5 pt-6 [scrollbar-width:none] sm:px-6 sm:pt-[126px] lg:px-7",children:[eE.map(e=>{let{group:s,mails:a}=e;return a.length>0?(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"flex h-10 items-center px-1 text-[14px] leading-[18px] text-[#707070]",children:"today"===s?t("today"):t("yesterday")}),(0,i.jsx)("div",{children:a.map(e=>{let t=eM(e),s=()=>{ex(t=>t.includes(e.id)?t:[...t,e.id]),G(t=>t===e.id?null:t)};return(0,i.jsx)(N,{mail:e,state:t,labels:eL,isSelected:V===e.id,isArriving:"northstar-meeting"===e.id&&"arriving"===ec,isDemoSelecting:"northstar-meeting"===e.id&&"selecting"===ec,onSelect:()=>eW(e.id),onToggleLabel:()=>eP(e,{hasSmartLabel:!t.hasSmartLabel}),onToggleStar:()=>eP(e,{isStarred:!t.isStarred}),onArchive:s,onDelete:s,onToggleRead:()=>eP(e,{isUnread:!t.isUnread})},e.id)})})]},s):null}),0===eB.length?(0,i.jsxs)("div",{className:"mt-5 rounded-[20px] border border-black/[0.05] bg-[#FCFAFA] p-4",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 text-[12px] font-medium text-[#707070]",children:[(0,i.jsx)(o.A,{name:"archive",className:"size-4"}),(0,i.jsx)("span",{children:t("calmInbox.title")})]}),(0,i.jsx)("p",{className:"mt-2 max-w-[54ch] text-[12px] leading-5 text-[#5E5E5A]",children:t("calmInbox.description")})]}):null]})]}),E?(0,i.jsxs)("div",{role:"status","data-testid":"compose-notice",className:"absolute bottom-5 right-5 z-[70] flex min-h-11 max-w-[280px] items-center overflow-hidden rounded-2xl bg-[#404040] py-3 pl-5 pr-10 text-[12px] font-medium leading-4 text-white shadow-[0_10px_28px_rgba(0,0,0,0.2)] before:absolute before:bottom-3 before:left-3 before:top-3 before:w-1 before:rounded-full before:bg-[#22A0FB] motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-2 motion-safe:duration-200",children:[(0,i.jsx)("span",{className:"pl-2",children:E}),(0,i.jsx)("button",{type:"button","aria-label":t("compose.close"),title:t("compose.close"),onClick:()=>T(""),className:"absolute right-2.5 top-2.5 grid size-6 place-items-center rounded-full text-white/75 transition-colors hover:bg-white/10 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/55",children:(0,i.jsx)(o.A,{name:"compose-close",className:"size-3.5"})})]}
1):null,z?(0,i.jsx)(d,{preset:C,isAutoDemo:B,onClose:()=>{_(!1),S(!1)},onSent:e=>{T(e),window.setTimeout(()=>T(""),2400)},onAutoDemoComplete:()=>ed("done")}):null]})]})})})})}},4674:(e,t,s)=>{"use strict";s.d(t,{default:()=>n});var i=s(8850),a=s(326),l=s(2032);function n(){let e=(0,a.c)("home");return(0,i.jsxs)("section",{className:"relative isolate w-full overflow-hidden bg-cover bg-center bg-no-repeat",style:{backgroundImage:"url(/footer_background.jpg)"},children:[(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 top-0 z-0 h-[220px] sm:h-[260px] lg:h-[316px]",style:{background:"linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)"}}),(0,i.jsxs)("div",{className:"relative z-10 mx-auto flex min-h-[360px] w-full max-w-[1920px] flex-col items-center px-6 pt-[104px] pb-[72px] text-center sm:px-8 sm:pt-[124px] sm:pb-[84px] lg:h-[492px] lg:px-20 lg:pt-[162px] lg:pb-[120px]",children:[(0,i.jsx)("h2",{className:"text-[34px] font-[510] leading-[1.05] tracking-[0.2px] text-black sm:text-[42px] sm:tracking-[0.42px] lg:text-[44px] lg:tracking-[0.44px]",style:{fontFamily:"var(--font-inter), sans-serif"},children:e("footerCtaTitle")}),(0,i.jsx)("p",{className:"mt-6 max-w-[32ch] text-[16px] tracking-[0.16px] text-black sm:tracking-[0.32px] lg:max-w-none",style:{fontFamily:'Georgia, "Times New Roman", serif',fontStyle:"normal",fontWeight:400,lineHeight:"normal"},children:e("footerCtaTagline")}),(0,i.jsx)("div",{className:"mt-9 flex items-center justify-center",children:(0,i.jsx)(l.default,{variant:"hero"})})]})]})}},5957:(e,t,s)=>{Promise.resolve().then(s.t.bind(s,460,23)),Promise.resolve().then(s.bind(s,983)),Promise.resolve().then(s.bind(s,7579)),Promise.resolve().then(s.bind(s,1396)),Promise.resolve().then(s.bind(s,2032)),Promise.resolve().then(s.bind(s,4674)),Promise.resolve().then(s.bind(s,3069)),Promise.resolve().then(s.bind(s,4502)),Promise.resolve().then(s.bind(s,3483))}},e=>{var t=t=>e(e.s=t);e.O(0,[7803,2848,6869,5189,2690,983,850,5788,5717,7358],()=>t(5957)),_N_E=e.O()}]);
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.