https://app.optery.com/_next/static/chunks/25185.882e4e3854713af5.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2e418433-9c7a-4d18-98c7-a714b3b496c5",e._sentryDebugIdIdentifier="sentry-dbid-2e418433-9c7a-4d18-98c7-a714b3b496c5")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25185],{24943:(e,t,n)=>{"use strict";n.d(t,{A:()=>o,K:()=>a});var r=n(84469),i=n(91333);function a(e){return(0,i.Ay)("MuiDivider",e)}let o=(0,r.A)("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"])},25185:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>b});var r=n(54568),i=n(91016),a=n(43912),o=n(28461),l=n.n(o),s=n(33971),d=n(7620),u=n(33933),c=n(67715),p=n.n(c),m=n(53676),v=n.n(m);let b=e=>{let{index:t,user_uuid:n,handleSwitchPlan:o,handleResendInvite:c,handleDeleteInvite:m,handleRemoveMember:b,data:g,setUsername:f}=e,x=(0,s.c)("ManageFamily"),[h,y]=d.useState(null),_=(0,d.useRef)(null),w=(0,d.useRef)(null),[C,k]=(0,d.useState)(59),I=()=>{y(null)};(0,d.useEffect)(()=>{let e=setInterval(()=>{59>=l()().diff(l()(new Date(g.created_at)),"second")&&k(59-l()().diff(l()(new Date(g.created_at)),"second"))},1e3);return()=>{clearInterval(e)}},[g]);let A=[{name:x("menu.plan_switch"),badge:null,onClick:()=>{let e=g.user.first_name+" "+g.user.last_name;null==f||f(e),o(n,t)},visible:"Invited"!==g.invite_status&&"Expired"!==g.invite_status},{name:x("menu.resend_invite"),badge:null,onClick:()=>{(null==g?void 0:g.invite_id)&&c(g.invite_id)},visible:"Invited"===g.invite_status||"Expired"===g.invite_status,disabled:null!=g&&!!g.created_at&&59>l()().diff(l()(new Date(g.created_at)),"second")},{name:x("menu.delete_invite"),badge:null,onClick:()=>{(null==g?void 0:g.invite_id)&&m(g.invite_id)},visible:"Invited"===g.invite_status,disabled:null!=g&&!!g.created_at&&59>l()().diff(l()(new Date(g.created_at)),"second")},{name:x("menu.remove_member"),badge:null,onClick:()=>{b(n)},visible:"Invited"!==g.invite_status&&"Expired"!==g.invite_status&&!0!==g.is_owner}];return d.useEffect(()=>{let e=e=>{_.current&&w.current&&e.target instanceof Node&&!_.current.contains(e.target)&&!w.current.contains(e.target)&&I()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[_,w]),(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{children:(0,r.jsx)("div",{style:{backgroundColor:h?"var(--color-primary-btn)":""},onClick:e=>{y(h?null:e.currentTarget)},ref:w,className:`cursor-pointer flex flex-row items-center justify-center ${v().menuItem}`,id:"menuButton","data-cy":"manage_fam_list_menu_btn",role:"button",tabIndex:0,children:(0,r.jsx)(u.A,{fill:h?"var(--color-white)":"var(--color-menu-dots-icon)"})})}),(0,r.jsx)(a.A,{id:"long-menu",anchorEl:h,disablePortal:!0,keepMounted:!0,open:!!h,placement:"bottom-end",style:{maxHeight:180,width:"22ch",marginTop:"8px",marginRight:"0px",padding:"8px",paddingRight:"8px",background:"white",borderRadius:"0.375rem",boxShadow:"0 10px 15px -3px var(--color-black-op-10), 0 4px 6px -2px var(--color-black-op-5)",zIndex:0,backgroundColor:"var(--color-menu-background)"},children:(0,r.jsx)("span",{ref:_,role:"menu",children:null==A?void 0:A.map(e=>e.visible&&(0,r.jsx)("div",{role:"menu",className:"flex flex-row items-center",children:(0,r.jsxs)(i.A,{className:`${p().menuItem} ${(null==e?void 0:e.disabled)?"w-auto":"w-full"} text-(--color-grey-100)`,"data-cy":"delete_family_member",onClick:()=>{e.onClick(),I()},disabled:(null==e?void 0:e.disabled)||!1,children:[e.name,(null==e?void 0:e.disabled)?(0,r.jsx)("span",{className:"ml-[4px]",children:x("menu.resend_countdown",{time:C})}):null]},e.name)},`menu-${e.name}`))})})]})})}},33933:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(54568);let i=e=>{let{fill:t="var(--color-grey-100)"}=e;return(0,r.jsxs)("svg",{className:"icon",width:"3",height:"12",viewBox:"0 0 3 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"M0.399994 10C0.399994 9.33731 0.937252 8.80005 1.59999 8.80005C2.26274 8.80005 2.79999 9.33731 2.79999 10C2.79999 10.6628 2.26274 11.2 1.59999 11.2C0.937252 11.2 0.399994 10.6628 0.399994 10Z",fill:t}),(0,r.jsx)("path",{d:"M0.399994 6.00005C0.399994 5.33731 0.937252 4.80005 1.59999 4.80005C2.26274 4.80005 2.79999 5.33731 2.79999 6.00005C2.79999 6.66279 2.26274 7.20005 1.59999 7.20005C0.937252 7.20005 0.399994 6.66279 0.399994 6.00005Z",fill:t}),(0,r.jsx)("path",{d:"M0.399994 2.00005C0.399994 1.33731 0.937252 0.800049 1.59999 0.800049C2.26274 0.800049 2.79999 1.33731 2.79999 2.00005C2.79999 2.66279 2.26274 3.20005 1.59999 3.20005C0.937252 3.20005 0.399994 2.66279 0.399994 2.00005Z",fill:t})]})}}

1,48433:(e,t,n)=>{"use strict";n.d(t,{R:()=>o,x:()=>a});var r=n(7620);let i=r.createContext(null);function a(){return r.useContext(i)}let o=i.Provider},67715:e=>{e.exports={dropdownDown:"DataBroker_dropdownDown__2iOMU",menuItem:"DataBroker_menuItem__kPFq2"}},78502:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});let r=n(7620).createContext({})},91016:(e,t,n)=>{"use strict";n.d(t,{A:()=>k});var r=n(7620),i=n(9917),a=n(39667),o=n(78102),l=n(28714),s=n(95707),d=n(32883),u=n(78502),c=n(60154),p=n(38296),m=n(42588),v=n(24943),b=n(84469);let g=(0,b.A)("MuiListItemIcon",["root","alignItemsFlexStart"]),f=(0,b.A)("MuiListItemText",["root","multiline","dense","inset","primary","secondary"]);var x=n(91333);function h(e){return(0,x.Ay)("MuiMenuItem",e)}let y=(0,b.A)("MuiMenuItem",["root","focusVisible","dense","disabled","divider","gutters","selected"]);var _=n(48433),w=n(54568);let C=(0,l.Ay)(c.A,{shouldForwardProp:e=>(0,o.A)(e)||"classes"===e,name:"MuiMenuItem",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.dense&&t.dense,n.divider&&t.divider,!n.disableGutters&&t.gutters]}})((0,s.A)(e=>{let{theme:t}=e;return{...t.typography.body1,display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap","&:hover":{textDecoration:"none",backgroundColor:(t.vars||t).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${y.selected}`]:{backgroundColor:t.alpha((t.vars||t).palette.primary.main,(t.vars||t).palette.action.selectedOpacity),[`&.${y.focusVisible}`]:{backgroundColor:t.alpha((t.vars||t).palette.primary.main,`${(t.vars||t).palette.action.selectedOpacity} + ${(t.vars||t).palette.action.focusOpacity}`)}},[`&.${y.selected}:hover`]:{backgroundColor:t.alpha((t.vars||t).palette.primary.main,`${(t.vars||t).palette.action.selectedOpacity} + ${(t.vars||t).palette.action.hoverOpacity}`),"@media (hover: none)":{backgroundColor:t.alpha((t.vars||t).palette.primary.main,(t.vars||t).palette.action.selectedOpacity)}},[`&.${y.focusVisible}`]:{backgroundColor:(t.vars||t).palette.action.focus},[`&.${y.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity},[`& + .${v.A.root}`]:{marginTop:t.spacing(1),marginBottom:t.spacing(1)},[`& + .${v.A.inset}`]:{marginLeft:52},[`& .${f.root}`]:{marginTop:0,marginBottom:0},[`& .${f.inset}`]:{paddingLeft:36},[`& .${g.root}`]:{minWidth:36},variants:[{props:e=>{let{ownerState:t}=e;return!t.disableGutters},style:{paddingLeft:16,paddingRight:16}},{props:e=>{let{ownerState:t}=e;return t.divider},style:{borderBottom:`1px solid ${(t.vars||t).palette.divider}`,backgroundClip:"padding-box"}},{props:e=>{let{ownerState:t}=e;return!t.dense},style:{[t.breakpoints.up("sm")]:{minHeight:"auto"}}},{props:e=>{let{ownerState:t}=e;return t.dense},style:{minHeight:32,paddingTop:4,paddingBottom:4,...t.typography.body2,[`& .${g.root} svg`]:{fontSize:"1.25rem"}}}]}})),k=r.forwardRef(function(e,t){let n,o=(0,d.b)({props:e,name:"MuiMenuItem"}),{autoFocus:l=!1,component:s="li",dense:c=!1,divider:v=!1,disableGutters:b=!1,focusVisibleClassName:g,role:f="menuitem",tabIndex:x,className:y,...k}=o,I=(0,_.x)(),A=r.useContext(u.A),$=r.useMemo(()=>({dense:c||A.dense||!1,disableGutters:b}),[A.dense,c,b]),M=r.useRef(null);(0,p.A)(()=>{l&&M.current&&function(e,t){if(null==t)return e.focus();try{e.focus({focusVisible:"keyboard"===t})}catch(t){e.focus()}}(M.current,I)},[l]);let j={...o,dense:$.dense,divider:v,disableGutters:b},D=(e=>{let{disabled:t,dense:n,divider:r,disableGutters:i,selected:o,classes:l}=e,s=(0,a.A)({root:["root",n&&"dense",t&&"disabled",!i&&"gutters",r&&"divider",o&&"selected"]},h,l);return{...l,...s}})(o),R=(0,m.A)(M,t),{root:E,...N}=D;return o.disabled||(n=void 0!==x?x:-1),(0,w.jsx)(u.A.Provider,{value:$,children:(0,w.jsx)(C,{ref:R,role:f,tabIndex:n,component:s,focusVisibleClassName:(0,i.A)(D.focusVisible,g),className:(0,i.A)(D.root,y),...k,ownerState:j,classes:N})})})}}]);