https://www.benjaminmoore.com/_next/static/chunks/6669.b42ce5013add400e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6669],{33144:function(e,t,r){r.d(t,{AD:function(){return n},e9:function(){return a},ec:function(){return o},jM:function(){return l},x0:function(){return i},yf:function(){return s}});let o=19,n=40,i=20,s=21,l=22,a=21},54502:function(e,t,r){var o=r(67294);t.Z=(e,t,r=!0)=>{let n=e.current;(0,o.useEffect)(()=>{if(!r)return;let e=e=>{n&&!n.contains(e.target)&&t()};return setTimeout(()=>{document.addEventListener("click",e)},0),()=>{document.removeEventListener("click",e)}},[t,n,r])}},44739:function(e,t,r){var o=r(47);t.Z=()=>(0,o.ac)({query:"(hover: hover)"})},27194:function(e,t,r){r.d(t,{R:function(){return h},Z:function(){return x}});var o=r(67294),n=r(52820),i=r(90838),s=r(70954),l=r(8307),a=r(51828),c=r(55365),d=r(42409);r(20544);var p=r(2529);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){(0,l.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let g=a.default.create({method:"POST",baseURL:"https://api.benjaminmoore.io/account/login",params:{version:"v1.0"},headers:{"Ocp-Apim-Subscription-Key":"48c3c3e75b424f97904f9659da65b4d0"},timeout:1e5});g.interceptors.response.use(e=>((0,p.A)(e),e));let m=async e=>{let t={username:e.username,password:e.password},[r,o]=await (0,d.L)(g.post("",t));return r?.data?.data?.authentication_status?[f(f({},r.data),{},{has_incomplete_profile:"incomplete-profile"===r.data.data.authentication_status,redirect_link:"incomplete-profile"===r.data.data.authentication_status?"/profile-complete":void 0}),o]:[r?.data,o]},h="rm";var x=()=>{let[e,t,r]=(0,n.Z)([h,c.rY,c.Pc]),{handleLoginSession:l}=(0,i.SE)();return{handleLogin:(0,o.useCallback)(async(o,n,i)=>{try{let[a,d]=await m({username:o,password:n}),p=e?.rm;if(d?.response){let{data:e}=d.response,{code:t,message:r}=e?.errors?.[0]??{};return[null,Error(t||r||"Unknown error occurred during login")]}let u=(0,s.aO)(),f={path:"/",domain:".benjaminmoore.com",maxAge:u};if(i?i&&p!==o&&t(h,o,f):r(h,f),!await (0,c.uM)(a?.data?.session_token))return(0,c.w7)(),[null,Error("Failed to retrieve Okta session")];return(0,s.K)(a?.data?.user_info?.username),l(),[a,null]}catch(t){let e=t instanceof Error?t:Error("Unexpected login error");return(0,p.V)(t),[null,e]}},[e?.rm,l,r,t])}}},35772:function(e,t,r){var o=r(67294),n=r(85893);let i=(0,o.forwardRef)(({href:e,children:t,onClick:r,onFocus:i,onBlur:s},l)=>{let a=o.useCallback(t=>{r&&r(t),window.location.href=e},[e]),c=(0,n.jsx)(n.Fragment,{children:t});return e?o.Children.map(t,e=>o.cloneElement(e,{onClick:a,onFocus:i,onBlur:s,ref:l,className:`${t?.props?.className} cdp-redirect`})):c});t.Z=i},37699:function(e,t,r){r.d(t,{Z:function(){return m}});var o=r(11163),n=r(67294),i=r(2529),s=r(13736),l=r(87379);l.ZP.img.withConfig({displayName:"ColorInformationstyles__StyledImg",componentId:"sc-wovqzf-0"})(["object-fit:cover;margin-top:40px;border-radius:6px;max-width:100%;",""],({$width:e})=>`
2    width: ${e}px;
3    height: ${4*e/5}px;
4  `);let a=l.ZP.div.withConfig({displayName:"ColorInformationstyles__LargeContainer",componentId:"sc-wovqzf-1"})(["text-align:center;"]);var c=r(52105),d=r(29308),p=r(99192),u=r(45968),f=r(81414),g=r(85893),m=(0,n.forwardRef)(({colorId:e,colorName:t,contrastColor:r,href:l,image:m,imageAlt:h,imageWidth:x=324,largeVersion:b=!1,onClick:y,onFocus:_,onBlur:j,colorAttributeName:w,colorAttributeType:v,tabIndex:k},O)=>{let{locale:C}=(0,o.useRouter)()||{locale:"en-us"},{globalSettings:S}=(0,p.bN)(),{color_detail_url:P}=S.globalDictionaries.urlSettings,Z=P.split("/"),N=(0,s.mJ)(t),$=(0,s.Ht)(e),I=n.useCallback(r=>{try{(0,f.j)(u.Z.colorSwatchClick.eventId,{[u.Z.keys.colorAttributeType]:v,[u.Z.keys.colorAttributeName]:w,[u.Z.keys.colorFamily]:w,[u.Z.keys.colorName]:t,[u.Z.keys.colorNumber]:e,[u.Z.keys.sourceUrl]:window.location.pathname,[u.Z.keys.destinationUrl]:`/${C}/${Z[0]}/${Z[1]}/${$}/${N}`})}catch(e){(0,i.V)(e)}y&&y(r)},[]),B=(0,n.useMemo)(()=>b?(0,g.jsxs)(a,{children:[(0,g.jsx)(d.H3,{$color:r,children:t}),(0,g.jsx)(d.Y6,{$color:r,$fontWeight:"medium",children:e})]}):(0,g.jsxs)("div",{children:[(0,g.jsx)(d.De,{$color:r,dangerouslySetInnerHTML:{__html:t}}),(0,g.jsx)(d.Y6,{$color:r,children:e})]}),[e,t,r,m,h,x,b]);return l?(0,g.jsx)(c.E,{href:`/${C}/${Z[0]}/${Z[1]}/${$}/${N}`,onClick:I,onFocus:_,onBlur:j,ref:O,disableSegmentClick:!0,className:"colorInformation",children:B}):B})},98122:function(e,t,r){r.d(t,{SV:function(){return c}});var o=r(8307),n=r(67294),i=r(85893);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}let l=(e=[],t=[])=>e.length!==t.length||e.some((e,r)=>!Object.is(e,t[r])),a={error:null};class c extends n.Component{constructor(...e){super(...e),(0,o.Z)(this,"state",a),(0,o.Z)(this,"resetErrorBoundary",(...e)=>{this.props.onReset?.(...e),this.reset()})}static getDerivedStateFromError(e){return{error:e}}reset(){this.setState(a)}componentDidCatch(e,t){this.props.onError?.(e,t)}componentDidUpdate(e,t){let{error:r}=this.state,{resetKeys:o}=this.props;null!==r&&null!==t.error&&l(e.resetKeys,o)&&(this.props.onResetKeysChange?.(e.resetKeys,o),this.reset())}render(){let{error:e}=this.state,{fallbackRender:t,FallbackComponent:r,fallback:l}=this.props;if(null!==e){let a={error:e,resetErrorBoundary:this.resetErrorBoundary};if(n.isValidElement(l))return l;if("function"==typeof t)return t(a);if(r)return(0,i.jsx)(r,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

4t%2?s(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},a));throw Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children}}},41740:function(e,t,r){let o;r.d(t,{Z:function(){return p}});var n=r(8307);r(67294);var i=r(87379);let s=(0,i.F4)(["0%{transform:translate3d(-30%,0,0);}100%{transform:translate3d(100%,0,0);}"]),l=i.ZP.div.withConfig({displayName:"Skeletonstyles__Skeleton",componentId:"sc-1nd8p50-0"})(["position:relative;overflow:hidden;height:",";background:",";.skeleton--animated &::before{content:'';position:absolute;top:0;left:0;width:100vw;max-width:1000px;height:100%;background:linear-gradient( to right,transparent,"," 15%,transparent 30% );animation:"," 1.5s linear 0s infinite normal;animation-fill-mode:forwards;}"],"15px","#dee2e6","#ced4da",s),a=(0,i.ZP)(l).withConfig({displayName:"Skeletonstyles__SkeletonImage",componentId:"sc-1nd8p50-1"})(["width:100%;height:120px;"]);var c=r(85893);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}var p=(o=({type:e})=>(0,c.jsx)(a,{}),function(e){return(0,c.jsx)("div",{className:"skeleton skeleton--animated",children:(0,c.jsx)(o,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},e))})})},18211:function(e,t,r){r.d(t,{U:function(){return o},Z:function(){return n}});let o={LOGIN:"login",FORGOT_PASSWORD:"forgot password",RESET_PASSWORD:"reset password",EMAIL_CONFIRM:"email confirm",OTP_CONFIRMATION:"otp confirmation",OTP_REQUEST:"otp request"},n=[2,3,4,6,8]},83371:function(e,t,r){r.d(t,{G:function(){return p}});var o=r(8307),n=r(74623),i=r(24760),s=r(45968);let l=(e,t)=>{if(r.g.analytics&&window.analyticsEnabled&&t&&t[s.Z.keys.UserId]){let e=t[s.Z.keys.UserId];r.g.analytics.identify(e,t)}};var a=r(81414);function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let p=async e=>{let[t]=await (0,i.KJ)(e?.username),{is_ecomm_subscribed:r,is_mkting_subscribed:o}=t?.data??{},c={},p={};if(e?.is_pro_account){let[e]=await (0,i.et)();if(e?.data?.pro_profile){let{pro_profile:t}=e.data,r=t?.contractor_primary_supplier?.code,o={};if(t?.contractor_primary_supplier?.code===n.oA.OTHER&&(r=`${t?.contractor_primary_supplier?.value}: ${t?.other_paint_supplier}`),t?.business_segment?.code===n.Pd.CONTRACTOR&&t?.employee_type?.code===n.LJ.OWNER){let e=!!t?.contractor_loyalty_pax;o={[s.Z.keys.userAccountLinked]:e,[s.Z.keys.paxId]:t?.contractor_loyalty_pax||null}}c=d({[s.Z.keys.userType]:t?.business_segment?.code,[s.Z.keys.userRole]:t?.employee_type?.code,[s.Z.keys.company]:t?.business_name,[s.Z.keys.city]:t?.business_city,[s.Z.keys.state]:t?.business_state,[s.Z.keys.businessFocus]:t?.business_type?.code,[s.Z.keys.numOfPainters]:t?.business_employee_count,[s.Z.keys.paintSupplier]:r},o)}}p=e?.slFlow?{[s.Z.keys.registrationFlow]:e?.is_pro_account?`${s.Z.keys.proAccount} - ${s.Z.keys.loginSlFlowEventType}`:s.Z.keys.loginSlFlowEventType}:e?.is_pro_account?{[s.Z.keys.registrationFlow]:s.Z.keys.proAccount}:{[s.Z.keys.userType]:s.Z.keys.userTypeHomeowner};let u=d(d({[s.Z.keys.UserId]:e?.user_id,[s.Z.keys.email]:e?.username,[s.Z.keys.firstName]:e?.first_name,[s.Z.keys.lastName]:e?.last_name,[s.Z.keys.preferredLanguage]:e?.preferred_language,[s.Z.keys.ecommOptStatus]:r??null,[s.Z.keys.marketingOptStatus]:o??null,[s.Z.keys.tncOptStatus]:!0,[s.Z.keys.zipCode]:e?.zip_postal_code,[s.Z.keys.country]:e?.country},c),p);l(s.Z.userLoggedIn.eventId,u),(0,a.j)(s.Z.userLoggedIn.eventId,u),e?.is_first_time_login&&(0,a.j)(s.Z.userAccountCreated.eventId,u)}},59491:function(e,t,r){r.d(t,{Z:function(){return v}});var o=r(8307),n=r(67294),i=r(83253),s=r.n(i),l=r(99072),a=r(87379),c=r(38087);let d=a.ZP.div.withConfig({displayName:"Overlaystyles__HeaderWrapper",componentId:"sc-f6cbff-0"})(["display:flex;flex-direction:row;","{padding:48px 32px 0px;}","{padding:48px 48px 0px;}"],c.ZP.xs,c.ZP.sm),p=a.ZP.div.withConfig({displayName:"Overlaystyles__HeaderText",componentId:"sc-f6cbff-1"})(["flex-basis:100%;align-self:center;"]),u=a.ZP.button.withConfig({displayName:"Overlaystyles__CloseButton",componentId:"sc-f6cbff-2"})([":hover{cursor:pointer;}color:white;background:white;border:none;display:flex;"]),f={position:null,inset:null,background:null,overflow:null,WebkitOverflowScrolling:null,border:null,borderRadius:null,outline:null,padding:null,zIndex:null,height:null,width:null,maxWidth:null},g={overflow:null,display:null,justifyContent:null,alignItems:null,zIndex:null,background:null},m=(0,a.vJ)([".BMCOverlay__Html--open,.BMCOverlay__Body--open{height:calc(100vh - 1px);width:100vw;margin:0;padding:0;}.BMCOverlay__Body--open{overflow:hidden;}.BMCOverlayPortal{.ReactModal__Overlay{transition:background ","ms ease-in-out;background:transparent;&--after-open{background:",";}&--before-close{background:transparent;}}"," .ReactModal__Overlay{overflow:hidden;display:flex;justify-content:center;align-items:stretch;z-index:21;","}.ReactModal__Content{position:fixed;background:#fff;overflow:auto;--webkit-overflow-scrolling:touch;border:none;border-radius:0;outline:none;padding:0;z-index:21;height:100%;width:100%;max-width:100vw;","{width:fit-content;}

4.contentContainer{height:100%;width:100%;}","}}"],300,({backdropBg:e})=>e,({animationDirection:e})=>Object.keys(c.ZP).map((t,r)=>{let o,n,i;switch(e[r]){case"top":o="translateY(0%)",n="translateY(-100%)",i="0 0 auto auto";break;case"bottom":o="translateY(0%)",n="translateY(100%)",i="0 0 auto auto";break;case"left":o="translateX(0%)",n="translateX(-100%)",i="0 auto auto 0";break;case"bottomLeft":o="translateY(0%)",n="translateY(100%)",i="0 auto auto 0";break;default:o="translateX(0%)",n="translateX(100%)",i="0 0 auto auto"}let s=(0,a.iv)([".ReactModal__Content{transition:transform ","ms ease-in-out;transform:",";inset:",";&--after-open{transform:",";}&--before-close{transform:",";}}"],300,n,i,o,n);return(0,a.iv)(["","{","}"],c.ZP[t],s)}),({overlayCss:e})=>e,c.ZP.sm,({contentCss:e})=>e);var h=r(79036),x=r(59112),b=r(85893);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}"undefined"!=typeof document&&document.querySelector("#__next")&&s().setAppElement("#__next");let j=()=>null,w=n.useLayoutEffect;var v=({children:e,isOpen:t,onRequestClose:r=j,onAfterClose:o=j,onAfterOpen:i=j,showCloseButton:a=!0,header:c,backdropBg:y="rgba(0, 0, 0, 0.5)",setContentRef:v=j,contentStyles:k={},overlayStyles:O={},animationDirection:C="right",overlayCss:S,contentCss:P,contentLabel:Z})=>{let N=(0,n.useRef)(),$=(0,n.useRef)(!1),I=(0,n.useRef)(null),{0:B,1:D}=(0,n.useState)(!1);w(()=>{if(!t)return;let e=(0,h.pushOverlayStack)();D((0,h.isTopOfOverlayStack)(e));let r=(0,h.subscribeToOverlayStack)(()=>{D((0,h.isTopOfOverlayStack)(e))});return()=>{r(),(0,h.popOverlayStack)(e)}},[t]);let L=(0,n.useCallback)(e=>{N.current=e,v(e)},[v]),R=(0,n.useMemo)(()=>Array.isArray(C)?Array.from([,,,,,].keys()).map(e=>C[e]||C[C.length-1]):[,,,,,].fill(C),[C]),E=(0,n.useMemo)(()=>(0,b.jsx)(m,{backdropBg:y,animationDirection:R,overlayCss:S,contentCss:P}),[]),T=(0,n.useCallback)(()=>{if("undefined"==typeof document||document.querySelector(".BMCOverlayPortal .ReactModal__Overlay--after-open"))return;let e=document.body.style.top;document.body.classList.remove("BMCOverlay__Body--open"),document.documentElement.classList.remove("BMCOverlay__Html--open"),("fixed"===document.body.style.position||e)&&(document.body.style.position="",document.body.style.top="",window.scrollTo(0,-1*parseInt(e||"0")))},[]),M=(0,n.useCallback)(()=>{if($.current="fixed"!==document.body.style.position,$.current&&(document.body.style.top=`-${window.scrollY}px`,document.body.style.position="fixed"),a)I.current?.focus();else{let e=N.current?.querySelector('button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');e?.focus()}i()},[$,a,i]),A=(0,n.useCallback)(()=>{$.current&&T(),o()},[$,o,T]);return(0,n.useEffect)(()=>{if(t)return;let e=window.setTimeout(()=>{T()},350);return()=>{window.clearTimeout(e)}},[t,T]),(0,n.useEffect)(()=>()=>{T()},[T]),(0,b.jsx)(b.Fragment,{children:(0,b.jsxs)(s(),{isOpen:t,onRequestClose:r,onAfterOpen:M,onAfterClose:A,closeTimeoutMS:300,shouldCloseOnEsc:!0,shouldCloseOnOverlayClick:!0,portalClassName:"BMCOverlayPortal",htmlOpenClassName:"BMCOverlay__Html--open",bodyOpenClassName:"BMCOverlay__Body--open",contentRef:L,style:{content:_(_({},f),k),overlay:_(_({},g),O)},contentLabel:Z,children:[E,c||a?(0,b.jsxs)(d,{children:[c?"string"==typeof c?(0,b.jsx)(p,{children:(0,b.jsx)(x.pN,{children:c})}):c:null,a?(0,b.jsx)(u,{ref:I,onClick:r,children:(0,b.jsx)(l.Z,{icon:"close"})}):null]}):null,(0,b.jsx)("div",{className:"contentContainer",children:e}),t&&B?(0,b.jsx)(h.default,{toasterId:h.OVERLAY_TOASTER_ID}):null]})})}},16669:function(e,t,r){r.r(t),r.d(t,{default:function(){return tD}});var o=r(67294),n=r(8307),i=r(47),s=r(78715),l=r(51815),a=r(87379),c=r(33144),d=r(23928);let p=a.ZP.div.withConfig({displayName:"ShoppingListstyles__Sidebar",componentId:"sc-18yoj64-0"})(["display:flex;right:0;width:100%;height:100%;flex-direction:column;background-color:",";overflow:hidden;z-index:",";background:#d6d6d6;.grecaptcha-badge{visibility:hidden;right:unset !important;}.shoppingListWrapper{overflow:auto;scrollbar-width:none;flex:1;padding:24px 35px;height:100%;background-color:",";display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;}","{width:488px;.shoppingListWrapper{padding:24px 32px;}}","{width:648px;.shoppingListWrapper{padding:24px 35px;}}"],({theme:e})=>e.colors.white,c.ec,({theme:e})=>e.colors.white,l.Ri.lg,l.Ri.xxl),u=a.ZP.div.withConfig({displayName:"ShoppingListstyles__GlobalBottomFloatingMenuWrapper",componentId:"sc-18yoj64-1"})(["position:fixed;bottom:0;box-sizing:border-box;display:flex;justify-content:flex-end;

4gap:8px;padding:16px 35px;z-index:",";right:0;width:",";background-color:transparent;.shoppingListBtn,.addToListBtn,.addToCartBtn{svg path{fill:",";}&:focus{outline:2px solid ",";outline-offset:2px;}}.shoppingListBtn{span{padding:16px;}}.addToCartBtn{flex:1;span{padding:16px 32px;}}.addToListBtn{span{padding:16px;}}@media (orientation:landscape){width:auto;background-color:transparent;.addToCartBtn{flex:unset;}}","{.addToCartBtn{flex:unset;}@media (orientation:landscape){width:100%;background-color:transparent;}}","{width:auto;background-color:transparent;padding:24px 32px;}"],c.ec,({$isCdp:e})=>e?"100%":"auto",({$fontColor:e})=>e,d.default.colors.focus_color,l.Ri.md,l.Ri.lg);var f=r(70215),g=r(57660),m=r(41992),h=r(53351),x=r(36390),b=r(99192),y=r(62909),_=r(90838),j=r(45968),w=r(81414),v=r(85893);function k(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}let O="GlobalBottomFloatingMenu",C=(0,s.G)(),S=()=>{let{globalSettings:e}=(0,b.bN)(),{currentCdpColor:t}=(0,x.Dd)(),{name:r,number:s,r:a=255,g:c=255,b:p=255}=t??{},u=`rgb(${a},${c},${p})`,S=(0,g.n2)(a,c,p),{hasColor:P,toggleColor:Z,isExistingColorFetched:N}=(0,y.VP)(),{loggedIn:$}=(0,_.SE)(),I=(0,i.ac)({query:l.r3.lg}),{shoppingList:B,global:D}=e?.globalDictionaries??{},{remove:L,title:R}=B??{},{add_color_to_list:E="",remove_color_from_list:T=""}=D??{};(0,o.useEffect)(()=>{if(document){let e=document.querySelector("footer"),t=I?"0px":"88px";e&&(e.style.marginBottom=t)}},[I]);let M=(0,o.useMemo)(()=>f.DM[S]??d.default.colors.dark_grey_1,[S]),A=(0,o.useMemo)(()=>P(s),[s,P]),W=(0,o.useMemo)(()=>C(A?T:E)({colorName:r,colorCode:s}),[r,s,E,T,A]),U=(0,o.useMemo)(()=>(A?L:R)??"",[A,L,R]),F=(0,o.useMemo)(()=>A?"shoppingListDeleteFromList":"shoppingListAddToList",[A]),z=({colorCode:e,colorName:t})=>{try{let r={[j.Z.keys.colorAttributeName]:null,[j.Z.keys.colorAttributeType]:null,[j.Z.keys.colorAttributeCode]:null};(0,w.j)(j.Z.addToShoppingList.eventId,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({[j.Z.keys.colorName]:t,[j.Z.keys.colorNumber]:e},r))}catch(e){}},H=(0,o.useCallback)(()=>{Z(t),z({colorCode:s,colorName:r})},[t,s,r,Z]);return(0,v.jsx)(v.Fragment,{children:N||!1===$?(0,v.jsx)(m.Z,{className:"addToListBtn","aria-label":W,$color:u,backgroundColor:M,icon:F,onClick:H,"data-testid":`${O}_AddToListButton`,children:(0,v.jsx)(h.pA,{$fontWeight:"bold",children:U})}):null})};var P=()=>{let{globalSettings:e}=(0,b.bN)(),{currentCdpColor:t}=(0,x.Dd)(),{r=255,g:n=255,b:i=255}=t??{},s=`rgb(${r},${n},${i})`,l=(0,g.n2)(r,n,i),{colors:a,togglePanel:c}=(0,y.VP)(),{shoppingList:p}=e?.globalDictionaries??{},{open:h}=p??{},_=(0,o.useMemo)(()=>!!t,[t]),j=(0,o.useMemo)(()=>f.DM[l]??d.default.colors.dark_grey_1,[l]),w=(0,o.useMemo)(()=>a?.size>0?"shoppingListAdded":"shoppingList",[a]),k=(0,o.useCallback)(()=>{c()},[c]);return(0,v.jsxs)(u,{id:"globalFloatingMenu",$isCdp:_,$fontColor:s,"data-testid":O,children:[_?(0,v.jsx)(S,{}):null,(0,v.jsx)(m.Z,{"data-testid":`${O}_ShoppingListBtn`,className:"shoppingListBtn","aria-label":h,$color:s,backgroundColor:j,icon:w,iconOnly:!0,onClick:k})]})},Z=r(11163),N=r.n(Z),$=r(2529),I=r(94574);let B=a.ZP.div.withConfig({displayName:"shoppingListFlowstyles__ShoppingListFlowWrapper",componentId:"sc-1j8o3je-0"})(["flex:1;display:flex;flex-direction:column;background-color:",";height:100%;box-sizing:border-box;gap:",";.headerWrapper{padding:40px 40px 0px 34px;}.shoppingListScreensWrapper{overflow:auto;flex:1;height:100%;background-color:",";display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:",";padding:0px 40px 40px 40px;::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-track{box-shadow:none;border-radius:10px;}::-webkit-scrollbar-thumb{background:",";border-radius:30px;min-height:96px;}}","{.shoppingListScreensWrapper{> div{max-width:460px;}}}","{.shoppingListScreensWrapper{> div{max-width:unset;}}}","{.headerWrapper{padding:48px 48px 0px 42px;}.shoppingListScreensWrapper{padding:0px 48px 48px 48px;}}"],d.ix,d.$W,d.ix,d.mo,d.qz,l.Ri.md,l.Ri.lg,l.Ri.xxl);var D=r(37943),L=r(35763),R=r(83445),E=r(91091),T=r(97670);let M=a.ZP.div.withConfig({displayName:"forgotPasswordScreenstyles__ForgotPwdScreenContainer",componentId:"sc-i3jy6m-0"})(["flex:1;.toast-container{top:0px !important;}.forgotPasswordScreenTitle{text-align:left;margin-bottom:16px;}.forgotPasswordScreenSubtitle{margin-bottom:24px;}.forgotPasswordBtn{width:100%;color:",";background-color:",";padding:16px 32px;display:flex;border-radius:6px;justify-content:center;align-items:center;margin-top:24px;&:focus{outline:2px solid ",";}}"],({theme:e})=>e.colors.white,({theme:e})=>e.colors.black,({theme:e})=>e.colors.focus_color);

4var A=r(93395),W=r(91197),U=r(93002),F=r(52105),z=r(51579),H=r(21585),q=r(88486),V=r(24760),G=r(4812);let J="ForgotPwdScreen";var Y=()=>{let{globalSettings:e,language:t}=(0,b.bN)(),{globalDictionaries:r}=e??{},{shoppingList:n,global:i,forms:s}=r??{},{close_icon:l}=i??{},{submit_button_text:a,password_reset_success_toast:c,network_error_toast:d}=n??{},{generic_error_message:p}=s??{},{email:u,navigateTo:f,setEmail:g}=(0,H.BB)(),{registerValidation:m,validateAllFields:x}=(0,A.f)(),{0:y,1:_}=(0,o.useState)(u),{0:j,1:w}=(0,o.useState)(!1),{0:k,1:O}=(0,o.useState)(!1),{reset_password_subtitle:C}=(0,q.jU)(),{email_label:S,reset_your_password:P,ERROR_ACC_0011:Z}=(0,q.kU)(),N=(0,o.useCallback)(e=>{_(e.target.value)},[]),$=(0,o.useCallback)(async()=>{let e=new URL(window.location.href);e.searchParams.set("sl","true");let r=`${e.pathname.replace(`/${t}`,"")}${e.search}`;w(!0);let[o,n]=await (0,G.K)({username:y});if(n){(0,z.Jc)(d,{closeBtnAriaLabel:l}),w(!1);return}let{is_email_in_use:i,is_email_verified:a}=o?.data;if(i){if(!a){g(y),f(T.U.SIGNUP_CONFIRMATION);return}}else{(0,z.Jc)(Z,{closeBtnAriaLabel:l}),w(!1);return}let[u,m]=await (0,V.c0)({username:y,locale:t,redirect_path:r});if(m){if(m?.response){let e=m.response.data,{code:t}=e?.errors?.[0]??{},r=s?.[t]||p;(0,z.Jc)(r,{closeBtnAriaLabel:l})}else(0,z.Jc)(d,{closeBtnAriaLabel:l});w(!1);return}u?.status==="OK"&&(g(y),(0,z.Qm)(c),f(T.U.RESET_PASSWORD_SUCCESS)),w(!1)},[y,d,l,f,Z,s,p,t,g,c]),I=(0,o.useCallback)(()=>{O(!0),x()&&$()},[$,x]);return(0,v.jsxs)(M,{"data-testid":J,children:[(0,v.jsx)(h.pN,{$fontWeight:"bold",className:"forgotPasswordScreenTitle",dangerouslySetInnerHTML:{__html:P}}),(0,v.jsx)(h.i1,{className:"forgotPasswordScreenSubtitle",$fontWeight:"regular",dangerouslySetInnerHTML:{__html:C}}),(0,v.jsx)(W.Z,{id:"forgot-password-email-input",label:S,value:y,onChange:N,required:!0,registerValidation:m,shouldValidate:k}),(0,v.jsx)(F.Dr,{className:"forgotPasswordBtn",onClick:I,"data-testid":`${J}_ForgotBtn`,"aria-label":a,$scaleOnHover:!1,children:(0,v.jsx)(h.pA,{$fontWeight:"bold",children:a})}),(0,v.jsx)(U.Z,{$display:j,className:"spinner",$color:"black",$background:"rgba(0,0,0,0.2)"})]})};let K=a.ZP.div.withConfig({displayName:"headerstyles__HeaderWrapper",componentId:"sc-bgqv66-0"})(["display:flex;justify-content:flex-start;padding:24px 32px;box-sizing:border-box;background-color:",";& > button{:focus{outline:2px solid ",";}&.closeBtn{margin-left:auto;}}"],d.default.colors.white,({theme:e})=>e.colors.focus_color),Q="ShoppingListHeader";var X=e=>{let{onRequestClose:t}=e,{activeScreen:r,navigateBack:n,history:i}=(0,H.BB)(),{back:s}=(0,q.jU)(),{globalSettings:l}=(0,b.bN)(),{globalDictionaries:a}=l??{},{close_icon:c}=a?.global??{},d=(0,o.useCallback)(()=>{n()},[n]),p=(0,o.useMemo)(()=>{let{hasBackButton:e=!1}=T.l?.hasOwnProperty(r)?T.l[r]:{};return e&&i.length>0},[r,i]);return(0,v.jsxs)(K,{className:"headerWrapper","data-testid":Q,children:[p?(0,v.jsx)(F.Dr,{$scaleOnHover:!1,onClick:d,"data-testid":`${Q}_BackButton`,icon:{icon:"arrow",size:24,rotation:180},"aria-label":s,children:(0,v.jsx)(h.wM,{$fontWeight:"regular",children:s})}):null,(0,v.jsx)(F.Dr,{className:"closeBtn",$scaleOnHover:!1,onClick:t,"aria-label":c,icon:{icon:"close",size:24},"data-testid":`${Q}_CloseButton`})]})},ee=r(52820);let et=a.ZP.div.withConfig({displayName:"landingScreenstyles__LandingScreenWrapper",componentId:"sc-1r13nfn-0"})(["flex:1;.landingScreenTitle{margin-bottom:16px;}.landingScreenSubtitle{margin-bottom:24px;}.createAccountBtn{width:100%;color:",";background-color:",";padding:15px 32px;display:flex;border-radius:6px;justify-content:center;align-items:center;margin:24px 0 36px 0;&:focus{outline:2px solid ",";}}","{.createAccountBtn{padding:16px 32px;}}"],({theme:e})=>e.colors.white,({theme:e})=>e.colors.black,({theme:e})=>e.colors.focus_color,l.Ri.lg);var er=r(69002),eo=r(40367);let en="LandingScreen";var ei=()=>{let[e]=(0,ee.Z)([y.B$]),{setIsEmailTaken:t,email:r,setEmail:n,navigateTo:i}=(0,H.BB)(),{setRegistrationEmail:s}=(0,er.F6)(),{0:l,1:a}=(0,o.useState)(!1),{landing_screen_subtitle:c,landing_screen_title:d,create_account_button_label:p,shopping_list_exist_msg:u}=(0,q.jU)(),{email_label:f}=(0,q.kU)(),{registerValidation:g,validateAllFields:m}=(0,A.f)(),x=(0,o.useMemo)(()=>{let t=e[y.B$];return t?.length>0},[e]),b=(0,o.useCallback)(async()=>{let[e,o]=await (0,G.K)({username:r});if(o)return(0,$.V)(o),!1;s?.(r);let{is_email_in_use:n,is_email_verified:l}=e?.data;if(t(!1),n){if(!l){i(T.U.OTP_REQUEST);return}t(!0),i(T.U.SIGNIN);return}return i(T.U.SIGNUP),!0},[r,i,t,s]),_=(0,o.useCallback)(async()=>{a(!0),m()&&b()},[b,m]),j=(0,o.useCallback)(e=>{e?.key==="Enter"&&_()},[_]),w=(0,o.useCallback)(e=>{n(e.target.value)},[n]);return(0,v.jsxs)(et,{"data-testid":en,children:[(0,v.jsx)(h.pN,{$fontWeight:"bold",className:"landingScreenTitle",dangerouslySetInnerHTML:{__html:x?u:d}}),(0,v.jsx)(h.i1,{className:"landingScreenSubtitle",dangerouslySetInnerHTML:{__html:c}}),(0,v.jsx)(W.Z,{label:f,value:r,id:"email-input",required:!0,onChange:w,onKeyPress:j,shouldValidate:l,registerValidation:g}),(0,v.jsx)(F.Dr,{className:"createAccountBtn",onClick:_,"data-testid":`${en}_CreateAccountBtn`,"aria-label":p,$scaleOnHover:!1,children:(0,v.jsx)(h.pA,{$fontWeight:"bold",children:p})}),(0,v.jsx)(eo.Z,{})]})},es=r(94133),el=r(70381);let ea=a.ZP.div.withConfig({displayName:"passwordResetLinkScreenstyles__ResetPwdLinkScreenContainer",componentId:"sc-cf6ami-0"})(["flex:1;height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;.toast-container{top:10px !important;}.middleSection{flex:1;justify-content:center;display:flex;flex-direction:column;gap:24px;}.bottomSection{padding-bottom:18px;a:focus{outline:2px solid ",";}}.titleContainer{display:flex;flex-direction:column;gap:16px;}.resendBtn{display:inline;background:none;border:none;text-decoration-line:underline;text-decoration-style:solid;cursor:pointer;&:focus{outline:2px solid ",";}}.goToLoginBtn{color:",";&:focus{outline:2px solid ",";}}"],({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.white,({theme:e})=>e.colors.focus_color),ec="ResetPwdLinkScreen";var ed=()=>{let{globalSettings:e,language:t}=(0,b.bN)(),{globalDictionaries:r}=e??{},{shoppingList:n,global:i,forms:s}=r??{},{password_reset_success_title:l,password_reset_success_subtitle:a,password_reset_resend_button:c,password_reset_login_button:d,password_reset_help_text:p}=n??{},{close_icon:u}=i??{},{password_reset_email_resend_success_msg:f,generic_error_message:g}=s??{},{navigateTo:x,email:y}=(0,H.BB)(),_=(0,o.useCallback)(async()=>{let e=new URL(window.location.href);e.searchParams.set("sl","true");let r=`${e.pathname.replace(`/${t}`,"")}${e.search}`,[o,n]=await (0,V.c0)({username:y,locale:t,redirect_path:r});if(n){if(n?.response){let e=n.response.data,t=e?.errors?.[0]?.code,r=s?.[t]||g;(0,z.Jc)(r,{closeBtnAriaLabel:u})}else(0,z.Jc)(g,{closeBtnAriaLabel:u});return}o?.status==="OK"&&(0,z.Qm)(f)},[u,s,g,f,y,t]),j=(0,o.useCallback)(()=>{x(T.U.SIGNIN,{clearHistory:!0})},[x]);return(0,v.jsxs)(ea,{"data-testid":ec,children:[(0,v.jsxs)("div",{className:"middleSection",children:[(0,v.jsxs)("div",{className:"titleContainer",children:[(0,v.jsx)(h.pN,{$fontWeight:"bold",children:l}),(0,v.jsxs)(h.i1,{children:[a,(0,v.jsx)("button",{type:"button",className:"resendBtn","data-testid":`${ec}_ResendBtn`,onClick:_,children:(0,v.jsx)(h.i1,{children:c})})]})]}),(0,v.jsx)(m.Z,{className:"goToLoginBtn","data-testid":`${ec}_GoToLoginBtn`,onClick:j,children:(0,v.jsx)(h.pA,{children:d})})]}),(0,v.jsx)("div",{className:"bottomSection",children:(0,v.jsx)(h.wM,{dangerouslySetInnerHTML:{__html:p}})})]})};let ep=a.ZP.div.withConfig({displayName:"resetPasswordScreenstyles__ResetPwdScreenContainer",componentId:"sc-dvxqws-0"})(["flex:1;display:flex;flex-direction:column;gap:24px;.titleContainer{display:flex;flex-direction:column;gap:16px;}.formWrapper{display:flex;flex-direction:column;gap:16px;.formContainer{display:flex;flex-direction:column;gap:16px;}}.resetPasswordBtn{width:100%;color:",";background-color:",";padding:16px 32px;display:flex;border-radius:6px;justify-content:center;align-items:center;&:focus{outline:2px solid ",";}}"],({theme:e})=>e.colors.white,({theme:e})=>e.colors.black,({theme:e})=>e.colors.focus_color);var eu=r(84339),ef=r(29980);let eg="ResetPwdScreen";var em=()=>{let e=(0,Z.useRouter)(),{globalSettings:t}=(0,b.bN)(),{registerValidation:r,validateAllFields:n}=(0,A.f)(),{navigateTo:i,loading:s,setLoading:l}=(0,H.BB)(),{error_password_not_match:a}=(0,q.kU)(),{globalDictionaries:c}=t??{},{shoppingList:d,global:p,forms:u}=c??{},{submit_button_text:f}=d??{},{close_icon:g}=p??{},{new_password_label:m,reset_your_password:x,change_password_subtitle:y,generic_error_message:_,confirm_new_password_label:j,after_reset_success_toast:w}=u??{},{0:k,1:O}=(0,o.useState)(""),{0:C,1:S}=(0,o.useState)(""),{0:P,1:N}=(0,o.useState)(!1),{0:$,1:B}=(0,o.useState)(null),D=(0,o.useCallback)(async()=>

4{l(!0);let{reset_token:t}=e.query,[r,o]=await (0,V.FE)({reset_guid:t});if(o){if(o?.response){let{data:e}=o.response,{code:t}=e?.errors?.[0]??{},r=u?.[t];(0,z.Jc)(r||_,{closeBtnAriaLabel:g}),l(!1),i(T.U.SIGNIN,{clearHistory:!0});return}(0,z.Jc)(_,{closeBtnAriaLabel:g}),l(!1);return}r?.data?.is_reset_guid_valid||((0,z.Jc)(d?.ERROR_ACC_0034,{closeBtnAriaLabel:g}),i(T.U.SIGNIN,{clearHistory:!0})),l(!1)},[g,u,_,i,e.query,d?.ERROR_ACC_0034]),L=(0,o.useCallback)(e=>{O(e.target.value)},[]),R=(0,o.useCallback)(e=>{S(e.target.value)},[]),E=(0,o.useCallback)(async()=>{let{reset_token:t}=e.query,[r,o]=await (0,V.Cp)({password:k,confirm_password:C,reset_guid:t});if(o?.response){let{data:e}=o.response,{code:t}=e?.errors?.[0]??{},r=u?.[t];(0,z.Jc)(r||_,{closeBtnAriaLabel:g});return}r?.data?.email&&((0,z.Qm)(w),(0,I.i)(e),i(T.U.SIGNIN,{clearHistory:!0}))},[w,g,C,u,_,i,k,e]),M=(0,o.useCallback)(()=>k&&C&&k!==C?(B([{variant:"error",message:a}]),!1):(B(null),!0),[C,a,k]),W=(0,o.useCallback)(e=>{e.preventDefault(),N(!0),n()&&M()&&E()},[E,n,M]);return(0,o.useEffect)(()=>{P&&M()},[k,C,P,a,M]),(0,o.useEffect)(()=>{D()},[]),(0,v.jsxs)(ep,{"data-testid":eg,children:[(0,v.jsxs)("div",{className:"titleContainer",children:[(0,v.jsx)(h.pN,{$fontWeight:"bold",as:"h1",children:x}),(0,v.jsx)(h.i1,{children:y})]}),(0,v.jsxs)("form",{noValidate:!0,className:"formWrapper",onSubmit:W,children:[(0,v.jsxs)("div",{className:"formContainer",children:[(0,v.jsx)(eu.ZP,{id:"reset-password-input",required:!0,isValidPassword:!0,label:m,value:k,onChange:L,registerValidation:r,shouldValidate:!0}),(0,v.jsx)(eu.ZP,{id:"reset-confirm-password-input",required:!0,label:j,value:C,onChange:R,registerValidation:r,shouldValidate:P}),$&&(0,v.jsx)(ef.Z,{validationMessages:$})]}),(0,v.jsx)(F.Dr,{className:"resetPasswordBtn","data-testid":`${eg}_ResetPasswordBtn`,"aria-label":f,$scaleOnHover:!1,type:"submit",children:(0,v.jsx)(h.pA,{$fontWeight:"bold",children:f})})]}),(0,v.jsx)(U.Z,{$display:s,className:"spinner",$color:"black",$background:"rgba(0,0,0,0.2)"})]})};let eh=a.ZP.div.withConfig({displayName:"signinScreenstyles__SigninScreenWrapper",componentId:"sc-1pdbi08-0"})([".toast-container{top:0px !important;}display:flex;flex-direction:column;gap:24px;flex:1;.header{position:absolute;top:16px;right:35px;}.closeBtn{&:focus{outline:2px solid ",";}}.titleContainer{display:flex;flex-direction:column;gap:16px;}.formWrapper{display:flex;flex-direction:column;gap:16px;.formContainer{display:flex;flex-direction:column;gap:16px;.rememberMeOption{label{gap:8px;}}.loginOptions{display:flex;justify-content:space-between;align-items:center;gap:4px;button{&:focus{outline:2px solid ",";}}label{gap:8px;}}}}.containerLabel{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;.label{color:",";&.required{&::after{content:'*';}}}input{border:none;color:",";font-family:Moderat;font-size:16px;font-style:normal;font-weight:500;line-height:22px;padding-right:32px;&[type='password']{letter-spacing:2px;}&:focus{outline:2px solid ",";}}.stroke{margin:0;border:none;height:1px;background-color:",";}}.passwordInputContainer{position:relative;}.buttonContainer{display:flex;flex-direction:column;gap:32px;.loginBtn{width:100%;color:",";background-color:",";padding:16px 32px;display:flex;border-radius:6px;justify-content:center;align-items:center;&:focus{outline:2px solid ",";}}.signupDisclaimer{.signupBtn{&:focus{outline:2px solid ",";}}}}.spinner{position:fixed;}.errorMessageContainer{margin-top:-4px;}","{.buttonContainer{gap:36px;}}"],({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.placeHolder_color,({theme:e})=>e.colors.dark_grey_2,({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.light_grey_2,({theme:e})=>e.colors.white,({theme:e})=>e.colors.black,({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.focus_color,l.Ri.md);var ex=r(27194),eb=r(91895),ey=r(18211),e_=r(83371);function ej(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function ew(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

4t%2?ej(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ej(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let ev="SigninScreen";var ek=()=>{let e=(0,Z.useRouter)(),{handleLogin:t}=(0,ex.Z)(),{globalSettings:r}=(0,b.bN)(),{isEmailTaken:n,email:i,navigateTo:s,setEmail:l,loading:a,setLoading:c}=(0,H.BB)(),{registerValidation:d,validateAllFields:p}=(0,A.f)(),u=(0,D.Z)("country"),{globalDictionaries:f}=r??{},{shoppingList:g,global:m,forms:x}=f??{},{login_screen_title:y,sign_in_screen_title:_,sign_in_screen_subtitle:j,signup_disclaimer_label:w,remember_me:k,login_text:O,signup_success_toast:C,network_error_toast:S}=g??{},{email_label:P,password_label:N,signup_label:$,forgot_password_text:B,generic_error_message:L,ERROR_ACC_0011:R}=x??{},{close_icon:E}=m??{},{verify_token:M}=e.query,[q]=(0,ee.Z)([ex.R]),{0:J,1:Y}=(0,o.useState)(!1),{0:K,1:Q}=(0,o.useState)(""),{0:X,1:et}=(0,o.useState)(!1),er=(0,D.Z)("register_url"),eo=(0,o.useCallback)(async()=>{let[,t]=await (0,V.bo)({guid:M});if(t){let r=t.response.data,o=r?.errors?.[0]?.code,n=x?.[o];(0,z.Jc)(n||L,{closeBtnAriaLabel:E}),(0,I.i)(e),s(T.U.LANDING);return}(0,z.Qm)(C),(0,I.i)(e)},[M,x,L,E,s,C,e]),en=(0,o.useCallback)(e=>{l(e.target.value)},[l]),ei=(0,o.useCallback)(e=>{Q(e.target.value)},[]),es=(0,o.useCallback)(()=>{s(T.U.LANDING)},[s]),el=(0,o.useCallback)(e=>{Y(e.target.checked)},[]),ea=(0,o.useCallback)(()=>{s(T.U.FORGOT_PASSWORD)},[s]),ec=(0,o.useCallback)(async()=>{c(!0);let[e,r]=await (0,G.K)({username:i});if(r){(0,z.Jc)(S,{closeBtnAriaLabel:E}),c(!1);return}let{is_email_in_use:o,is_email_verified:n}=e?.data;if(o){if(!n){s(T.U.OTP_REQUEST),c(!1);return}}else{(0,z.Jc)(R,{closeBtnAriaLabel:E}),c(!1);return}let[l,a]=await t(i,K,J);if(a){let e=x[a?.message];(0,z.Jc)(e||L,{closeBtnAriaLabel:E}),c(!1);return}await (0,e_.G)(ew(ew({},l?.data?.user_info),{},{country:u,slFlow:!0})),!l?.data?.user_info?.is_pro_account&&ey.Z.includes(l?.data?.user_info?.relationship_type_id)&&(window.location.href=er),c(!1)},[c,i,t,K,J,u,S,E,s,R,x,L,er]),ed=(0,o.useCallback)(e=>{e.preventDefault(),et(!0),p()&&ec()},[ec,p]);return(0,o.useEffect)(()=>{q?.rm&&"false"!==q.rm&&!i&&(Y(!0),l(q?.rm))},[q,q.rm]),(0,o.useEffect)(()=>{M&&eo()},[eo,M]),(0,v.jsxs)(eh,{"data-testid":ev,children:[(0,v.jsx)("div",{className:"titleContainer",children:(0,v.jsx)(h.mI,{$fontWeight:"bold","data-testid":`${ev}_SignInTitle`,children:n?y:_})}),(0,v.jsx)("div",{className:"subTitleContainer",children:(0,v.jsx)(h.i1,{children:n?null:j})}),(0,v.jsxs)("form",{noValidate:!0,className:"formWrapper",onSubmit:ed,children:[(0,v.jsxs)("div",{className:"formContainer",children:[(0,v.jsx)(W.Z,{registerValidation:d,id:"login-email-input",required:!0,label:P,value:i,onChange:en,shouldValidate:X,"data-testid":"EmailInput_Input"}),(0,v.jsx)(eu.ZP,{registerValidation:d,id:"login-password-input",label:N,value:K,onChange:ei,shouldValidate:X,"data-testid":"PasswordInput_Input",required:!0}),(0,v.jsxs)("div",{className:"loginOptions",children:[(0,v.jsx)(eb.Z,{onChange:el,checked:J,label:k,"data-testid":`${ev}_RememberMeOption`,children:(0,v.jsx)(h.wM,{$fontWeight:"medium",children:k})}),(0,v.jsx)(F.Dr,{onClick:ea,"data-testid":`${ev}_ForgotPassword`,"aria-label":B,$scaleOnHover:!1,type:"button",children:(0,v.jsx)(h.wM,{$link:!0,children:B})})]})]}),(0,v.jsxs)("div",{className:"buttonContainer",children:[(0,v.jsx)(F.Dr,{className:"loginBtn","data-testid":`${ev}_LoginBtn`,"aria-label":O,$scaleOnHover:!1,type:"submit",children:(0,v.jsx)(h.pA,{$fontWeight:"bold",children:O})}),(0,v.jsx)("div",{className:"signupDisclaimer",children:(0,v.jsxs)(h.i1,{children:[w," ",(0,v.jsx)(F.Dr,{onClick:es,"data-testid":`${ev}_SignupBtn`,"aria-label":$,className:"signupBtn",$scaleOnHover:!1,children:(0,v.jsx)(h.i1,{$fontWeight:"bold",as:"span",$link:!0,children:$})})]})})]})]}),(0,v.jsx)(U.Z,{$display:a,className:"spinner",$color:"black",$background:"rgba(0,0,0,0.2)"})]})};let eO=a.ZP.div.withConfig({displayName:"signupConfirmationstyles__SignupConfirmationScreenWrapper",componentId:"sc-ajndbe-0"})(["flex:1;height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;.toast-container{top:10px !important;}.middleSection{flex:1;justify-content:center;display:flex;flex-direction:column;gap:24px;}.bottomSection{padding-bottom:18px;a:focus{outline:2px solid ",";}}.titleContainer{display:flex;flex-direction:column;gap:16px;}.resendBtn{display:inline;background:none;border:none;text-decoration-line:underline;text-decoration-style:solid;cursor:pointer;&:focus{outline:2px solid ",";}}.goToLoginBtn{color:",";&:focus{outline:2px solid ",";}}"],({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.white,({theme:e})=>e.colors.focus_color),eC="SignupConfirmationScreen";var eS=()=>{let{globalSettings:e,language:t}=(0,b.bN)(),{globalDictionaries:r}=e??{},{shoppingList:n,forms:i,global:s}=r??{},{password_reset_success_subtitle:l,password_reset_resend_button:a,go_to_login_button:c,password_reset_help_text:d,signup_success_title:p}=n??{},{signup_email_resend_success_msg:u,generic_error_message:f}=i??{},{close_icon:g}=s??{},{navigateTo:x,email:y}=(0,H.BB)(),_=(0,o.useCallback)(async()=>{let[e,r]=await (0,V.eq)({username:y,locale:t,sl:!0});if(r){let e="";if(r?.response){let{data:t}=r.response,{code:o}=t?.errors?.[0]??{};e=i?.[o]}(0,z.Jc)(e||f,{closeBtnAriaLabel:g});return}e?.status==="OK"&&(0,z.Qm)(u)},[y,t,f,g,i,u]),j=(0,o.useCallback)(()=>{x(T.U.SIGNIN,{clearHistory:!0})},[x]);return(0,v.jsxs)(eO,{"data-testid":eC,children:[(0,v.jsxs)("div",{className:"middleSection",children:[(0,v.jsxs)("div",{className:"titleContainer",children:[(0,v.jsx)(h.pN,{$fontWeight:"bold",children:p}),(0,v.jsxs)(h.i1,{children:[l,(0,v.jsx)("button",{type:"button",className:"resendBtn","data-testid":`${eC}_ResendBtn`,onClick:_,children:(0,v.jsx)(h.i1,{children:a})})]})]}),(0,v.jsx)(m.Z,{className:"goToLoginBtn","data-testid":`${eC}_GoToLoginBtn`,onClick:j,children:(0,v.jsx)(h.pA,{children:c})})]}),(0,v.jsx)("div",{className:"bottomSection",children:(0,v.jsx)(h.wM,{dangerouslySetInnerHTML:{__html:d}})})]})},eP=r(70954);function eZ(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function eN(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

4t%2?eZ(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):eZ(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var e$=e=>{let{onRequestClose:t}=e,{activeScreen:r}=(0,H.BB)(),{globalSettings:n}=(0,b.bN)(),{globalDictionaries:i}=n??{},{accountRegistration:s}=i??{},l=(0,D.Z)("preferred_language"),a=(0,D.Z)("customer_relationships"),c=(0,o.useMemo)(()=>(0,eP.uS)(l),[l]),d=(0,o.useMemo)(()=>(0,eP.uS)(a),[a]),p={content_data:{fields:{title:s?.convert_to_pro_acc_form_title,logo:null,customer_relationship:d,preferred_language:c}},dictionaryData:s},u={[T.U.LANDING]:()=>(0,v.jsx)(ei,{}),[T.U.SIGNIN]:()=>(0,v.jsx)(ek,{}),[T.U.SIGNUP]:()=>(0,v.jsx)(R.Z,eN(eN({},p),{},{isShoppingListFlow:!0})),[T.U.STANDARD_REGISTRATION]:()=>(0,v.jsx)(E.Z,eN(eN({},p),{},{isShoppingListFlow:!0})),[T.U.PRO_REGISTRATION]:()=>(0,v.jsx)(L.Z,eN({},p)),[T.U.FORGOT_PASSWORD]:()=>(0,v.jsx)(Y,{}),[T.U.RESET_PASSWORD_SUCCESS]:()=>(0,v.jsx)(ed,{}),[T.U.RESET_PASSWORD]:()=>(0,v.jsx)(em,{}),[T.U.SIGNUP_CONFIRMATION]:()=>(0,v.jsx)(eS,{}),[T.U.OTP_CONFIRMATION]:()=>(0,v.jsx)(es.Z,{}),[T.U.OTP_REQUEST]:()=>(0,v.jsx)(el.Z,{})};return(0,v.jsxs)(B,{children:[(0,v.jsx)(X,{onRequestClose:t}),(0,v.jsx)("div",{className:"shoppingListScreensWrapper","data-testid":"ShoppingListFlow","aria-live":"assertive",children:u[r]?.()??null})]})},eI=r(98122),eB=r(59491),eD=r(51828),eL=r(42409),eR=r(41740),eE=r(38087);let eT=(0,a.iv)(["> button{&:focus{outline:2px solid ",";}}"],({theme:e})=>e.colors.focus_color),eM=a.ZP.div.withConfig({displayName:"Sharestyles__ShareWrapper",componentId:"sc-1n5y98f-0"})(["display:flex;width:100%;right:0;height:calc(100% - 88px);flex-direction:column;background-color:",";overflow:hidden;z-index:",";","{width:352px;height:100%;}","{width:372px;}","{width:384px;}","{width:402px;}"],f.DM.white,c.ec,eE.ZP.sm,eE.ZP.md,eE.ZP.lg,eE.ZP.xl),eA=a.ZP.div.withConfig({displayName:"Sharestyles__ShareHeader",componentId:"sc-1n5y98f-1"})(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:42px 24px 0px 24px;","{padding:42px 32px 0px 32px;}",";"],eE.ZP.sm,eT),eW=a.ZP.div.withConfig({displayName:"Sharestyles__ShareContent",componentId:"sc-1n5y98f-2"})(["padding:38px 32px 0px;.share-title-txt{margin-bottom:24px;}","{padding:40px 32px 0px;}"],eE.ZP.sm),eU=a.ZP.div.withConfig({displayName:"Sharestyles__CopyFieldWrapper",componentId:"sc-1n5y98f-3"})(["position:relative;display:flex;border:1px solid #000000;border-radius:6px;word-break:break-all;.shared-url{padding:12px 60px 12px 20px;}","{.shared-url{padding:11px 60px 11px 20px;}}","{.shared-url{padding-right:65px;}}"],eE.ZP.sm,eE.ZP.md),eF=a.ZP.div.withConfig({displayName:"Sharestyles__CopyContainer",componentId:"sc-1n5y98f-4"})(["position:absolute;height:100%;right:0;.share-icon{height:100%;padding:0px 20px 0px 10px;}",";> button.remove-focus{outline:none;pointer-events:none;}"],eT),ez=a.ZP.div.withConfig({displayName:"Sharestyles__ErrorMessage",componentId:"sc-1n5y98f-5"})(["text-align:center;"]);var eH=r(59112);let eq={headers:{"Ocp-Apim-Subscription-Key":"48c3c3e75b424f97904f9659da65b4d0"}},eV="ShareScreen";var eG=()=>{let{globalSettings:e,language:t}=(0,b.bN)(),{shoppingList:r}=e?.globalDictionaries??{},{0:n,1:i}=(0,o.useState)(null),{0:s,1:l}=(0,o.useState)(null),{0:a,1:c}=(0,o.useState)(!1),{0:d,1:p}=(0,o.useState)(!1),{hidePanel:u,hideShare:g,shoppingListColors:m}=(0,y.VP)(),h=(0,o.useMemo)(()=>m??[],[m]),x=(0,o.useCallback)(e=>()=>{g(),e&&u()},[u,g]),_=(0,o.useCallback)(()=>{navigator?.clipboard?.writeText(n),p(!0);let e=setTimeout(()=>{p(!1),clearTimeout(e)},3e3)},[n]);return(0,o.useEffect)(()=>{c(!0),(async()=>{let e=JSON.stringify({items:{colors:Array.from(h.values()).filter(e=>!!e).reverse()}}),[o,n]=await (0,eL.L)(eD.default.post("https://api.benjaminmoore.io/shoppinglist/shoppinglist",e,eq))||[void 0,void 0];if(c(!1),n){l(r.share_error_msg);return}let s=r?.shopping_list_share_path.replace("{guid}",o?.data?.data?.GUID).toLowerCase();i(`${window.location.origin}/${t}/${s}`)})()},[]),(0,v.jsxs)(eM,{"data-testid":eV,children:[(0,v.jsxs)(eA,{children:[(0,v.jsx)(F.Dr,{onClick:x(!1),icon:{icon:"leftArrow",size:16},"data-testid":`${eV}_ShareBackButton`,children:(0,v.jsx)(eH.Y6,{children:r?.share_back_text})}),(0,v.jsx)(F.Dr,{iconOnly:!0,icon:{icon:"close",size:32},"aria-label":r?.close,onClick:x(!0),"data-testid":`${eV}_ShareCloseButton`})]}),(0,v.jsxs)(eW,{children:[(0,v.jsx)(eH.De,{className:"share-title-txt",$fontWeight:"bold","data-testid":`${eV}_ShareTitle`,children:r?.share_title}),a?(0,v.jsx)(eR.Z,{type:"image","data-testid":`${eV}_Skeleton`}):s?(0,v.jsx)(ez,{"data-testid":`${eV}_ShareErrorMessage`,children:(0,v.jsx)(eH.pN,{$fontWeight:"medium",children:s})}):(0,v.jsxs)(eU,{style:{background:d?f.DM.dark_grey_1:f.DM.white},"data-testid":`${eV}_CopyFieldWrapper`,children:[(0,v.jsx)(eH.Y6,{$fontWeight:"medium",className:"shared-url",style:{color:d?f.DM.light_grey_1:f.DM.dark_grey_3},children:d?r?.copy_success_label:n}),(0,v.jsx)(eF,{children:d?(0,v.jsx)(F.Dr,{icon:{icon:"checked",fill:f.DM.light_grey_1},className:"share-icon remove-focus"}):(0,v.jsx)(F.Dr,{"aria-label":r?.copy_button_label,onClick:_,icon:{icon:"copy"},className:"share-icon","data-testid":`${eV}_ShareCopyButton`})})]})]})]})},eJ=r(89747),eY=r(29308);let eK="item",eQ=()=>{let e=(0,i.ac)({query:eE.r3.lg}),t=(0,i.ac)({query:eE.r3.md});

4return e?144:t?132:135},eX=`
5  flex: 1;
6  min-height: 135px;
7
8  ${eE.ZP.sm} {
9    min-height: 132px;
10  }
11
12  ${eE.ZP.md} {
13    min-height: 144px;
14  }
15`,e0=a.ZP.div.withConfig({displayName:"Sidebarstyles__StyledColorItem",componentId:"sc-uczvx2-0"})(["background-color:",";display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;width:100%;cursor:pointer;&:hover{.btn-remove{opacity:1;}}transition:all ","ms ease-in-out;&:not(.","-enter):not(.","-enter-active),:not(.","-exit):not(.","-exit-active){","}&.","-enter{flex:0;min-height:0;opacity:0;&-active,&-done{opacity:1;","}}&.","-exit{"," &-active{flex:0;min-height:0;opacity:0;}}"],({backgroundColor:e})=>e,300,eK,eK,eK,eK,eX,eK,eX,eK,eX),e1=a.ZP.div.withConfig({displayName:"Sidebarstyles__StyledColorItemWrapper",componentId:"sc-uczvx2-1"})(["position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;a:focus{outline:2px solid ",";outline-offset:5px;}"],({theme:e})=>e.colors.focus_color),e2=a.ZP.div.withConfig({displayName:"Sidebarstyles__ColorItemContent",componentId:"sc-uczvx2-2"})(["padding:0 24px 22px 24px;margin-top:auto;justify-content:flex-start;align-items:flex-end;display:flex;flex-direction:row;transition:all 300ms ease;",";"],({swipedLeft:e})=>e&&(0,a.iv)(["transform:translateX(-","px);"],88)),e3=a.ZP.div.withConfig({displayName:"Sidebarstyles__ButtonContainer",componentId:"sc-uczvx2-3"})(["position:absolute;top:13px;right:23px;.btn-select:focus{outline:2px solid ",";}.btn-remove{opacity:0;&:hover{opacity:1;}&:focus{opacity:1;outline:2px solid ",";}}"],({theme:e})=>e.colors.focus_color,({theme:e})=>e.colors.focus_color),e4=a.ZP.div.withConfig({displayName:"Sidebarstyles__ColorItemRemoveMobile",componentId:"sc-uczvx2-4"})(["position:absolute;width:","px;height:100%;transform:scaleX(1) translateX(0);right:-","px;background-color:",";transition:all 300ms ease;display:flex;justify-content:center;align-items:center;",";.remove-btn-mobile{height:100%;width:100%;&:focus{outline:2px solid ",";outline-offset:-4px;}}"],88,88,({theme:e})=>e.colors.dark_grey_1,({revealMobile:e})=>e&&(0,a.iv)(["right:0;"]),({theme:e})=>e.colors.focus_color),e8=a.ZP.div.withConfig({displayName:"Sidebarstyles__Container",componentId:"sc-uczvx2-5"})(["display:flex;height:100%;overflow:hidden;flex-direction:column;"]),e5=a.ZP.div.withConfig({displayName:"Sidebarstyles__Footer",componentId:"sc-uczvx2-6"})(["padding:24px 32px;display:flex;flex-direction:column;.btn-cancel{margin-top:8px;}button:focus{outline:2px solid ",";}"],({theme:e})=>e.colors.focus_color),e9=a.ZP.div.withConfig({displayName:"Sidebarstyles__Header",componentId:"sc-uczvx2-7"})(["padding:30px 36px 28px 36px;display:flex;align-items:flex-start;justify-content:space-between;","{padding:36px 32px 28px 32px;}","{padding:38px 32px 26px 32px;}"],eE.ZP.md,eE.ZP.lg),e6=a.ZP.div.withConfig({displayName:"Sidebarstyles__HeaderWrapper",componentId:"sc-uczvx2-8"})(["display:flex;justify-content:space-between;flex:1;align-items:center;align-self:stretch;"]),e7=a.ZP.div.withConfig({displayName:"Sidebarstyles__ActionWrapper",componentId:"sc-uczvx2-9"})(["display:flex;align-items:center;margin-left:32px;"]),te=(0,a.ZP)(F.Dr).withConfig({displayName:"Sidebarstyles__ShareButton",componentId:"sc-uczvx2-10"})(["justify-content:end;text-decoration:underline;&:disabled{text-decoration:none;}&:focus{outline:2px solid ",";}","{margin-right:24px;}"],({theme:e})=>e.colors.focus_color,eE.ZP.xs),tt=(0,a.ZP)(F.Dr).withConfig({displayName:"Sidebarstyles__CloseButton",componentId:"sc-uczvx2-11"})(["&:focus{outline:2px solid ",";}"],({theme:e})=>e.colors.focus_color),tr=(0,a.ZP)(F.Dr).withConfig({displayName:"Sidebarstyles__SelectAllButton",componentId:"sc-uczvx2-12"})(["margin-right:23px;&:focus{outline:2px solid ",";}","{margin-right:19px;}","{margin-right:23px;}"],({theme:e})=>e.colors.focus_color,eE.ZP.sm,eE.ZP.md);(0,a.ZP)(eY.Y6).withConfig({displayName:"Sidebarstyles__DropDown",componentId:"sc-uczvx2-13"})(["margin-left:auto;margin-right:8px;"]);let to=(0,a.ZP)(eJ.Z).withConfig({displayName:"Sidebarstyles__List",componentId:"sc-uczvx2-14"})(["display:flex;flex-direction:column;flex:0;overflow-y:auto;padding:0 35px;position:relative;transition:flex 300ms linear;&::-webkit-scrollbar{display:none;}",";","{padding:0 32px;}>:first-child{border-top-left-radius:6px;border-top-right-radius:6px;}>:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px;}"],({$shown:e})=>e&&(0,a.iv)(["flex:1;"]),eE.ZP.sm),tn=a.ZP.div.withConfig({displayName:"Sidebarstyles__EmptyTextContent",componentId:"sc-uczvx2-15"})(["padding:0 36px;transition:all 300ms linear;display:flex;justify-content:center;align-items:center;flex:0;margin-top:0;overflow:hidden;","{padding:0 32px;}",""],eE.ZP.md,({$shown:e})=>e&&(0,a.iv)(["flex:1;"]));var ti=r(10990),ts=r(44739);let tl=[0,0,0];var ta=({children:e,listLength:t})=>{let r=(0,o.useRef)(null),n=(0,o.useRef)(null),i=(0,o.useRef)(null),s=(0,o.useRef)("STOP"),{0:[l,a,c],1:d}=(0,o.useState)(tl),p=(0,ts.Z)(),u=eQ(),f=(0,o.useMemo)(()=>0===c?0:3*u<=c?u:u/2,[c,u]),g=(0,o.useCallback)(()=>{s.current="STOP",i.current?.kill?.()},[]),m=(0,o.useCallback)(({clientY:e})=>{let t=n.current;if(e>=l&&e<=l+f){"UP"!==s.current&&(s.current="UP",i.current=ti.ZP.to(t,{duration:t?.scrollTop*.5/u,ease:"none",scrollTo:{y:0}}));return}if(e>=a-f&&e<=a){"DOWN"!==s.current&&(s.current="DOWN",i.current=ti.ZP.to(t,{duration:(t?.scrollHeight-c-t?.scrollTop)*.5/u,ease:"none",scrollTo:{y:"max"}}));return}g()},[a,c,u,f,g,l]),h=t>0&&p;return(0,o.useEffect)(()=>

15{if(!h)return;n.current=r.current.querySelector("[role=list]");let e=()=>{let{bottom:e,height:t,top:o}=r.current.getBoundingClientRect();d([o,e,t])};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[h]),(0,v.jsx)(e8,{"data-testid":"ShoppingListSidebar_Container",onMouseMove:h?m:void 0,onMouseLeave:h?g:void 0,ref:r,children:e})},tc=()=>{let{globalSettings:e}=(0,b.bN)(),{global:t,shoppingList:r}=e?.globalDictionaries??{},{hidePanel:n}=(0,y.VP)(),i=(0,o.useCallback)(()=>{n()},[n]);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(e9,{children:[(0,v.jsx)(eY.De,{$fontWeight:"bold",children:`${r?.title??""} `}),(0,v.jsx)(F.Dr,{$color:"dark_grey_1","aria-label":"close",iconOnly:!0,icon:{icon:"close",size:32},onClick:i,"data-testId":`${tI}_ClosePanelBtn`})]}),(0,v.jsx)(ta,{listLength:0,children:(0,v.jsx)(tn,{"aria-hidden":!1,$shown:!0,children:(0,v.jsx)(eY.pN,{$fontWeight:"medium",children:t?.generic_error_message||`Sorry, something went wrong on our end. Please go back and try again, or visit our Online
16      Paint Store.`})})})]})},td=r(76743),tp=r(4730),tu=r(45338),tf=r(13736),tg=r(43217),tm=r(35772),th=r(37699),tx=r(54502),tb=({ariaLabel:e,contrastColor:t,hoverVersion:r,onClick:n,onOutsideClick:i,revealMobile:s})=>{let l=(0,o.useRef)();(0,tx.Z)(l,(0,o.useCallback)(()=>i(!1),[i]));let a=(0,o.useCallback)(()=>i(!0),[i]),c=(0,o.useCallback)(()=>i(!1),[i]);return r?(0,v.jsx)(e3,{children:(0,v.jsx)(F.Dr,{className:"btn-remove",$color:t,"aria-label":e,iconOnly:!0,icon:{icon:"minus"},onClick:n,"data-testid":`${tk}_removeColor`})}):(0,v.jsx)(e4,{revealMobile:s,ref:l,children:(0,v.jsx)(m.Z,{backgroundColor:f.DM.dark_grey_1,$color:f.DM.light_grey_1,onClick:n,"aria-label":e,iconOnly:!0,icon:"minus",className:"remove-btn-mobile",onFocus:a,onBlur:c,"data-testid":`${tk}_removeColor`})})},ty=({ariaLabel:e,contrastColor:t,onClick:r,selected:o})=>(0,v.jsx)(e3,{children:(0,v.jsx)(F.Dr,{className:"btn-select",$color:t,"aria-label":e,iconOnly:!0,icon:{icon:o?"checked":"unchecked",size:32},onClick:r,"data-testid":`${tk}_selectColor`})});let t_=["ref"];function tj(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function tw(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?tj(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):tj(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let tv=(0,s.G)(),tk="ColorItem";var tO=({color:e})=>{let t=(0,o.useRef)(null),{name:r,number:n,hex:i="",r:s,g:l,b:a}=e??{},{0:c,1:d,2:p}=(0,o.useMemo)(()=>"number"==typeof s?[s,l,a]:i?(0,g.oo)(i):[255,255,255],[a,l,s,i]),u=`rgb(${c}, ${d}, ${p})`,f=(0,g.n2)(c,d,p),m=(0,ts.Z)(),h=(0,tg.Z)(),{locale:x}=(0,Z.useRouter)(),{selectionControlsShown:_,toggleSelectedColor:j,isColorSelected:w,removeColor:k}=(0,y.VP)(),O=(0,o.useCallback)(t=>{t.stopPropagation(),k(e)},[e,k]),{0:C,1:S}=(0,o.useState)(!1),P=(0,tu.QS)({onSwipedLeft:()=>{_||S(!0)},onSwipedRight:()=>{S(!1)},preventScrollOnSwipe:!0,trackMouse:!0}),{ref:N}=P,$=(0,tp.Z)(P,t_),{globalSettings:{globalDictionaries:{shoppingList:I,urlSettings:B}}}=(0,b.bN)(),{color_detail_url:D}=B,L=(0,o.useMemo)(()=>tv(I.remove_accessible??"")({color:r,code:n}),[r,n,I.remove_accessible]),R=(0,o.useMemo)(()=>tv(I.selected_accessible??"")({color:r,code:n}),[r,n,I.selected_accessible]),E=(0,o.useMemo)(()=>tv(I.unselected_accessible??"")({color:r,code:n}),[r,n,I.unselected_accessible]),T=(0,o.useCallback)(e=>{t.current=e,N(e)},[N]),M=(0,o.useCallback)(t=>{t.stopPropagation(),j(e.number)},[e,j]);return(0,v.jsx)(tm.Z,{colorId:e?.number,colorName:e?.name,href:(0,tf.DX)(e?.name,e?.number,x,D),ref:T,children:(0,v.jsx)(e0,tw(tw({backgroundColor:u},h&&!m?$:{}),{},{"aria-label":e?.name,id:`shopping-item-${e?.number}`,children:(0,v.jsxs)(e1,{children:[(0,v.jsx)(e2,{swipedLeft:C,children:(0,v.jsx)(th.Z,{colorId:e?.number,colorName:e?.name,contrastColor:f,href:`/color/${e?.number}`})}),h&&(_?(0,v.jsx)(ty,{ariaLabel:w(n)?R:E,contrastColor:f,onClick:M,selected:w(e?.number)}):(0,v.jsx)(tb,{ariaLabel:L,contrastColor:f,hoverVersion:m,onClick:O,onOutsideClick:S,revealMobile:C}))]})}))})};let tC="ShoppingListSidebar";var tS=({items:e,isColorApiError:t,isListLoading:r})=>{let n=e.length,i=n>0,s=(0,o.useRef)(null),{globalSettings:{globalDictionaries:{shoppingList:l}}}=(0,b.bN)();return(0,v.jsxs)(ta,{listLength:n,"data-testid":tC,children:[t?(0,v.jsx)(tn,{$shown:t,"data-testid":`${tC}_colorApiError`,children:(0,v.jsx)(eY.pN,{$fontWeight:"medium",children:l.shopping_list_error_message})}):(0,v.jsxs)(v.Fragment,{children:[r?null:(0,v.jsx)(tn,{"aria-hidden":i,ref:s,$shown:!i,children:(0,v.jsx)(eY.pN,{$fontWeight:"medium",children:l.no_results})}),(0,v.jsx)(to,{$shown:i,children:e.map(e=>e&&(0,v.jsx)(td.Z,{timeout:300,classNames:eK,role:"listitem",children:(0,v.jsx)(tO,{color:e})},e.number))})]}),(0,v.jsx)(U.Z,{$display:r,className:"spinner",$color:"black",$background:"rgba(0,0,0,0.2)"})]})},tP=({hasItems:e,onClickBuy:t})=>{let{globalSettings:{globalDictionaries:{shoppingList:r}}}=(0,b.bN)(),{selectionControlsShown:n,hideSelectionControls:i,selectedColors:s}=(0,y.VP)(),l=(0,o.useCallback)(()=>{i()},[i]);return e?(0,v.jsxs)(e5,{children:[(0,v.jsx)(m.Z,{"data-testid":`${tC}_BuyBtn`,disabled:!(!n||s?.size>0),onClick:t,children:n?r.select_cart:r.buy_samples}),n&&(0,v.jsx)(F.Dr,{className:"btn-cancel",onClick:l,"data-testid":`${tC}_cancelBtn`,children:r.cancel_selection_button_text})]}):null},tZ=()=>{let{globalSettings:{globalDictionaries:{shoppingList:e}}}=(0,b.bN)(),{selectionControlsShown:t,showShare:r,hidePanel:n,colorData:i,allColorsSelected:s,toggleAllSelectedColors:l}=(0,y.VP)(),a=(0,o.useCallback)(()=>{l()},[l]),c=(0,o.useCallback)(()=>{n()},[n]),d=(0,o.useCallback)(()=>{r()},[r]);return(0,v.jsxs)(e9,{"data-testid":`${tC}_header`,children:[(0,v.jsx)(e6,{children:(0,v.jsx)(eY.De,{$fontWeight:"bold",children:`${e?.title} ${i?.length>0?`(${i.length})`:""}`})}),(0,v.jsx)(e7,{children:t?(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(tr,{$color:"dark_grey_1","aria-label":s?e?.select_all_color_accessible:e?.unselect_all_colors_accessible,iconOnly:!0,icon:{icon:s?"checked":"unchecked",size:32},onClick:a,"data-testid":`${tC}_selectAll`})}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(te,{"aria-label":e?.share_accessible,disabled:i?.length<1,onClick:d,"data-testid":`${tC}

16_share`,children:e?.share_button_text}),(0,v.jsx)(tt,{$color:"dark_grey_1","aria-label":e?.close,iconOnly:!0,icon:{icon:"close",size:32},onClick:c,"data-testid":`${tC}_hide`})]})})]})},tN=r(99487),t$=r(92728);let tI="ShoppingList";var tB=()=>{let{showAddToCartWizard:e}=(0,tN.q6)(),{colorData:t,isColorApiError:r,shareShown:n,panelShown:i,togglePanel:s,selectedColors:c,selectionControlsShown:d,showSelectionControls:u,hidePanel:f,hideShare:g,selectAllColors:m,isListLoading:h,shoppingListColors:x}=(0,y.VP)(),{globalSettings:k}=(0,b.bN)(),{globalDictionaries:O}=k??{},{shoppingList:C}=O??{},{loggedIn:S,userInfo:P}=(0,_.SE)(),{title:Z,share_title:B}=C??{},D=(0,o.useCallback)(()=>{if(d){if(c&&c.size>0){let r=Array.from(x.values()).reverse().filter(e=>c.has(e));e(r),s();try{let e=[];t.forEach(({number:t,name:o,family:n})=>{r.includes(t)&&e.push({[j.Z.keys.colorName]:o,[j.Z.keys.colorNumber]:t,[j.Z.keys.colorFamily]:n})}),(0,w.j)(j.Z.addSelectedToCartClick.eventId,{[j.Z.keys.color]:e})}catch(e){(0,$.V)(e)}}}else{m(),u();try{(0,w.j)(j.Z.buySampleAndPaintClick.eventId,{[j.Z.keys.color]:t.map(e=>({[j.Z.keys.colorName]:e?.name,[j.Z.keys.colorNumber]:e?.number,[j.Z.keys.colorFamily]:e?.family}))})}catch(e){(0,$.V)(e)}}},[d,c,e,s,x,t,m,u]),L=(0,o.useCallback)(()=>{f(),(0,I.i)(N())},[f]),R=(0,o.useCallback)(e=>()=>{g(),e&&i&&f()},[g,f,i]),E=(0,o.useCallback)((e,t)=>{(0,$.V)(e)},[]);return(0,o.useEffect)(()=>{if(S&&!window.__GTM_USER_SYNCED__){let e=(0,t$.tO)(P);e&&(window.dataLayer.push(e),window.__GTM_USER_SYNCED__=!0)}},[P,S]),(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(eB.Z,{isOpen:i,showCloseButton:!1,backdropBg:"transparent",animationDirection:["bottom","right"],onRequestClose:L,onAfterClose:L,contentLabel:Z,overlayCss:(0,a.iv)(["z-index:1000;background:rgba(0,0,0,0.5);"]),contentCss:(0,a.iv)(["","{width:100%;}","{width:fit-content;}inset:0 0 auto auto;"],l.Ri.md,l.Ri.lg),children:(0,v.jsx)(p,{"data-testid":tI,children:(0,v.jsx)(eI.SV,{FallbackComponent:tc,onError:E,children:S?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(tZ,{}),(0,v.jsx)(tS,{items:t,isColorApiError:r,isListLoading:h}),(0,v.jsx)(tP,{hasItems:t?.length>0,onClickBuy:D})]}):(0,v.jsx)(H.z_,{children:(0,v.jsx)(er.X,{children:(0,v.jsx)(e$,{onRequestClose:L})})})})})}),(0,v.jsx)(eB.Z,{isOpen:n,showCloseButton:!1,animationDirection:"right",onRequestClose:R(!0),onAfterClose:R(!1),contentLabel:B,contentCss:(0,a.iv)(["inset:0 0 auto auto;"]),overlayCss:(0,a.iv)(["z-index:1000;background:transparent;","{background:rgba(0,0,0,0.5);}"],eE.ZP.sm),children:(0,v.jsx)(eG,{})})]})},tD=e=>{let{displayIcons:t}=e;return(0,v.jsxs)("div",{"data-swiftype-index":!1,children:[t?(0,v.jsx)(P,{}):null,(0,v.jsx)(tB,{})]})}},94574:function(e,t,r){r.d(t,{i:function(){return n}});let o=new Set(["sl","reset_token","username","verify_token","account_exist","email","iss","asmSessionEnd","orderId"]),n=e=>{let{query:t,asPath:r,locale:n}=e,i=r?.split("?")?.[0],s=`/${n}${i}`;if(!Object.keys(t).some(e=>o.has(e)))return;let l=Object.fromEntries(Object.entries(t).filter(([e])=>!o.has(e)&&"slug"!==e));e.replace({pathname:s,query:l},void 0,{shallow:!0})}}}]);