@remit/web-client-dist 0.0.312 → 0.0.313
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/{BriefPane-CyCnqfV1.js → BriefPane-QddcyqEY.js} +1 -1
- package/assets/{ErrorState-CN4Cwb5A.js → ErrorState-Dv3nI6GT.js} +1 -1
- package/assets/{FlaggedPane-MgcE5bKj.js → FlaggedPane-HIKOHFiG.js} +1 -1
- package/assets/{MailListHeader-DX7_Cewa.js → MailListHeader-C9RqsgMk.js} +3 -3
- package/assets/{MailViewChrome-9cKXCycT.js → MailViewChrome-BF8S6qCl.js} +1 -1
- package/assets/{MailboxPane-Db0hba1S.js → MailboxPane-Dz8ZRxzo.js} +1 -1
- package/assets/{NavMenuButton-3t-xq8p6.js → NavMenuButton-B6CbWog4.js} +1 -1
- package/assets/{OnboardingWizard-BFkNhodP.js → OnboardingWizard-CabTTzyx.js} +1 -1
- package/assets/{OutboxPane-O18gKLgX.js → OutboxPane-DA2FefqT.js} +1 -1
- package/assets/_mailboxId-4qABi6GO.js +1 -0
- package/assets/{account-form-helpers-D3tfbITU.js → account-form-helpers-BxC-KExD.js} +1 -1
- package/assets/{accounts-J2omBETN.js → accounts-D54ZDHI_.js} +1 -1
- package/assets/{advanced-Cb-Yw4fX.js → advanced-BML9qYhA.js} +1 -1
- package/assets/{appearance-BXwFGVL1.js → appearance-DS-sPz8I.js} +1 -1
- package/assets/{avatar-DTwl3jb1.js → avatar-Bjv58pNG.js} +1 -1
- package/assets/{bottom-sheet-Bw79dNtH.js → bottom-sheet-C1kjp4z1.js} +1 -1
- package/assets/brief-CYnhgqEo.js +1 -0
- package/assets/{brief-Cj9RHZn4.js → brief-VcXahbp7.js} +1 -1
- package/assets/{browser-ponyfill-Dfl9dHmO.js → browser-ponyfill-DmL6k6tb.js} +1 -1
- package/assets/{circle-check-DizPpF0Y.js → circle-check-D90Dr6L2.js} +1 -1
- package/assets/{circle-check-big-ChA18R4j.js → circle-check-big-CW1HvlzZ.js} +1 -1
- package/assets/{circle-help-DPkDkgdF.js → circle-help-COK92z5A.js} +1 -1
- package/assets/{clock-uuvA1em-.js → clock-CgUSWLsN.js} +1 -1
- package/assets/{confirm-dialog-BTyZAw5R.js → confirm-dialog-BV36pF4C.js} +1 -1
- package/assets/{conversation-target-B0jE-e47.js → conversation-target-KLV87J9U.js} +1 -1
- package/assets/{download-B3EpkLuL.js → download-BvbY2cnS.js} +1 -1
- package/assets/{filters-Dk1yDjyQ.js → filters-B9Se4n2V.js} +1 -1
- package/assets/{flagged-CHfuc_hl.js → flagged-Blu8L5OZ.js} +1 -1
- package/assets/flagged-e9O63f9Q.js +1 -0
- package/assets/{folders-B8orXsv8.js → folders-DBgIeRfU.js} +1 -1
- package/assets/index-4eByGGpZ.js +1 -0
- package/assets/index-BL8ekvXT.js +294 -0
- package/assets/index-Ck38LC7F.js +1 -0
- package/assets/index-Di7wpiwK.js +1 -0
- package/assets/index-DyrKoc-N.js +1 -0
- package/assets/index-g9uSafFd.js +1 -0
- package/assets/{kbd-C0TyJDqO.js → kbd-BaJJB7gr.js} +1 -1
- package/assets/{labels-BzM1g0fg.js → labels-l9uH-1Z0.js} +1 -1
- package/assets/{mail-oqxsK0QY.js → mail-DjJ5K1H7.js} +1 -1
- package/assets/{menu-Cpsp0ZMZ.js → menu-QoRT4Il-.js} +1 -1
- package/assets/{move-options-CdaX2x7F.js → move-options-n4pumeo2.js} +1 -1
- package/assets/{onboarding-BAPCDoFw.js → onboarding-Kz4CJ5vy.js} +1 -1
- package/assets/outbox-DI7N_SHV.js +1 -0
- package/assets/{pencil-Cm8cWZKn.js → pencil-BXvJgn5b.js} +1 -1
- package/assets/{rich-text-CGn1MSzM.js → rich-text-D4nhSbID.js} +1 -1
- package/assets/{rotate-ccw-oQ2bjkRm.js → rotate-ccw-5xEDUj-V.js} +1 -1
- package/assets/{row-actions-CN3rJN24.js → row-actions-CjAGtTXx.js} +1 -1
- package/assets/{search-scope-CFN-gjTv.js → search-scope-v7LrWqP9.js} +1 -1
- package/assets/{search-token-index-CxMDhXuP.js → search-token-index-C5VJojqM.js} +1 -1
- package/assets/{search-view-ClRhrhjK.js → search-view-DF7sw86P.js} +1 -1
- package/assets/{senders-C-f6yU99.js → senders-BRvRdfc8.js} +1 -1
- package/assets/settings-pMaaeFhz.js +1 -0
- package/assets/{settings-screen-DBHgQU-S.js → settings-screen-CL6kHmG_.js} +1 -1
- package/assets/{shield-check-BG5lmiwu.js → shield-check-uHpNyYfn.js} +1 -1
- package/assets/{suggested-vips-D0nhcuze.js → suggested-vips-lWOBbY55.js} +1 -1
- package/assets/{useDebouncedValue-BFCY668u.js → useDebouncedValue-DZSiyA3m.js} +1 -1
- package/assets/{useFilters-CxQU6LTN.js → useFilters-vbIqy57Q.js} +1 -1
- package/assets/{useLabels-DdQPlRo8.js → useLabels-Dn2KNHHY.js} +1 -1
- package/assets/{useMediaQuery-fUhUpE77.js → useMediaQuery-BeochNwQ.js} +1 -1
- package/assets/{useRefreshControl-BsKYVbfM.js → useRefreshControl-Bmlj7WFY.js} +1 -1
- package/assets/{useSearchMirror-HHNbELBF.js → useSearchMirror-DNCZzxCA.js} +1 -1
- package/assets/{useSearchTokenContext-D5dvdLSW.js → useSearchTokenContext-DbqbYd_Q.js} +1 -1
- package/assets/{useSignature-C6SBu3ql.js → useSignature-DkB8TUUX.js} +1 -1
- package/index.html +1 -1
- package/package.json +1 -1
- package/assets/_mailboxId-DbcIOfsr.js +0 -1
- package/assets/brief-CrERI6Q7.js +0 -1
- package/assets/flagged-CZrDrTDc.js +0 -1
- package/assets/index-BHkaa_C4.js +0 -1
- package/assets/index-CdMOAANs.js +0 -1
- package/assets/index-DDXDeP1_.js +0 -1
- package/assets/index-DjZFLwif.js +0 -294
- package/assets/index-O_DYWmDx.js +0 -1
- package/assets/index-lDYTJ6Ao.js +0 -1
- package/assets/outbox-DQtIjp3h.js +0 -1
- package/assets/settings-BbNYlJXs.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as z,r as j,j as e,b as f,B as i,X as N,aA as S}from"./index-
|
|
1
|
+
import{c as z,r as j,j as e,b as f,B as i,X as N,aA as S}from"./index-BL8ekvXT.js";import{A as w}from"./avatar-Bjv58pNG.js";import{M as A}from"./menu-QoRT4Il-.js";import{C as v}from"./circle-help-COK92z5A.js";const h=z("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);function F({items:l,activeId:t,title:c,description:n,children:r,help:s,helpOpen:d=!0,flush:o,onSelect:k,onToggleHelp:u,onBackToMail:m}){const[y,x]=j.useState(!1),[b,C]=j.useState(!1),p=!!s&&d,g=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"px-3 pt-3 pb-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Settings"}),e.jsx("nav",{className:"flex-1 overflow-y-auto px-2 py-1",children:l.map(a=>e.jsxs("button",{type:"button",onClick:()=>{k?.(a.id),x(!1)},className:f("flex min-h-11 w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors lg:min-h-0",a.id===t?"bg-accent-2-soft font-medium text-accent-2":"text-fg-muted hover:bg-surface hover:text-fg"),children:[a.icon&&e.jsx("span",{className:f("shrink-0",a.id===t?"text-accent-2":"text-fg-subtle"),children:a.icon}),a.label]},a.id))})]});return e.jsxs("div",{className:"safe-area-frame flex h-dvh w-full overflow-hidden bg-canvas font-sans text-fg",children:[e.jsxs("aside",{className:"hidden w-60 shrink-0 flex-col border-r border-line bg-surface-sunken lg:flex",children:[e.jsx("div",{className:"flex h-pane-header shrink-0 items-center border-b border-line px-2",children:e.jsxs("button",{type:"button",onClick:m,className:"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-fg-muted hover:bg-surface hover:text-fg",children:[e.jsx(h,{className:"size-4 text-fg-subtle"}),"Back to mail"]})}),g]}),y&&e.jsxs("div",{className:"fixed inset-0 z-50 flex lg:hidden",children:[e.jsx("button",{type:"button","aria-label":"Close menu",className:"absolute inset-0 bg-canvas/60",onClick:()=>x(!1)}),e.jsxs("aside",{className:"safe-area-frame relative flex w-72 max-w-[85%] flex-col border-r border-line bg-surface-sunken",children:[e.jsxs("div",{className:"flex h-pane-header shrink-0 items-center justify-between border-b border-line px-2",children:[e.jsxs("button",{type:"button",onClick:()=>{m?.(),x(!1)},className:"flex items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-fg-muted hover:bg-surface hover:text-fg",children:[e.jsx(h,{className:"size-4 text-fg-subtle"}),"Back to mail"]}),e.jsx(i,{variant:"ghost",size:"sm",icon:e.jsx(N,{className:"size-4"}),onClick:()=>x(!1),"aria-label":"Close menu"})]}),g]})]}),e.jsxs("main",{className:"flex min-w-0 flex-1 flex-col",children:[e.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-3 border-b border-line px-3 lg:px-5",children:[m&&e.jsx(i,{variant:"ghost",size:"sm",icon:e.jsx(h,{className:"size-4"}),className:"-ml-1 lg:hidden",onClick:m,"aria-label":"Back to mail"}),e.jsx(i,{variant:"ghost",size:"sm",icon:e.jsx(A,{className:"size-4"}),className:"lg:hidden",onClick:()=>x(!0),"aria-label":"Open settings menu"}),e.jsx("h1",{className:"text-md font-semibold text-fg",children:c}),n&&e.jsx("p",{className:"hidden min-w-0 truncate text-xs text-fg-subtle lg:block",children:n}),s&&e.jsx(i,{variant:"ghost",size:"sm",icon:e.jsx(v,{className:"size-4"}),className:"ml-auto lg:hidden",onClick:()=>C(a=>!a),"aria-label":"Tips","aria-expanded":b}),s&&!p&&e.jsx(i,{variant:"ghost",size:"sm",icon:e.jsx(v,{className:"size-4"}),className:"hidden ml-auto lg:inline-flex",onClick:u,"aria-label":"Show tips"})]}),s&&b&&e.jsx("div",{className:"border-b border-line bg-surface-sunken px-row-inset py-3 text-xs leading-relaxed text-fg-muted lg:hidden",children:s}),o?e.jsx("div",{className:"flex min-h-0 flex-1 flex-col",children:r}):e.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto",children:e.jsx("div",{className:"max-w-2xl px-3 py-5 lg:px-5",children:e.jsx("div",{className:"space-y-5",children:r})})})]}),p&&e.jsxs("aside",{className:"hidden w-64 shrink-0 flex-col border-l border-line bg-surface-sunken lg:flex",children:[e.jsxs("header",{className:"flex h-pane-header shrink-0 items-center justify-between border-b border-line px-row-inset",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Tips & tricks"}),e.jsx(i,{variant:"ghost",size:"sm",icon:e.jsx(N,{className:"size-3.5"}),onClick:u,"aria-label":"Collapse tips"})]}),e.jsx("div",{className:"flex-1 overflow-y-auto px-row-inset py-3 text-xs leading-relaxed text-fg-muted",children:s})]})]})}function R({name:l,email:t,meta:c,caption:n,danger:r,trailing:s}){return e.jsxs("div",{className:"flex items-center gap-3 px-row-inset py-2 hover:bg-surface-sunken",children:[e.jsx("span",{className:f(r&&"rounded-full ring-2 ring-danger/40"),children:e.jsx(w,{name:l,email:t,size:"sm"})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex flex-col gap-0 sm:flex-row sm:items-baseline sm:gap-2",children:[e.jsx("span",{className:"truncate text-sm font-medium text-fg",children:l}),e.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:t})]}),e.jsxs("div",{className:"text-xs text-fg-subtle",children:[c,n&&e.jsxs("span",{className:"text-fg-muted",children:[" · ",n]})]})]}),s&&e.jsx("div",{className:"shrink-0",children:s})]})}const B={healthy:{tone:"positive",label:"healthy"},error:{tone:"danger",label:"error"},muted:{tone:"neutral",label:"muted"}};function X({label:l,email:t,connector:c,syncLabel:n,state:r,errorDetail:s,trailing:d}){const o=B[r];return e.jsxs("div",{className:f("rounded-sm border border-line bg-surface",r==="muted"&&"opacity-65"),children:[e.jsxs("div",{className:"flex flex-col gap-3 px-row-inset py-3 sm:flex-row sm:items-center",children:[e.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-3",children:[e.jsx(w,{name:l,email:t,size:"md"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"truncate text-sm font-semibold text-fg",children:l}),e.jsx(S,{tone:o.tone,dot:!0,children:o.label})]}),e.jsxs("div",{className:"truncate text-xs text-fg-subtle",children:[t," · ",c," · ",n]})]})]}),d&&e.jsx("div",{className:"shrink-0",children:d})]}),s&&e.jsx("div",{className:"border-t border-line px-row-inset py-2",children:e.jsx("code",{className:"block rounded-xs bg-danger-soft px-2 py-1 text-2xs text-danger",children:s})})]})}export{X as A,F as S,R as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"./index-
|
|
1
|
+
import{c as e}from"./index-BL8ekvXT.js";const c=e("ShieldCheck",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);export{c as S};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as t,a6 as e}from"./index-
|
|
1
|
+
import{j as t,a6 as e}from"./index-BL8ekvXT.js";const o=()=>t.jsx(e,{to:"/settings/senders",replace:!0});export{o as component};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o}from"./index-
|
|
1
|
+
import{r as o}from"./index-BL8ekvXT.js";const n=(e,t)=>{const[r,u]=o.useState(e);return o.useEffect(()=>{const s=setTimeout(()=>u(e),t);return()=>clearTimeout(s)},[e,t]),r};export{n as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as m,ae as b,cO as E,w as C,cP as x,cx as F,cQ as P,q as O,cR as D,cS as N,cT as L,cU as z}from"./index-
|
|
1
|
+
import{r as m,ae as b,cO as E,w as C,cP as x,cx as F,cQ as P,q as O,cR as D,cS as N,cT as L,cU as z}from"./index-BL8ekvXT.js";const B=(e,t)=>{if(e.state==="Expired")return"Expired";if(e.scope!=="Temporary"||!e.expiresAt)return"Active";const r=Date.parse(e.expiresAt);return Number.isNaN(r)?"Active":r<=t?"Expired":"Active"},K=e=>{if(!e)return;const t=Date.parse(e);if(!Number.isNaN(t))return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})},M=(e,t=new Date)=>{if(!e)return;const r=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e);if(!r)return;const[,a,i,n]=r,s=new Date(Number(a),Number(i)-1,Number(n),23,59,59,0);if(Number.isNaN(s.getTime()))return;const o=-t.getTimezoneOffset(),d=o>=0?"+":"-",l=Math.abs(o),c=String(Math.floor(l/60)).padStart(2,"0"),f=String(l%60).padStart(2,"0"),u=p=>String(p).padStart(2,"0");return`${s.getFullYear()}-${u(s.getMonth()+1)}-${u(s.getDate())}T${u(s.getHours())}:${u(s.getMinutes())}:${u(s.getSeconds())}${d}${c}:${f}`},h="None",V=e=>!e.literalClauses.some(t=>t.field==="HasWords"),y=e=>({...e.anchorMessageId?{anchorMessageId:e.anchorMessageId}:{},matchOperator:e.matchOperator,literalClauses:e.literalClauses,actionLabelId:e.labelId??h,actionMailboxId:e.moveMailboxId??h}),G=({mode:e,ruleScope:t})=>t==="standing"?"standing":t==="until"?"temporary":e==="selected"?"just-these":"all-like-these",X=({mode:e,ruleScope:t,anchorMessageId:r,clauses:a,matchOperator:i,moveMailboxId:n,until:s})=>({...e==="similar"&&r?{anchorMessageId:r}:{},matchOperator:i==="all"?"And":"Or",literalClauses:a.map(o=>({field:o.field,value:o.value})),moveMailboxId:n,expiresAt:t==="until"?M(s??""):void 0}),S=(e,t,r)=>({name:r,scope:t==="standing"?"Standing":"Temporary",...t==="temporary"&&e.expiresAt?{expiresAt:e.expiresAt}:{},matchOperator:e.matchOperator,literalClauses:e.literalClauses,actionLabelId:e.labelId??h,actionMailboxId:e.moveMailboxId??h,...e.anchorMessageId?{anchorMessageId:e.anchorMessageId}:{}}),T=new Set(["Complete","Failed"]),v=e=>e!==void 0&&T.has(e),w=1e3,J=15e3,R=e=>{const t=Math.max(0,e),r=w*2**t;return Math.min(r,J)},_=(e,t,r)=>{if(e)return{kind:r?"restartFailed":"startFailed",error:e};if(t)return{kind:"statusUnreadable",error:t}},Y=e=>{const[t,r]=m.useState(),a=b({...E(),onSuccess:g=>r(g.organizeJobId)}),{mutate:i}=a,n=C({...x({path:{accountId:e??"",organizeJobId:t??""}}),enabled:!!e&&!!t,refetchInterval:g=>{const I=g.state.data?.state;return v(I)?!1:R(g.state.dataUpdateCount)}}),s=m.useCallback(g=>{e&&i({path:{accountId:e},body:y(g)})},[e,i]),{refetch:o}=n,d=m.useCallback(()=>{o()},[o]),l=n.data,c=a.isPending?void 0:l,f=c?.state??a.data?.state,u=v(c?.state),p={state:f,matchedCount:c?.matchedCount??0,appliedCount:c?.appliedCount??0,failedCount:c?.failedCount??0,errorMessage:c?.errorMessage??""};return{start:s,refreshStatus:d,progress:p,isStarting:a.isPending,isRunning:!!t&&!u,isDone:u,failure:_(a.error,n.error,!!l)}},Z=["From","Subject","HasWords","ListId","FromDomain"],$=e=>{const t=e.trim(),r=t.match(/<([^>]+)>/);return(r?r[1]:t).trim().toLowerCase()},ee=(e,t)=>e==="ListId"?$(t):t.trim(),k=e=>e==="all"?"And":"Or",U=(e,t)=>{const r=e.widen!==void 0&&!e.widen.inactive,a=e.clauses.map(i=>({field:i.field,value:i.value}));return{...r&&t?{anchorMessageId:t}:{},matchOperator:k(e.matchOperator),literalClauses:a}},Q=e=>e.anchorMessageId!==void 0||!e.literalClauses.some(t=>t.field==="HasWords"),q=e=>JSON.stringify({anchor:e.anchorMessageId??null,operator:e.matchOperator,clauses:e.literalClauses.map(t=>`${t.field} ${t.value}`)}),te=(e,t)=>{const r=U(e,t);return{...r.anchorMessageId?{anchorMessageId:r.anchorMessageId}:{},matchOperator:r.matchOperator,literalClauses:r.literalClauses,moveMailboxId:e.moveMailboxId,labelId:e.labelId,expiresAt:e.scope==="until"?M(e.until??""):void 0}},j=(e,t)=>e.error!==void 0&&e.errorSignature===t?{status:"error",reason:e.error}:e.count===void 0?{status:"loading"}:e.previewedSignature===t?{status:"ready",count:e.count}:{status:"ready",count:e.count,stale:!0},H=350,re=(e,t,r)=>{const a=b(F()),{mutateAsync:i}=a,n=q(t),[s,o]=m.useState(()=>({})),d=m.useRef(t);d.current=t;const l=m.useRef(n),c=Q(t);return m.useEffect(()=>{if(!e||!c||n===s.previewedSignature||n===s.errorSignature)return;const f=setTimeout(()=>{const u=n;l.current=u,i({path:{accountId:e},body:y({...d.current})}).then(p=>{l.current===u&&o({count:p.matchedCount,matchedIds:p.messageIds,previewedSignature:u})}).catch(p=>{l.current===u&&o(g=>({...g,error:p instanceof Error?p.message:"Couldn't count matches.",errorSignature:u}))})},H);return()=>clearTimeout(f)},[e,c,n,s.previewedSignature,s.errorSignature,i]),c?{count:j(s,n),matchedIds:s.previewedSignature===n?s.matchedIds??[]:[]}:{count:{status:"error",reason:P},matchedIds:[]}},A=e=>N({path:{accountId:e}}),se=e=>{const t=C({...L({path:{accountId:e??""}}),enabled:!!e});return{filters:t.data?.items??[],isPending:t.isPending,isError:t.isError,error:t.error,refetch:t.refetch}},ae=e=>{const t=O(),r=b({...D(),onSuccess:()=>{e&&t.invalidateQueries({queryKey:A(e)})}}),{mutate:a,mutateAsync:i}=r,n=m.useCallback((o,d,l)=>{e&&a({path:{accountId:e},body:S(o,d,l)})},[e,a]),s=m.useCallback(async(o,d,l)=>e?i({path:{accountId:e},body:S(o,d,l)}).then(()=>!0,()=>!1):!1,[e,i]);return{createFilter:n,createFilterAsync:s,isPending:r.isPending,isSuccess:r.isSuccess,isError:r.isError,error:r.error,reset:r.reset}},ne=e=>{const t=O(),r=b({...z(),onSuccess:()=>{e&&t.invalidateQueries({queryKey:A(e)})}}),{mutate:a}=r;return{deleteFilter:m.useCallback(n=>{e&&a({path:{accountId:e,filterId:n}})},[e,a]),isPending:r.isPending,deletingFilterId:r.isPending?r.variables?.path.filterId:void 0}};export{h as N,Z as S,Y as a,A as b,te as c,K as d,se as e,B as f,ne as g,y as h,ae as i,X as j,V as k,ee as n,G as o,M as p,U as r,re as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{w as L,bz as p,q as n,ae as l,bA as d,r as o,bB as y,bC as c,bD as g}from"./index-
|
|
1
|
+
import{w as L,bz as p,q as n,ae as l,bA as d,r as o,bB as y,bC as c,bD as g}from"./index-BL8ekvXT.js";const u=e=>y({path:{accountId:e}}),f=e=>{const r=L({...p({path:{accountId:e??""}}),enabled:!!e});return{labels:r.data?.items??[],isPending:r.isPending,isError:r.isError,error:r.error,refetch:r.refetch}},m=e=>{const r=n(),t=l({...d(),onSuccess:()=>{e&&r.invalidateQueries({queryKey:u(e)})}}),{mutateAsync:s}=t;return{createLabel:o.useCallback((a,i="Default")=>e?s({path:{accountId:e},body:{name:a,color:i}}):Promise.reject(new Error("No account")),[e,s]),isPending:t.isPending,isError:t.isError,error:t.error,reset:t.reset}},C=e=>{const r=n(),t=l({...c(),onSuccess:()=>{e&&r.invalidateQueries({queryKey:u(e)})}}),{mutate:s}=t;return{updateLabel:o.useCallback((a,i)=>{e&&s({path:{accountId:e,labelId:a},body:i})},[e,s]),isPending:t.isPending,updatingLabelId:t.isPending?t.variables?.path.labelId:void 0}},h=e=>{const r=n(),t=l({...g(),onSuccess:()=>{e&&r.invalidateQueries({queryKey:u(e)})}}),{mutate:s}=t;return{deleteLabel:o.useCallback(a=>{e&&s({path:{accountId:e,labelId:a}})},[e,s]),isPending:t.isPending,deletingLabelId:t.isPending?t.variables?.path.labelId:void 0}};export{f as a,C as b,h as c,m as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s}from"./index-
|
|
1
|
+
import{r as s}from"./index-BL8ekvXT.js";const r=1024,c=`(min-width: ${r}px) and (not ((orientation: portrait) and (pointer: coarse)))`,d=e=>{const[o,n]=s.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return s.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const t=window.matchMedia(e),a=i=>n(i.matches);return n(t.matches),t.addEventListener("change",a),()=>t.removeEventListener("change",a)},[e]),o},m=()=>d(c);export{c as D,d as a,m as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as w,e as T,b as j,B as D,r as i,t as C,aE as R,q as P,n as K,a0 as Q,P as A,N as $,Q as z,R as B}from"./index-
|
|
1
|
+
import{j as w,e as T,b as j,B as D,r as i,t as C,aE as R,q as P,n as K,a0 as Q,P as A,N as $,Q as z,R as B}from"./index-BL8ekvXT.js";import{C as G}from"./circle-check-big-CW1HvlzZ.js";import{R as H}from"./search-token-index-C5VJojqM.js";function oe({state:e,onRefresh:t,label:s,errorMessage:a,hasUpdate:n,size:u="sm",className:c}){const o=e==="refreshing",f=e==="error",h=e==="success",g=f?w.jsx(T,{className:"size-4 text-danger"}):h?w.jsx(G,{className:"size-4 text-positive"}):w.jsx(H,{className:j("size-4",o&&"animate-spin")}),y=f?`${s} — failed: ${a??"try again"}`:o?`${s} — refreshing`:h?`${s} — up to date`:n?`${s} — new mail`:s;return w.jsxs("div",{className:"relative inline-flex",children:[w.jsx(D,{variant:"ghost",size:u,icon:g,onClick:t,disabled:o,"aria-label":y,"aria-busy":o||void 0,title:f?a:s,className:c}),e==="idle"&&n&&w.jsx("span",{"aria-hidden":"true",className:"absolute right-1 top-1 size-1.5 rounded-full bg-accent-2"})]})}const U=new Set(["discovering_mailboxes","syncing_inbox","syncing_others"]);function N(e){return!!e&&U.has(e)}const _=3e3,W=_*2,M={syncing:!1,resolved:!1,synced:0,total:0};function ie(e,t){const s=e.join(","),[a,n]=i.useState(!1),[u,c]=i.useState(!1);i.useEffect(()=>{n(!1),c(!1)},[s,t]),i.useEffect(()=>{if(!t)return;const r=setTimeout(()=>c(!0),W);return()=>clearTimeout(r)},[s,t]);const o=C({queries:e.map(r=>({...R({path:{accountId:r}}),enabled:t&&!a,refetchInterval:_,meta:{softError:!0}}))}),f=o.every(r=>r.isSuccess||r.isError),h=o.length===0||f||u;let g=!1,y=0,E=0;for(const r of o)if(N(r.data?.syncPhase)){g=!0;for(const l of r.data?.mailboxes??[])y+=l.messagesSynced,E+=l.messagesTotal}const S=t&&h&&!g;return i.useEffect(()=>{S&&n(!0)},[S]),!t||!h?M:{syncing:g,resolved:!0,synced:y,total:E}}const k=6e4,I=new Set(["sent","drafts","trash","archive"]),v=(e,t)=>{const s=new Map;for(const a of e){const n=t.get(a.mailboxId)?.role;n&&I.has(n)||s.set(a.mailboxId,a.messagesTotal)}return s},X=(e,t)=>{for(const[s,a]of t)if(a>(e.get(s)??0))return!0;return!1},q=i.createContext(null),J=()=>{const e=i.useContext(q);if(!e)throw new Error("useMailFreshness must be used inside <MailFreshnessProvider>");return e};function ce({accountIds:e,children:t}){const s=P(),{resultFolderIndex:a}=K(),n=i.useRef(new Map),u=i.useRef(new Set),[c,o]=i.useState(new Set),f=C({queries:e.map(r=>({...R({path:{accountId:r}}),refetchInterval:k,staleTime:k,meta:{softError:!0}}))}),h=f.map(r=>r.dataUpdatedAt).join(","),g=e.join(",");i.useEffect(()=>{let r=!1;const l=new Set(c);e.forEach((d,x)=>{const p=f[x]?.data;if(!p)return;const m=v(p.mailboxes??[],a);if(!u.current.has(d)){u.current.add(d),n.current.set(d,m);return}if(l.has(d))return;const O=n.current.get(d)??new Map;X(O,m)&&(l.add(d),r=!0)}),r&&o(l)},[g,h]);const y=i.useCallback(r=>r.some(l=>c.has(l)),[c]),E=i.useCallback(r=>{o(l=>{if(r.every(x=>!l.has(x)))return l;const d=new Set(l);for(const x of r)d.delete(x);return d});for(const l of r){const d=s.getQueryData(R({path:{accountId:l}}).queryKey);n.current.set(l,v(d?.mailboxes??[],a)),u.current.add(l)}},[s,a]),S=i.useMemo(()=>({hasNewMail:y,acknowledge:E}),[y,E]);return w.jsx(q.Provider,{value:S,children:t})}const V=2e3,Y=45e3,Z=e=>new Promise(t=>setTimeout(t,e)),b=e=>e instanceof Error&&e.message?e.message:"Something went wrong",ee=e=>{z(e,{softError:!0})&&B(e)},F=e=>e.reduce((t,s)=>Math.max(t,s.lastSyncedAt??0),0),L=(e,t)=>e.fetchQuery({...R({path:{accountId:t}}),staleTime:0}),se=async(e,t,s,a)=>{let n=!1;for(;;){const u=await L(e,t).then(f=>({ok:!0,data:f})).catch(f=>({ok:!1,error:f}));if(!u.ok)return{accountId:t,message:b(u.error)};const{syncPhase:c,mailboxes:o}=u.data;if(N(c))n=!0;else if(n||F(o??[])>s)return c==="error"?{accountId:t,message:"Sync failed for this account"}:void 0;if(Date.now()>=a)return{accountId:t,message:"Refresh is taking longer than usual"};await Z(V)}},te=async(e,t,s,a)=>{const n=await L(e,s).then(o=>({ok:!0,maxLastSynced:F(o.mailboxes??[])})).catch(o=>({ok:!1,error:o}));if(!n.ok)return{accountId:s,enqueued:!1,ok:!1,message:b(n.error)};const u=await $({path:{accountId:s},throwOnError:!0}).then(()=>({ok:!0})).catch(o=>({ok:!1,error:o}));if(!u.ok)return ee(u.error),{accountId:s,enqueued:!1,ok:!1,message:b(u.error)};t.recordEvent("sync.triggered");const c=await se(e,s,n.maxLastSynced,a);return c?{accountId:s,enqueued:!0,ok:!1,message:c.message}:{accountId:s,enqueued:!0,ok:!0}},ue=(e,t={})=>{const s=P(),a=Q(),{acknowledge:n}=J(),[u,c]=i.useState("idle"),[o,f]=i.useState(),h=i.useRef(0),g=i.useRef(e);g.current=e;const y=i.useRef(t);y.current=t,i.useEffect(()=>{if(u!=="success")return;const S=setTimeout(()=>c("idle"),2e3);return()=>clearTimeout(S)},[u]);const E=i.useCallback(()=>{const S=g.current;if(S.length===0){c("error"),f("Nothing to refresh yet");return}const r=++h.current;c("refreshing"),f(void 0),(async()=>{const l=Date.now()+Y,d=await Promise.all(S.map(m=>te(s,a,m,l)));if(h.current!==r)return;const x=d.filter(m=>m.enqueued).map(m=>m.accountId);for(const m of x)s.invalidateQueries({queryKey:A({path:{accountId:m}})});x.length>0&&(y.current.onSettled?.(),n(x));const p=d.filter(m=>!m.ok);p.length===0?c("success"):(c("error"),f(p[0]?.message))})()},[n,s,a]);return{state:u,errorMessage:o,refresh:E}};export{ce as M,oe as R,ue as a,ie as b,N as i,J as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as h,n as y,V as v,r as f}from"./index-
|
|
1
|
+
import{o as h,n as y,V as v,r as f}from"./index-BL8ekvXT.js";import{u as x}from"./search-scope-v7LrWqP9.js";import{b as I}from"./search-view-DF7sw86P.js";function q(a){const o=h(),{searchInput:s,searchQuery:e}=y(),{q:i=""}=v({from:"/mail"}),u=x({select:m=>m.location.pathname}),c=f.useRef(i);c.current=i;const{to:r}=a,t="params"in a?a.params.mailboxId:void 0,n=t?`/mail/${t}`:r;f.useEffect(()=>{if(!I({searchInput:s,committedQuery:e,urlQuery:c.current,pathname:u,listPath:n}))return;const l=d=>{const p=d.q===e;return{...d,q:e||void 0,...e&&!p?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}};if(r==="/mail/$mailboxId"){if(!t)return;o({to:r,params:{mailboxId:t},search:l,replace:!0});return}o({to:r,search:l,replace:!0})},[s,e,o,r,t,n,u])}export{q as u};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c1 as X,r as f,j as a,b as B,I as Y,a0 as Z,m as P,q as W,w as J,cp as H,co as ee,ac as te,ae as se,af as re,b9 as ne,e as ae,X as oe,J as C,n as ie}from"./index-
|
|
1
|
+
import{c1 as X,r as f,j as a,b as B,I as Y,a0 as Z,m as P,q as W,w as J,cp as H,co as ee,ac as te,ae as se,af as re,b9 as ne,e as ae,X as oe,J as C,n as ie}from"./index-BL8ekvXT.js";import{K as L}from"./kbd-BaJJB7gr.js";import{M as Q}from"./enums-CCxx0t2v.js";import{u as ce,i as le}from"./search-scope-v7LrWqP9.js";const de=(e,t)=>{const r=e==="newsletter"||e==="marketing"||t;return{framed:r,isPlain:!r}},ue=()=>`
|
|
2
2
|
/* Zero the UA default body margin and clamp the document to the iframe width so
|
|
3
3
|
wide author markup can't push the body (and the page) past the viewport. */
|
|
4
4
|
html, body {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{q as l,ac as f,w as p,W as m,r,ae as y,af as T,$ as E,ag as x}from"./index-
|
|
1
|
+
import{q as l,ac as f,w as p,W as m,r,ae as y,af as T,$ as E,ag as x}from"./index-BL8ekvXT.js";const i={html:"",plainText:""},d=e=>{const u=l(),{pushError:o}=f(),{data:n}=p({...m(),staleTime:1/0}),c=r.useMemo(()=>{if(!e||!n)return i;const t=n.accounts.find(s=>s.accountId===e);return t?{html:t.signatureHtml??"",plainText:t.signaturePlainText??""}:i},[e,n]),a=y({...x(),onSuccess:()=>{u.invalidateQueries({queryKey:E()})},onError:t=>{o(T("Couldn't save signature","The signature wasn't saved.",t))}}),g=r.useCallback((t,s)=>{e&&a.mutate({path:{accountId:e},body:{signatureHtml:t,signaturePlainText:s}})},[e,a]);return{signature:c,setSignature:g,isSaving:a.isPending}};export{d as u};
|
package/index.html
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
} catch (_) {}
|
|
39
39
|
})();
|
|
40
40
|
</script>
|
|
41
|
-
<script type="module" crossorigin src="/assets/index-
|
|
41
|
+
<script type="module" crossorigin src="/assets/index-BL8ekvXT.js"></script>
|
|
42
42
|
<link rel="stylesheet" crossorigin href="/assets/index-C2fo0j9f.css">
|
|
43
43
|
</head>
|
|
44
44
|
<body>
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a1 as m,j as o,_ as p}from"./index-DjZFLwif.js";import{a as e}from"./search-view-ClRhrhjK.js";import{M as r}from"./MailboxPane-Db0hba1S.js";import{u as a}from"./useSearchMirror-HHNbELBF.js";import"./search-scope-CFN-gjTv.js";import"./useSearchTokenContext-D5dvdLSW.js";import"./kbd-C0TyJDqO.js";import"./enums-CCxx0t2v.js";import"./useRefreshControl-BsKYVbfM.js";import"./circle-check-big-ChA18R4j.js";import"./search-token-index-CxMDhXuP.js";import"./useMediaQuery-fUhUpE77.js";import"./MailListHeader-DX7_Cewa.js";import"./account-form-helpers-D3tfbITU.js";import"./avatar-DTwl3jb1.js";import"./useSignature-C6SBu3ql.js";import"./useDebouncedValue-BFCY668u.js";import"./ErrorState-CN4Cwb5A.js";import"./format-De9HZKjg.js";import"./download-B3EpkLuL.js";import"./shield-check-BG5lmiwu.js";import"./move-options-CdaX2x7F.js";import"./useFilters-CxQU6LTN.js";import"./confirm-dialog-BTyZAw5R.js";import"./clock-uuvA1em-.js";import"./menu-Cpsp0ZMZ.js";import"./MailViewChrome-9cKXCycT.js";import"./NavMenuButton-3t-xq8p6.js";import"./useLabels-DdQPlRo8.js";import"./conversation-target-B0jE-e47.js";import"./search-query-Cr_ZXBCp.js";import"./bottom-sheet-Bw79dNtH.js";import"./circle-help-DPkDkgdF.js";import"./circle-check-DizPpF0Y.js";import"./intelligence-pref-C6lFpj6U.js";function H(){const{mailboxId:t}=m.useParams(),{selectedMessageId:i}=m.useSearch();return a({to:"/mail/$mailboxId",params:{mailboxId:t}}),o.jsx(r,{mailboxId:t,selectedMessageId:i,children:o.jsx(e,{phone:o.jsx(r.Phone,{}),list:o.jsx(r.List,{}),reading:o.jsx(p,{}),intelligence:o.jsx(r.Intelligence,{}),hasThread:!!i})})}export{H as component};
|
package/assets/brief-CrERI6Q7.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a2 as i,j as r,_ as m}from"./index-DjZFLwif.js";import{a as p}from"./search-view-ClRhrhjK.js";import{B as o}from"./BriefPane-CyCnqfV1.js";import{u as e}from"./useSearchMirror-HHNbELBF.js";import"./search-scope-CFN-gjTv.js";import"./useSearchTokenContext-D5dvdLSW.js";import"./kbd-C0TyJDqO.js";import"./enums-CCxx0t2v.js";import"./MailListHeader-DX7_Cewa.js";import"./search-token-index-CxMDhXuP.js";import"./useMediaQuery-fUhUpE77.js";import"./account-form-helpers-D3tfbITU.js";import"./avatar-DTwl3jb1.js";import"./useSignature-C6SBu3ql.js";import"./useDebouncedValue-BFCY668u.js";import"./ErrorState-CN4Cwb5A.js";import"./format-De9HZKjg.js";import"./download-B3EpkLuL.js";import"./shield-check-BG5lmiwu.js";import"./move-options-CdaX2x7F.js";import"./useFilters-CxQU6LTN.js";import"./confirm-dialog-BTyZAw5R.js";import"./clock-uuvA1em-.js";import"./menu-Cpsp0ZMZ.js";import"./useRefreshControl-BsKYVbfM.js";import"./circle-check-big-ChA18R4j.js";import"./useLabels-DdQPlRo8.js";import"./conversation-target-B0jE-e47.js";import"./search-query-Cr_ZXBCp.js";function z(){const{selectedMessageId:t}=i.useSearch();return e({to:"/mail/brief"}),r.jsx(o,{selectedMessageId:t,children:r.jsx(p,{phone:r.jsx(o.Phone,{}),list:r.jsx(o.List,{}),reading:r.jsx(m,{}),intelligence:r.jsx(o.Intelligence,{}),hasThread:!!t})})}export{z as component};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a3 as i,j as o,_ as e}from"./index-DjZFLwif.js";import{a as m}from"./search-view-ClRhrhjK.js";import{F as t}from"./FlaggedPane-MgcE5bKj.js";import{u as p}from"./useSearchMirror-HHNbELBF.js";import"./search-scope-CFN-gjTv.js";import"./useSearchTokenContext-D5dvdLSW.js";import"./kbd-C0TyJDqO.js";import"./enums-CCxx0t2v.js";import"./MailListHeader-DX7_Cewa.js";import"./search-token-index-CxMDhXuP.js";import"./useMediaQuery-fUhUpE77.js";import"./account-form-helpers-D3tfbITU.js";import"./avatar-DTwl3jb1.js";import"./useSignature-C6SBu3ql.js";import"./useDebouncedValue-BFCY668u.js";import"./ErrorState-CN4Cwb5A.js";import"./format-De9HZKjg.js";import"./download-B3EpkLuL.js";import"./shield-check-BG5lmiwu.js";import"./move-options-CdaX2x7F.js";import"./useFilters-CxQU6LTN.js";import"./confirm-dialog-BTyZAw5R.js";import"./clock-uuvA1em-.js";import"./menu-Cpsp0ZMZ.js";import"./MailViewChrome-9cKXCycT.js";function b(){const{selectedMessageId:r}=i.useSearch();return p({to:"/mail/flagged"}),o.jsx(t,{selectedMessageId:r,children:o.jsx(m,{phone:o.jsx(t.Phone,{}),list:o.jsx(t.List,{}),reading:o.jsx(e,{}),intelligence:o.jsx(t.Intelligence,{}),hasThread:!!r})})}export{b as component};
|
package/assets/index-BHkaa_C4.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./index-DjZFLwif.js";import{F as r}from"./FlaggedPane-MgcE5bKj.js";import"./useSearchTokenContext-D5dvdLSW.js";import"./kbd-C0TyJDqO.js";import"./enums-CCxx0t2v.js";import"./search-scope-CFN-gjTv.js";import"./MailListHeader-DX7_Cewa.js";import"./search-token-index-CxMDhXuP.js";import"./useMediaQuery-fUhUpE77.js";import"./account-form-helpers-D3tfbITU.js";import"./avatar-DTwl3jb1.js";import"./useSignature-C6SBu3ql.js";import"./useDebouncedValue-BFCY668u.js";import"./ErrorState-CN4Cwb5A.js";import"./format-De9HZKjg.js";import"./download-B3EpkLuL.js";import"./shield-check-BG5lmiwu.js";import"./move-options-CdaX2x7F.js";import"./useFilters-CxQU6LTN.js";import"./confirm-dialog-BTyZAw5R.js";import"./clock-uuvA1em-.js";import"./menu-Cpsp0ZMZ.js";import"./MailViewChrome-9cKXCycT.js";function q(){return o.jsx(r.Reading,{})}export{q as component};
|
package/assets/index-CdMOAANs.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./index-DjZFLwif.js";import{B as o}from"./BriefPane-CyCnqfV1.js";import"./useSearchTokenContext-D5dvdLSW.js";import"./kbd-C0TyJDqO.js";import"./enums-CCxx0t2v.js";import"./search-scope-CFN-gjTv.js";import"./MailListHeader-DX7_Cewa.js";import"./search-token-index-CxMDhXuP.js";import"./useMediaQuery-fUhUpE77.js";import"./account-form-helpers-D3tfbITU.js";import"./avatar-DTwl3jb1.js";import"./useSignature-C6SBu3ql.js";import"./useDebouncedValue-BFCY668u.js";import"./ErrorState-CN4Cwb5A.js";import"./format-De9HZKjg.js";import"./download-B3EpkLuL.js";import"./shield-check-BG5lmiwu.js";import"./move-options-CdaX2x7F.js";import"./useFilters-CxQU6LTN.js";import"./confirm-dialog-BTyZAw5R.js";import"./clock-uuvA1em-.js";import"./menu-Cpsp0ZMZ.js";import"./useRefreshControl-BsKYVbfM.js";import"./circle-check-big-ChA18R4j.js";import"./useLabels-DdQPlRo8.js";import"./conversation-target-B0jE-e47.js";import"./search-query-Cr_ZXBCp.js";function z(){return r.jsx(o.Reading,{})}export{z as component};
|
package/assets/index-DDXDeP1_.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./index-DjZFLwif.js";import{M as i}from"./MailboxPane-Db0hba1S.js";import"./useSearchTokenContext-D5dvdLSW.js";import"./kbd-C0TyJDqO.js";import"./enums-CCxx0t2v.js";import"./search-scope-CFN-gjTv.js";import"./useRefreshControl-BsKYVbfM.js";import"./circle-check-big-ChA18R4j.js";import"./search-token-index-CxMDhXuP.js";import"./useMediaQuery-fUhUpE77.js";import"./MailListHeader-DX7_Cewa.js";import"./account-form-helpers-D3tfbITU.js";import"./avatar-DTwl3jb1.js";import"./useSignature-C6SBu3ql.js";import"./useDebouncedValue-BFCY668u.js";import"./ErrorState-CN4Cwb5A.js";import"./format-De9HZKjg.js";import"./download-B3EpkLuL.js";import"./shield-check-BG5lmiwu.js";import"./move-options-CdaX2x7F.js";import"./useFilters-CxQU6LTN.js";import"./confirm-dialog-BTyZAw5R.js";import"./clock-uuvA1em-.js";import"./menu-Cpsp0ZMZ.js";import"./MailViewChrome-9cKXCycT.js";import"./NavMenuButton-3t-xq8p6.js";import"./useLabels-DdQPlRo8.js";import"./conversation-target-B0jE-e47.js";import"./search-query-Cr_ZXBCp.js";import"./bottom-sheet-Bw79dNtH.js";import"./circle-help-DPkDkgdF.js";import"./circle-check-DizPpF0Y.js";import"./intelligence-pref-C6lFpj6U.js";function G(){return o.jsx(i.Reading,{})}export{G as component};
|