https://podme.com/static/MyAccountPages-ManageDuoAccessPage.ec29d1bd.chunk.js

1(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[6541],{2590(e,t,i){"use strict";i.d(t,{A:()=>o});var s=i(18283),r=i(74848);const n={src:"/assets/images/brand/diamond_logo.svg",alt:"Podme Diamond logo"};function o({title:e,description:t,ctaLabel:i,onClose:o,dataTestId:a,image:c=n,children:l,subTitle:d}){return(0,r.jsx)(s.lG,{defaultOpen:!0,onOpenChange:e=>!e&&o(),children:(0,r.jsxs)(s.Cf,{"data-testid":a,className:"flex flex-col gap-6 items-center justify-center !bg-blackPearl rounded-3xl border border-solid !border-licoriceBlue px-4 py-6 mt-[20rem] top-0 max-w-[min(calc(100vw-2rem),37.5rem)] text-center max-h-fit md:max-w-[37.5rem] lg:p-8 lg:top-[calc(50%-10vh)] lg:mt-0 sm:rounded-3xl [&>button]:hidden [&]",children:[(0,r.jsxs)(s.c7,{className:"flex flex-col items-center space-y-4",children:[(0,r.jsx)("div",{className:"flex justify-center items-center rounded-full w-[100px] h-[100px]",children:(0,r.jsx)("img",{"data-testid":"diamond-logo",src:c.src,alt:c.alt})}),(0,r.jsx)(s.L3,{"data-testid":"title",className:"font-garnett font-bold text-2.75xl leading-normal !text-softWhite text-center m-0",children:e}),d&&(0,r.jsx)(s.rr,{"data-testid":"subTitle",className:"font-garnett text-xl leading-normal font-medium !text-softWhite text-center m-0 [text-wrap-style:pretty]",children:d}),(0,r.jsx)(s.rr,{"data-testid":"description",className:"font-garnett text-xl leading-normal font-medium !text-softWhite text-center m-0 [text-wrap-style:pretty]",children:t}),l]}),(0,r.jsx)(s.Es,{className:"flex flex-col gap-6 items-center text-softWhite",children:(0,r.jsx)(s.HM,{asChild:!0,children:(0,r.jsx)(s.$n,{"data-testid":"confirmation-modal-cta",type:"button",className:"h-11 min-w-32",colorScheme:"white",onClick:o,children:i})})})]})})}},92477(e,t,i){"use strict";i.d(t,["J",0,"payment_method","w",0,"is_successor_subscription"])},86028(e,t,i){"use strict";i.r(t),i.d(t,{default:()=>V});var s=i(62584),r=i(41734),n=i(54132),o=i(68452),a=i(67234),c=i(59146),l=i(51527),d=i(21052),u=i(85353),m=i(60536),p=i(8129),x=i(71570),h=i(99378),g=i(55016),f=i(83609),b=i(30552),j=i(95323),C=i(5444),v=i(1194),S=i(37475),w=i(42332),y=i(82025),k=i(26036),D=i(74149),A=i(96540),_=i(56347),P=i(43666),W=i(96824),E=i(36459),T=i(87610),I=i(18283),R=i(17840),B=i(36560),M=i(91846),O=i(51402),z=i(92477),U=i(33301),F=i(71156),L=i(2590),N=i(74848);const $=e=>e.auth,G=function({offerType:e,onCtaClick:t,isUpgradeFlow:i}){const{title:s,description:r,helperText:n,primaryCta:o}=D.A.duoConfirmationModal.v2,a=i?D.A.settingsPage.subscriptionChangeConfirmationModal.upgrade.subTitle:void 0,c=(0,F.j)(),{userId:l,isAuthenticated:d}=(0,F.G)($),{removeHasCompletedCheckout:u}=(0,M.A)(),m=(0,R.pC)(),p=(0,B.j)(d,w.wQ[e]),x=(0,F.G)((0,U.GV)(w.wQ[e])),h=JSON.parse(sessionStorage.getItem(k.W3)||"false");return(0,A.useEffect)(()=>{if(p.data&&m){const{packageId:t,currency:i,priceDecimal:s}=p.data;(0,T.$t)("checkout",w.wQ[e]),c((0,O.sN)(String(t),i,s,l,e,x)),u(),sessionStorage.removeItem(z.J)}},[p.data,m,x]),(0,N.jsxs)(L.A,{title:s,description:r,ctaLabel:o,onClose:t,dataTestId:"duo-purchase-confirmation-modal",subTitle:a,children:[h&&!0===h&&(0,N.jsx)(I.IO,{infoString:D.A.bundler.confirmation.userHasOtherActiveSubscription}),(0,N.jsx)("p",{"data-testid":"helper-text",className:"text-base leading-normal font-normal !text-softWhite text-center m-0",children:n})]})};function H(){const e=(0,_.W6)(),{locale:t,dashboard:i}=D.P.routes,s=D.P.settingsPage.duoAccessPage,r=(0,F.j)(),{multimemberSubscriptioOverview:h,isLoading:g}=(0,F.G)(e=>e.settingsPage),f=!!h&&h.numberOfEmptySlots>0,{username:b,isAuthenticated:j,userId:C}=(0,n.A)(),v=(0,y.j)(j),E=new URLSearchParams(location.search),T=E.has(k.q_),R=E.has(k.Ix),B=E.has(k.hp),M=E.has(k.UL),O=T||R||B||M,z=(0,A.useMemo)(()=>R||M?"TOTALDUO":T||B?"DUO":null,[E]),[U,L]=(0,A.useState)(!1),[$,H]=(0,A.useState)(!1),[Q,V]=(0,A.useState)(""),{hasCopied:Y,onCopy:Z}=(0,o.i)(Q),ee=(0,A.useRef)(null),te=(0,A.useMemo)(()=>!0===v.data?.hasActiveDuoSubscription||!0===v.data?.hasActiveTotalDuoSubscription,[v.data?.hasActiveDuoSubscription,v.data?.hasActiveTotalDuoSubscription]);(0,A.useEffect)(()=>{O&&!v.isFetching&&v.isFetched&&L(!0)}

1,[O,v.isFetching,v.isFetched]),(0,A.useEffect)(()=>{te&&!h&&r(P.Ay.getMultimemberSubscriptionOverview())},[te,h]),(0,A.useEffect)(()=>{h?.invitationUrl&&!0===te&&V(h.invitationUrl)},[h,te]);const ie=(0,A.useCallback)(e=>{if(v.data?.activeDuoSubscription){const t=v.data.activeDuoSubscription.subscriptionId;r(P.Ay.removeMultimemberSubscriptionGuest(t,e))}if(v.data?.activeTotalDuoSubscription){const t=v.data.activeTotalDuoSubscription.subscriptionId;r(P.Ay.removeMultimemberSubscriptionGuest(t,e))}},[v.data]),se=(0,A.useCallback)(()=>{Z(),r(W.Rs(C,t,Q))},[Y,C,Q]);return v.isLoading||!v.isFetched||v.isFetching?(0,N.jsx)(a.s,{minHeight:"200px",justifyContent:"center",alignItems:"center",children:(0,N.jsx)(I.y$,{})}):v.isFetched&&!v.isFetching&&!1===v.data?.hasActiveDuoSubscription&&!1===v.data?.hasActiveTotalDuoSubscription?(0,N.jsx)(_.rd,{to:`/${t}/${i}`}):(0,N.jsxs)(c.a,{paddingX:{base:8,md:0},paddingY:{base:2,md:6},children:[(0,N.jsx)(c.a,{paddingBottom:8,width:"fit-content",children:(0,N.jsxs)(a.s,{flexDirection:"row",gap:2,cursor:"pointer",onClick:()=>e.replace(`/${t}/${i}`),children:[(0,N.jsx)(l._,{src:"/assets/images/icons/chevron-left-16x16.svg",height:"1.5rem"}),(0,N.jsx)(d.E,{children:s.subscriptions})]})}),(0,N.jsx)(u.D,{as:"h3",fontSize:28,color:w.xC.SoftWhite,fontWeight:400,paddingBottom:8,children:s.manageDuoAccessTitle}),(0,N.jsxs)(a.s,{flexDirection:"column",gap:4,backgroundColor:w.xC.DarkBlue,borderRadius:"1.5rem",padding:6,width:"100%",boxShadow:"-2px -2px 15px 4px rgba(22, 27, 33, 1), 3px 3px 20px 0px rgba(0, 0, 0, 0.7), 2px 2px 2px -2px rgba(255, 255, 255, 0.1) inset, -1px -1px 2px -1px rgba(0, 0, 0, 0.2) inset",children:[(0,N.jsx)(a.s,{flexDirection:"row",children:(0,N.jsx)(d.E,{fontSize:20,fontWeight:500,children:s.manageDuoAccessSubTitle})}),(0,N.jsxs)(a.s,{flexDirection:"column",gap:4,backgroundColor:{base:w.xC.DarkBlue,md:w.xC.Cinder},borderRadius:16,padding:[0,6],children:[(0,N.jsx)(c.a,{children:(0,N.jsx)(d.E,{fontSize:14,fontWeight:400,children:s.shareThisLinkToInvite})}),(0,N.jsxs)(a.s,{flexDirection:{base:"column",md:"row"},justifyContent:"space-between",gap:3,alignItems:"stretch",children:[g?(0,N.jsx)(a.s,{width:"100%",justifyContent:"center",alignItems:"center",children:(0,N.jsx)(I.y$,{})}):(0,N.jsxs)(m.M,{borderColor:f?w.xC.SilverBorder:w.xC.SilverBorder+20,color:f?w.xC.SoftWhite:w.xC.SoftWhite+20,cursor:f?"pointer":"not-allowed",_hover:{},_focus:{},gap:3,onClick:()=>{f&&ee.current?.select()},children:[(0,N.jsx)(p.W,{height:"100%",children:(0,N.jsx)(l._,{alt:"question mark icon",width:4,src:"/assets/images/icons/link-simple.svg"})}),(0,N.jsx)(x.p,{id:"duo-invitation-link-input",textOverflow:"ellipsis",fontSize:{base:12,sm:14},height:"100%",minH:"2.75rem",contentEditable:!1,cursor:f?"pointer":"not-allowed",value:Q,ref:f?ee:null,_hover:{},_focus:{},readOnly:!0})]}),(0,N.jsxs)(a.s,{gap:4,children:[(0,N.jsx)(S.tA,{"data-testid":"copy-invite-guest-link",isDisabled:!f,width:"10em",padding:"0.63rem 1rem",onClick:se,children:Y?s.linkCopied:s.copyLink}),(0,N.jsx)(S.tA,{isDisabled:!f,width:"fit-content",onClick:()=>H(!0),padding:"0.63rem 1rem",color:w.xC.SoftWhite,border:`0.5px solid ${w.xC.SilverTransparent}`,background:w.xC.LicoriceBlue,children:(0,N.jsxs)(a.s,{flexDirection:"row",gap:"0.5rem",alignItems:"center",children:[(0,N.jsx)(d.E,{children:s.qrCodeButtonName}),(0,N.jsx)(l._,{width:"20px",height:"20px",src:"/assets/images/icons/QrCode.svg",alt:"arrow"})]})})]})]}),(0,N.jsxs)(c.a,{children:[(0,N.jsx)(q,{userEmail:b}),h?.guests?.map(e=>(0,N.jsx)(A.Fragment,{children:(0,N.jsx)(J,{masterSubscriptionId:v.data?.activeDuoSubscription?.subscriptionId,userId:e.userId,userEmail:e.email,handleRemoveMultimemberSubscriptionGuest:ie})},e.userId)),g?(0,N.jsx)(a.s,{justifyContent:"center",alignItems:"center",height:10,children:(0,N.jsx)(I.y$,{})}):X(h?.numberOfEmptySlots)]})]})]}),z&&U?(0,N.jsx)(G,{offerType:z,onCtaClick:()=>{E.delete(k.q_),E.delete(k.Ix),E.delete(k.hp),E.delete(k.UL),e.replace({pathname:location.pathname,search:E.toString()}),L(!1)},isUpgradeFlow:B||M}):null,(0,N.jsx)(K,{isOpen:$,invitationUrl:Q,onClose:()=>H(!1)})]})}const q=({userEmail:e})=>{const t=D.P.settingsPage.duoAccessPage;return(0,N.jsxs)(c.a,{paddingBottom:4,children:[(0,N.jsx)(h.c,{borderColor:w.xC.SoftWhite+"20",marginBottom:4}),(0,N.jsxs)(a.s,{children:[(0,N.jsx)(c.a,{paddingRight:4,children:(0,N.jsx)(l._,{alt:"checkmark icon",width:"24px",src:"/assets/images/icons/sheerid_green_checkmark.svg"})}),(0,N.jsxs)(c.a,{width:"100%",overflow:"hidden",children:[(0,N.jsxs)(d.E,{display:"flex",flexDirection:{base:"column",sm:"row"},fontSize:16,children:[(0,N.jsxs)(c.a,{as:"span",fontWeight:600,paddingRight:2,children:[t.you,":"]}),(0,N.jsx)(c.a,{as:"span",fontWeight:400,textOverflow:"ellipsis",overflow:"hidden",children:e})]}),(0,N.jsx)(d.E,{fontSize:14,fontWeight:400,children:t.active})]})]})]})},J=({masterSubscriptionId:e,userEmail:t,userId:i,handleRemoveMultimemberSubscriptionGuest:s})=>{const r=(0,F.j)(),n=D.P.settingsPage.duoAccessPage,[o,u]=(0,A.useState)(!1),m=()=>u(!1),p=(0,A.useCallback)(()=>{s(i),m(),r(W.Jj(i,D.P.routes.locale,e))},[i,e]);return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)(c.a,{paddingBottom:4,children:[(0,N.jsx)(h.c,{borderColor:w.xC.SoftWhite+"20",marginBottom:4}),(0,N.jsxs)(a.s,{flexDirection:{base:"column",sm:"row"},justifyContent:"space-between",children:[(0,N.jsxs)(a.s,{flexDirection:"row",children:[(0,N.jsx)(c.a,{paddingRight:4,children:(0,N.jsx)(l._,{alt:"checkmark icon","min-width":"24px",src:"/assets/images/icons/sheerid_green_checkmark.svg"})}),(0,N.jsxs)(c.a,{width:"100%",overflow:"hidden",children:[(0,N.jsx)(d.E,{display:"flex",fontSize:16,children:(0,N.jsx)(c.a,{as:"span",fontWeight:400,textOverflow:"ellipsis",overflow:"hidden",children:t})}

1),(0,N.jsx)(d.E,{fontSize:14,fontWeight:400,children:n.invitationAccepted})]})]}),(0,N.jsx)(S.tA,{"data-testid":"revoke-duo-guest-btn",marginTop:{base:4,sm:0},width:"fit-content",onClick:()=>u(!0),padding:"0.63rem 1rem",color:w.xC.SoftWhite,border:`0.5px solid ${w.xC.SilverTransparent}`,background:w.xC.LicoriceBlue,children:(0,N.jsx)(d.E,{size:"16px",fontWeight:"500",lineHeight:"26px",children:n.revokeAccess})})]})]}),(0,N.jsx)(Q,{showRemoveMultimemberSubscriptionGuest:o,handleRemoveMultimemberSubscriptionGuestClose:m,onHandleRemoveMultimemberSubscriptionGuest:p})]})},Q=({showRemoveMultimemberSubscriptionGuest:e,handleRemoveMultimemberSubscriptionGuestClose:t,onHandleRemoveMultimemberSubscriptionGuest:i})=>{const s=D.P.settingsPage.duoAccessPage;return(0,N.jsxs)(g.aF,{isOpen:e,onClose:t,children:[(0,N.jsx)(f.m,{background:w.xC.Woodsmoke,opacity:"0.85 !important"}),(0,N.jsx)(b.$,{marginTop:"8rem",maxWidth:"42rem",bgColor:w.xC.BlackPearl,padding:["2rem 1rem","2rem"],rounded:"1.5rem",position:"relative",children:(0,N.jsxs)(j.c,{p:0,gap:2,children:[(0,N.jsx)(u.D,{as:"h3",fontSize:28,color:w.xC.SoftWhite,fontWeight:400,paddingBottom:8,children:s.revokeAccessModalTitle}),(0,N.jsx)(d.E,{paddingBottom:4,children:s.revokeAccessModalDescription}),(0,N.jsxs)(a.s,{paddingTop:4,paddingBottom:4,gap:4,justifyContent:"right",children:[(0,N.jsx)(S.tA,{onClick:t,padding:"0.63rem 1rem",color:w.xC.SoftWhite,border:`0.5px solid ${w.xC.SilverTransparent}`,background:w.xC.LicoriceBlue,children:s.cancelModal}),(0,N.jsx)(S.tA,{"data-testid":"confirm-revoke-duo-guest-btn",onClick:i,padding:"0.63rem 1rem",border:`0.5px solid ${w.xC.SilverTransparent}`,children:s.confirmModal})]})]})})]})};function K({isOpen:e,onClose:t,invitationUrl:i}){const s=D.P.settingsPage.duoAccessPage;return(0,N.jsxs)(g.aF,{isOpen:e,onClose:t,isCentered:!0,size:"xl",children:[(0,N.jsx)(f.m,{backdropFilter:"blur(15px)",zIndex:"1500",background:w.xC.PureBlack+"80"}),(0,N.jsxs)(b.$,{containerProps:{zIndex:1510},background:w.xC.BlackPearl,border:`1px solid ${w.xC.PureWhite}10`,borderRadius:"2rem",px:"2rem",pb:"2rem",pt:"4rem",gap:"0.5rem",maxWidth:"fit-content",children:[(0,N.jsx)(C.r,{fontSize:"1.5rem",fontWeight:"500",lineHeight:"34px",p:"0",color:w.xC.PureWhite,children:s.qrCodePopupTitle}),(0,N.jsx)(v.s,{top:"1.5rem",right:"1.5rem",fontSize:"1.5rem",color:w.xC.Silver,sx:{"& > svg":{boxSize:"1rem"}}}),(0,N.jsx)(j.c,{p:"0",children:(0,N.jsxs)(a.s,{direction:"column",gap:"2rem",maxWidth:"min-content",children:[(0,N.jsx)(d.E,{fontFamily:"Inter",as:"span",color:w.xC.Silver,children:s.qrCodePopupDescription}),(0,N.jsx)(a.s,{gap:"2rem",padding:"1rem",bgColor:w.xC.PureWhite,rounded:"1rem",alignItems:"center",children:(0,N.jsx)(c.a,{padding:"1rem",rounded:"1rem",bgColor:w.xC.PureWhite,children:(0,N.jsx)(E.h,{value:i,title:"Invitation Url",size:193})})})]})})]})]})}const X=e=>{const t=D.P.settingsPage.duoAccessPage;return e?Array.from({length:e}).map((e,i)=>(0,N.jsxs)(c.a,{paddingBottom:4,children:[(0,N.jsx)(h.c,{borderColor:w.xC.SoftWhite+"20",marginBottom:4}),(0,N.jsxs)(a.s,{children:[(0,N.jsx)(c.a,{paddingRight:4,children:(0,N.jsx)(c.a,{borderRadius:"50%",border:"2px dashed",borderColor:w.xC.SilverBorder,height:5,width:5})}),(0,N.jsxs)(c.a,{children:[(0,N.jsx)(d.E,{fontSize:16,fontWeight:400,children:t.extraPlanMember}),(0,N.jsx)(d.E,{fontSize:14,fontWeight:400,children:t.notAssigned})]})]})]},i)):(0,N.jsx)(N.Fragment,{})};function V(){const{isSmallScreen:e}=(0,s.Qf)();return(0,N.jsx)(r.JR,{showPillButtons:!e,children:(0,N.jsx)(H,{})})}},96824(e,t,i){"use strict";var s=i(53232);function r(e){return{type:s.F3,...e}}i.d(t,["Jj",0,(e,t,i)=>r({event:"click_revoke_guest",user_id:e,region:t,manager_subscription_id:i}),"Rs",0,(e,t,i)=>r({event:"click_copy_guest_invitation_link",user_id:e,region:t,invitation_url:i}),"d_",0,(e,t,i)=>r({event:"click_guest_dropoff",user_id:e,region:t,manager_subscription_id:i})])},91846(e,t,i){"use strict";var s=i(42332),r=i(51145);i.d(t,["A",0,function(){const e=new r.A;return{saveHasCompletedCheckout:()=>{e.set(s.KT,"true",{path:"/",maxAge:1800})},removeHasCompletedCheckout:()=>{e.remove(s.KT,{path:"/"})}}}])},17965(e,t,i){"use strict";

1var s=i(16426),r={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var i,n,o,a,c,l,d=!1;t||(t={}),i=t.debug||!1;try{if(o=s(),a=document.createRange(),c=document.getSelection(),(l=document.createElement("span")).textContent=e,l.ariaHidden="true",l.style.all="unset",l.style.position="fixed",l.style.top=0,l.style.clip="rect(0, 0, 0, 0)",l.style.whiteSpace="pre",l.style.webkitUserSelect="text",l.style.MozUserSelect="text",l.style.msUserSelect="text",l.style.userSelect="text",l.addEventListener("copy",function(s){if(s.stopPropagation(),t.format)if(s.preventDefault(),void 0===s.clipboardData){i&&console.warn("unable to use e.clipboardData"),i&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var n=r[t.format]||r.default;window.clipboardData.setData(n,e)}else s.clipboardData.clearData(),s.clipboardData.setData(t.format,e);t.onCopy&&(s.preventDefault(),t.onCopy(s.clipboardData))}),document.body.appendChild(l),a.selectNodeContents(l),c.addRange(a),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");d=!0}catch(s){i&&console.error("unable to copy using execCommand: ",s),i&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),d=!0}catch(s){i&&console.error("unable to copy using clipboardData: ",s),i&&console.error("falling back to prompt"),n=function(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}("message"in t?t.message:"Copy to clipboard: #{key}, Enter"),window.prompt(n,e)}}finally{c&&("function"==typeof c.removeRange?c.removeRange(a):c.removeAllRanges()),l&&document.body.removeChild(l),o()}return d}},16426(e){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,i=[],s=0;s<e.rangeCount;s++)i.push(e.getRangeAt(s));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||i.forEac

1h(function(t){e.addRange(t)}),t&&t.focus()}}}}]);