https://1pstage.com/_next/static/chunks/656-71562a04399f5818.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[656],{30359:e=>{e.exports={navbarIn:"styles_navbarIn__DweIf","slide-in":"styles_slide-in__oa7gF",navbarOut:"styles_navbarOut__6BLy3","slide-out":"styles_slide-out__j_Roi"}},30656:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>K});var i,o=a(37876),l=a(14232),r=a(70143),n=a(89099),s=a(44339),d=a(30359),c=a.n(d);let u="before:bg-white",m="text-pure-white",g="border-pure-white",h="pure-white",p={light:{baseColor:"iron-ore-700",text:"text-iron-ore-700",background:"bg-pure-white",underlineBackgroundColor:"before:bg-iron-ore-700",border:"border-iron-ore-700",tertiaryCta:"secure-blue",tertiaryCtaText:m,pillBackground:"bg-secure-blue",pillLogoColor:"light",pillText:m,pillBase:h,pillTertiaryCta:h,pillTertiaryCtaText:"text-secure-blue",pillBorder:g,pillUnderlineBackgroundColor:u},dark:{baseColor:h,text:m,background:"bg-night-shift-700",underlineBackgroundColor:u,tertiaryCta:"readable-blue-dark",tertiaryCtaText:"text-intrepid-blue",border:g,pillBackground:"bg-night-shift-700 navCustom:bg-night-shift-400",pillLogoColor:"light",pillText:m,pillBase:h,pillTertiaryCta:"readable-blue-dark",pillTertiaryCtaText:"text-intrepid-blue",pillBorder:g,pillUnderlineBackgroundColor:u},accordion:{baseColor:"iron-ore-700",text:"text-iron-ore-700",background:"bg-pure-white",tertiaryCta:"secure-blue",tertiaryCtaText:m,pillLogoColor:"dark"}};var b=a(80088),v=a(51005),x=a(3471),f=a(91597),C=a(98171);let N=e=>{let t=(0,f.DO)(e=>e.isMobileAccordionNavOpen),a=(0,C.gi)(e.experimentsValues,C.IW.navCta),i=p[e.theme],l="dark"===e.theme?"dark":"light",n=e.isPill?i.pillBorder:i.border;return(0,o.jsx)(o.Fragment,{children:e?.simpleNav?(0,o.jsx)(o.Fragment,{children:e.tertiaryCta&&(0,o.jsx)(v.A,{className:"pl-2",children:(0,o.jsx)(b.default,{...e.tertiaryCta,background:l,color:e.tertiaryCtaColor,className:e.tertiaryCtaTextColor,textSize:"medium"})})}):(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(v.A,{className:(0,r.Q)("flex items-center justify-center",t&&"md:pr-0"),children:[(0,o.jsxs)(v.A,{className:"hidden lg:flex lg:items-center",children:[(0,o.jsx)(b.default,{size:"lg",...e.signInCta,color:e.signInCtaColor,background:l,className:"mr-4 hidden md:flex"}),(0,o.jsx)(v.A,{className:(0,r.Q)("h-6 border-l-1 border-opacity-30",n)})]}),(0,o.jsx)(v.A,{className:"hidden pl-2 md:inline-block",children:(0,o.jsx)(b.default,{size:"lg",...e.alternativeCta,color:e.signInCtaColor,background:l})}),(0,o.jsx)(v.A,{className:"mr-4 pl-2 navCustom:mr-0",children:e.tertiaryCta&&(0,o.jsx)(b.default,{...e.tertiaryCta,background:l,color:e.tertiaryCtaColor,className:e.tertiaryCtaTextColor,label:a&&e.tertiaryCta.expLabel?e.tertiaryCta.expLabel:e.tertiaryCta.label,textSize:"medium"})}),(0,o.jsx)("button",{onClick:e.handleToggleMobileNav,className:"block rounded-sm border-2 border-none hover:border-white navCustom:hidden","aria-label":"open navigation menu",children:t?(0,o.jsx)(x.A,{name:"close",width:36,height:36,focusable:!1,iconColor:p[e.theme].baseColor}):(0,o.jsx)(x.A,{name:"hamburger",width:36,height:36,focusable:!1,iconColor:"light"===e.theme?"stroke-iron-ore-700":"stroke-pure-white"})})]})})})};var k=a(85497),y=a(54587),w=a.n(y);let j=JSON.parse('{"autumn":"/logo-animations/autumn.riv","december":"/logo-animations/december.riv","spring":"/logo-animations/spring.riv","summer":"/logo-animations/summer.riv","golf":"/logo-animations/golf.riv","winter":"/logo-animations/winter.riv"}');var I=a(72094),T=a(88095),A=a(231),O=a(65870),L=a(49452),E=a(3197),Q=((i={}).HoverLight="HoverLight",i.HoverDark="HoverDark",i.IdleLight="IdleLight",i.IdleDark="IdleDark",i);let S=(e,t)=>{e&&(H(e),"light"===t?e.play(Q.IdleLight):e.play(Q.IdleDark))},H=e=>{e&&(e.stop(Q.HoverLight),e.stop(Q.IdleLight),e.stop(Q.IdleDark),e.stop(Q.HoverDark))};var _=a(68170);let B=({src:e,className:t,theme:a})=>{let i=(0,f.BO)(e=>e.setIsAnimatedLogoLoaded),[r,n]=(0,l.useState)(!1),s=(0,l.useRef)(null),[d,c]=(0,l.useState)(!1),{rive:u,RiveComponent:m}=(0,_.q5)({src:e,autoplay:!0,onLoad:()=>{i(!0)},onLoop:({data:e})=>{if(s?.current&&"true"!==s.current.dataset.isHovered){if(n(!0),c(!0),!("object"==typeof e&&"animation"in e&&"type"in e)||!e)return;let t=[Q.HoverDark,Q.HoverLight];!d&&t.includes(e.animation)&&c(!0)}}});return(0,l.useEffect)(()=>

1{if(u&&r)if(n(!1),d)S(u,a);else u&&(u.stop(Q.IdleLight),u.stop(Q.IdleDark))},[r,u,d,a]),(0,l.useEffect)(()=>{S(u,a)},[u,a]),(0,o.jsx)(v.A,{className:t,ref:s,children:(0,o.jsx)(m,{onMouseOver:()=>{!s?.current||(s.current.dataset.isHovered="true",u&&!r&&(H(u),"light"===a?u.play(Q.HoverLight):u.play(Q.HoverDark)))},onMouseLeave:()=>{!s?.current||(s.current.dataset.isHovered="false")}})})},D=e=>{let t=j[e.animation];return(0,o.jsx)(B,{...e,src:t})},M=({...e})=>{let{setIsMobileAccordionNavOpen:t,isMobileAccordionNavOpen:a}=(0,f.DO)((0,s.k)(e=>({setIsMobileAccordionNavOpen:e.setIsMobileAccordionNavOpen,isMobileAccordionNavOpen:e.isMobileAccordionNavOpen}))),i=(0,f.BO)(e=>e.isAnimatedLogoLoaded),l=p[e.theme],{width:n}=(0,A.y)(),d=(0,L.j)(),c="iron-ore-700"===l.baseColor?"dark":"light",u=e.isPill?l.pillLogoColor:c,m=a?"dark":u,g=n<=1?void 0:n>567?"desktop":"mobile",h=(0,r.Q)("mobile"===g?"min-h-[32px] min-w-[32px]":"min-h-[35px] min-w-[143px]"),b=[{logoColor:"light",logoSize:"desktop"},{logoColor:"dark",logoSize:"desktop"},{logoColor:"light",logoSize:"mobile"},{logoColor:"dark",logoSize:"mobile"}],x=(0,I.c$)(e.href??"",e?.utmRef);return(0,o.jsxs)(E.i,{className:(0,r.Q)(T.NX.md),href:x,...e.navItemDataAttributes,onClick:()=>{t(!1)},children:[e.logoAnimation&&j[e.logoAnimation.animation]?(0,o.jsx)(D,{...e.logoAnimation,theme:m,className:(0,r.Q)("h-[35px] w-[143px]",(!i||"mobile"===g||d)&&"hidden")}):null,(0,o.jsx)(v.A,{children:(()=>{if(!i||"mobile"===g||d)return(0,o.jsx)(o.Fragment,{children:b.map(({logoColor:e,logoSize:t})=>{let a,i;return a=e,i=t,(0,o.jsx)(w(),{alt:"1Password",loader:O.T,src:`/logo-images/1password-logo-${i}-${a}@2x.png`,className:(0,r.Q)(h,m===a&&g===i?"block":"hidden"),width:"desktop"===g?143:32,height:"desktop"===g?35:32})})})})()})]})},P=new Set(["32Z4Qhkkie964so9XamSq9","1Gj6exx61dHVctnVgpNwga","1ppRaiFrpH2riBoblSUhXN"]),V=({...e})=>{let t=(0,f.DO)(e=>e.setIsMobileAccordionNavOpen),a=p[e.theme],i=e.isPill?a.pillUnderlineBackgroundColor:a.underlineBackgroundColor,n='relative rounded-full transition-color duration-300 ease-in-out before:absolute before:bottom-0 before:left-0 before:block before:h-0.5 before:w-[calc(100%-1rem)] before:opacity-0 before:transition-[width,opacity] before:duration-300 before:ease-in-out before:content-[""] hover:before:w-[100%] hover:before:opacity-100 focus:outline focus:outline-2 focus:before:hidden',s=(0,r.Q)(i,n,e.isOpen?"before:w-[100%] before:opacity-100":"before:opacity-0"),d=(0,r.Q)("flex flex-cols bg-white text-ultra-grey-5 rounded-lg shadow-lg transition-color duration-300 ease-in-out",e.isOpen?"navCustom:flex navCustom:absolute left-[-29px] top-[50px]":"hidden"),c=(0,r.Q)("relative px-2 list-none",e.isLogoNavigationItem&&"pr-0",e.className,"text-inherit"),u={"data-on":e.dataOn,"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel},m=(0,l.useRef)(null),g=(0,l.useRef)(null),h=e.isPill?a.pillText:a.text;(0,l.useEffect)(()=>{let t=t=>{m.current&&e.isOpen&&!m.current.contains(t.target)&&g.current&&!g.current.contains(t.target)&&e.handleToggle(e.item)},a=t=>{"Escape"===t.key&&e.isOpen&&e.handleClose()};return document.addEventListener("click",t),document.addEventListener("keydown",a),()=>{document.removeEventListener("click",t),document.removeEventListener("keydown",a)}},[m,g,e]);let b=(0,I.c$)(e?.href??"",e?.utmRef);return P.has(e._id)?null:(0,o.jsx)("li",{className:c,children:e.dropdown?(0,o.jsxs)(v.A,{"data-sst-event-label":"sst-dropdown-menu-item",children:[(0,o.jsx)(v.A,{className:(0,r.Q)(s),ref:g,children:(0,o.jsxs)("button",{className:"flex items-center",onClick:()=>e.handleToggle(e.item),...u,children:[(0,o.jsx)("span",{className:(0,r.Q)(T.NX.md,h,"mr-2 inline-block"),children:e.item}),(0,o.jsx)(x.A,{name:"iconarrow",testId:`icon-arrow-${e.item}`,className:(0,r.Q)(h,e.isOpen?"-rotate-90":"rotate-90","transition-rotate duration-300 ease-in-out")})]})}),(0,o.jsx)(v.A,{className:d,children:(0,o.jsx)(k.A,{...e.dropdown,ref:m,isMobileView:!1})})]}):e.href&&(0,o.jsx)(o.Fragment,{children:e.isLogoNavigationItem?(0,o.jsx)(M,{...e,navItemDataAttributes:u,isPill:e.isPill}):(0,o.jsx)(v.A,{className:(0,r.Q)(n,s),children:(0,o.jsx)(E.i,{onClick:()=>{t(!1)},href:b,className:(0,r.Q)(h,T.NX.md),...u,children:e.item})})})},e.item)};var z=a(57413);let R="pure-white",F=e=>{let t=(0,f.DO)(e=>e.isMobileAccordionNavOpen),a=e.isTabletView&&t,i=!e.isTabletView&&e.isPill,s=a?"accordion":e.theme,d=(0,n.useRouter)(),[c,u]=(0,l.useState)(()=>e.navItems?.map(e=>({...e,isOpen:!1}

1))),m=p[s??"light"],g=(0,r.Q)(m.pillBackground,m.pillText),h=(0,r.Q)(m.text,m.background),b=(0,r.Q)(p.accordion.background,p.accordion.text),x=!e.isTabletView&&(e.isPill?g:h),C=e.isTabletView&&(t?b:h),k=i?m.pillBase:m.baseColor,y=i?m.pillTertiaryCtaText:m.tertiaryCtaText,w=i?m.pillTertiaryCta:m.tertiaryCta,j=e=>{u(c?.map(t=>t.item===e?{...t,isOpen:!t.isOpen}:{...t,isOpen:!1}))},I=(0,l.useCallback)(()=>{u(c?.map(e=>({...e,isOpen:!1})))},[]);return(0,l.useEffect)(()=>{I()},[d.asPath,I]),(0,o.jsx)(v.A,{className:(0,r.Q)("relative flex h-full min-h-[80px] w-full py-4 navCustom:px-6",C,x,e.pillNavClasses,"transition-[background-color] duration-500",z.Xj),children:(0,o.jsxs)(v.A,{className:"text-inherit mx-auto flex w-full max-w-fullWidth items-center justify-center",children:[(0,o.jsxs)("ul",{"data-testid":"nav-items",className:"flex-1 items-center navCustom:flex",children:[e.logoNavigationItem&&(0,o.jsx)(V,{...e.logoNavigationItem,theme:e.theme,handleToggle:j,handleClose:I,isLogoNavigationItem:!0,className:"pl-0",isPill:i}),c?.map(t=>(0,o.jsx)(V,{...t,handleToggle:j,handleClose:I,theme:e.theme,className:"hidden navCustom:block",isPill:i},t.item))]}),(0,o.jsx)(N,{handleToggleMobileNav:e.handleToggleMobileNav,signInCta:e.signInCta,alternativeCta:e.alternativeCta,tertiaryCta:e?.tertiaryCta,theme:s,isPill:i,isTabletView:e.isTabletView,signInCtaColor:k??R,tertiaryCtaTextColor:y??R,tertiaryCtaColor:w??R,simpleNav:e?.simpleNav,experimentsValues:e?.experimentsValues})]})})};var X=a(11025);let $=e=>{let t=(0,r.Q)("w-full h-full bg-inherit z-20 top-0 fixed navCustom:hidden pt-16",e.animationClasses),a=e.navItems?.map(t=>({_id:t?._id,type:"accordionItem",isOpen:!1,heading:t.item,navigationItems:e.navItems,isNavigationAccordionItem:!0,theme:"light"}))??[];return(0,o.jsx)("nav",{role:"navigation",className:t,children:(0,o.jsx)(X.default,{type:"accordion",isNavigationAccordion:!0,showCheckbox:!1,showPreviewText:!1,isDefaultOpen:!1,items:a,topSpacing:"none",bottomSpacing:"none",className:"py-7 lg:px-8",signInCta:e.signInCta,alternativeCta:e.alternativeCta,tertiaryCta:e.tertiaryCta})})};var U=a(89988),W=a(6564),q=a(84634);let K=e=>{let[t,a]=(0,l.useState)(!1),[i,d]=(0,l.useState)(!1),[u,m]=(0,l.useState)(!1),[g,h]=(0,l.useState)(!1),[p,b]=(0,l.useState)(""),v=(0,n.useRouter)();(0,l.useEffect)(()=>{a(!1),d(!1)},[v.asPath]);let{headerHeight:x,alertBannerHeight:N,isMobileAccordionNavOpen:k,setIsMobileAccordionNavOpen:y}=(0,f.DO)((0,s.k)(e=>({headerHeight:e.headerHeight,alertBannerHeight:e.alertBannerHeight,isMobileAccordionNavOpen:e.isMobileAccordionNavOpen,setIsMobileAccordionNavOpen:e.setIsMobileAccordionNavOpen}))),w=x+N,j=w-200,{scrollDirection:I,scrollPosition:T}=(0,U.K)(),O=(0,A.y)().width<1261,L=O&&k,E=(0,l.useRef)(null),Q=(0,f.DO)(e=>e.setDesktopNavHeight);(0,l.useEffect)(()=>{let e=E.current?.clientHeight/Number.parseFloat(getComputedStyle(document.documentElement).fontSize);document.documentElement.style.setProperty("--navbar-height",`${e}rem`)},[E.current?.clientHeight]),(0,l.useEffect)(()=>{let e;b(T>0?"top-12":(e=80+N)>200?"top-56":e>150?"top-36":e>100?"top-24":void 0)},[N,T]),(0,l.useEffect)(()=>{T&&(T<600&&(a(!1),d(!1)),T<w&&T>j&&"down"===I&&a(!0),T<w&&T>j&&"up"===I&&d(!0),T>=500&&a(!0),Q(!O&&t?E.current?.clientHeight:0))},[I,T,w,j,Q,O,t]);let S=(0,r.Q)("transition-transform  duration-500",p,k?"-translate-y-0":"-translate-y-[200%]"),H=(0,r.Q)(t?(0,r.Q)("fixed top-0 pt-0 navCustom:pt-3",!L&&!u&&c().navbarIn):"",i?!L&&!g&&c().navbarOut:""),_=(0,r.Q)("rounded-none navCustom:rounded-[4rem] navCustom:p-2 navCustom:pl-4 navCustom:shadow-md navCustom:max-w-fullWidth navCustom:min-h-[64px] navCustom:flex self-center"),B=(0,r.Q)("absolute p-0 z-30 w-full flex flex-col justify-items-center justify-start max-h-full",H),D=()=>{y(!k)},M=(e,t)=>"down"===e?m(t):"up"!==e||t?void a(!1):h(t),P=e.navItems?.filter(t=>!t.unleashToggleName||(0,C.gi)(e.experimentsValues??[],t.unleashToggleName)),[V,z]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{V||(e.navItems?.filter(e=>e.unleashToggleName)?.forEach(t=>{let a=t.unleashToggleName??"",i=e.experimentsValues?.find(e=>e.name===a);i&&i?.enabled&&(0,W.jo)(()=>{(0,W.W8)("feature_flag",{category:"feature_flag",label:i.variant.name,action:a}),(0,q.Z)("feature_flag",i.variant.name,a)})}),z(!0))},[V,e.navItems,e.experimentsValues]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("nav",{role:"navigation","data-testid":"nav",className:B,onAnimationStart:()=>M(I,!1),onAnimationEnd:()=>M(I,!0),ref:E,children:(0,o.jsx)(F,{...e,navItems:P,handleToggleMobileNav:D,isPill:t,isTabletView:O,logoNavigationItem:e.logoNavigationItem,pillNavClasses:(0,r.Q)(t?_:""),showPillNav:t,theme:e.theme??"light",experimentsValues:e.experimentsValues})}),!e?.simpleNav&&e?.navItems&&(0,o.jsx)($,{...e,navItems:P,animationClasses:S,handleToggleMobileNav:D})]})}},89988:(e,t,a)=>{"use strict";a.d(t,{K:()=>o});var i=a(14232);let o=(e=0)=>

1{let[t,a]=(0,i.useState)("down"),[o,l]=(0,i.useState)(0);return(0,i.useEffect)(()=>{let i=window.scrollY,o=()=>{let o=window.scrollY;if(l(o),Math.abs(o-i)>=e){let e=o>i?"down":"up";e!==t&&a(e),i=o>0?o:0}};return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}},[t,o,e]),{scrollDirection:t,scrollPosition:o}}}}]);