https://static.monarch.com/static/js/8665.39b419a7.chunk.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a2fd128b-c13a-4d99-9295-56399f1dd409",e._sentryDebugIdIdentifier="sentry-dbid-a2fd128b-c13a-4d99-9295-56399f1dd409")}catch(e){}}(),(this.webpackChunkweb=this.webpackChunkweb||[]).push([[8665],{95307:(e,t,n)=>{n.d(t,{n:()=>h});var a=n(68622),s=n(13484),r=n(36938),i=n(99395),l=n(87631),o=n(21127),c=n(43175),u=n(94267),d=n(22862),m=n(60248);const h=e=>{let t=e.identifier,n=e.steps,h=e.onFinish,p=e.onDismiss,g=e.onClose,f=e.onStart,w=e.getButtonCopy;const E=(0,r.useState)(!0),y=(0,a.A)(E,2),v=y[0],b=y[1],k=(0,r.useState)(0),C=(0,a.A)(k,2),x=C[0],N=C[1],S=(0,r.useRef)(!0),I=(0,r.useRef)(!1),T=(0,m.x)(n.map((e=>e.imageUrl)).filter(Boolean)),U=n[x],z=0===x,A=x===n.length-1,D=n.length>1,F=(0,r.useMemo)((()=>{const e=null===w||void 0===w?void 0:w({isFirstStep:z,isLastStep:A});return(0,s.A)(e)?e:A?"Finish":"Next"}),[w,z,A]),B=n.some((e=>e.imageUrl))&&!T||!U,R=e=>{if(b(e),!e){if(I.current)return;I.current=!0,null===g||void 0===g||g();S.current?(d.Ay.walkthroughSkipped({identifier:t,currentStepIndex:x}),null===p||void 0===p||p()):null===h||void 0===h||h()}},W=()=>{S.current=!1,R(!1)};return(0,r.useEffect)((()=>{null===f||void 0===f||f(),d.Ay.walkthroughOpened({identifier:t,totalSteps:n.length})}),[]),(0,r.useEffect)((()=>{U&&d.Ay.viewedWalkthroughStep({identifier:t,stepIndex:x,stepTitle:U.title})}),[x]),r.createElement(l.h.Root,{"data-external-id":"walkthrough-flow",size:"xl",open:v,onOpenChange:R},r.createElement(l.h.Content,null,r.createElement(l.h.CloseTrigger,null),r.createElement(c.u.Root,{count:n.length,step:x,onStepChange:e=>{e.step<n.length&&N(e.step)},onStepComplete:W,className:"contents"},r.createElement(l.h.Header,{className:"border-b-0"},r.createElement(l.h.Title,null,null===U||void 0===U?void 0:U.title),U&&r.createElement(u.c,{size:"base",color:"secondary"},U.description)),r.createElement(l.h.Body,null,B?r.createElement("div",{className:"flex justify-center py-2xl"},r.createElement(o.i,null)):U.imageUrl&&r.createElement("img",{className:"w-full rounded-md",alt:U.title,src:U.imageUrl})),!B&&(D?r.createElement(l.h.Footer,{className:"relative justify-between border-t-0"},r.createElement(c.u.PrevTrigger,{render:r.createElement(i.X,{variant:"default"})},"Back"),r.createElement(c.u.List,{className:"absolute left-1/2 -translate-x-1/2"},n.map(((e,t)=>r.createElement(c.u.Item,{key:e.title,index:t},r.createElement(c.u.Trigger,null,r.createElement(c.u.Indicator,null)))))),r.createElement(c.u.NextTrigger,{render:r.createElement(i.X,{variant:"primary"})},F)):r.createElement(l.h.Footer,{className:"border-t-0"},r.createElement(i.X,{variant:"primary",onClick:W},F))))))}},18665:(e,t,n)=>{n.r(t),n.d(t,{TransactionsUpdateWalkthrough:()=>i});var a=n(36938),s=n(95307);const r=[{title:"New features and improvements \u2728",description:a.createElement("span",null,"We've launched a ton of improvements to how you browse, filter, sort, and search transactions."),imageUrl:"https://monarch-static-assets-us-east-2.s3.amazonaws.com/walkthrough/transactions-list-4.png"},{title:"Account details on each transaction in the list",description:a.createElement("span",null,"This makes it much easier to scan your transactions and see what's happening in your financial accounts."),imageUrl:"https://monarch-static-assets-us-east-2.s3.amazonaws.com/walkthrough/transactions-list-3.png"},{title:"New and improved filtering",description:a.createElement("span",null,"We've added new filters, and consolidated them in a new menu. This frees up space to show more data in the list."),imageUrl:"https://monarch-static-assets-us-east-2.s3.amazonaws.com/walkthrough/transactions-list-1.png"},{title:"Collapsible summary panel",description:"Customize the page by collapsing or expanding the summary panel. Your preference is automatically saved.",imageUrl:"https://monarch-static-assets-us-east-2.s3.amazonaws.com/walkthrough/transactions-list-2.png"}],i=e=>{let t=e.onFinish,n=e.onDismiss,i=e.onClose;return a.createElement(s.n,{"data-external-id":"transactions-update-walkthrough",identifier:"Transactions UI",steps:r,onFinish:t,onDismiss:n,onClose:i})}}}]);
2//# sourceMappingURL=8665.39b419a7.chunk.js.map