https://www.benjaminmoore.com/_next/static/chunks/4609.d6519b8c90e2bc4f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4609],{84701:function(e,t,i){var a=i(9008),r=i.n(a),n=i(11163),l=i(67294),s=i(23576),o=i(99072),c=i(52105),d=i(53351),p=i(99192),u=i(85893);let m="Breadcrumbs";t.Z=e=>{let{crumbs:t}=e,{0:i,1:a}=(0,l.useState)(!1),{globalSettings:b}=(0,p.bN)(),{locale:f}=(0,n.useRouter)(),{globalDictionaries:x}=b??{},{global:h}=x??{},{breadcrumb_show_more_button_label:g,breadcrumb_wrapper_label:y,base_path:j}=h??{},_=(0,l.useCallback)(()=>{a(!0)},[]),v=(0,l.useMemo)(()=>{if(!t)return[];if(t.length<=3||i)return t;let e=t.slice(-2);return[t[0],null,...e]},[t,i]),O=(0,l.useMemo)(()=>JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:t?.map((e,t)=>e?.url?{"@type":"ListItem",position:t+1,name:e.name,item:`${j}/${f}/${e.url}`}:{"@type":"ListItem",position:t+1,name:e.name})},null,"	"),[j,t,f]);return t&&t.length?(0,u.jsxs)(s.M,{className:"breadcrumbsWrapper","data-testid":m,children:[(0,u.jsx)(r(),{children:(0,u.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:O}})}),(0,u.jsx)("nav",{className:"breadcrumbNavElement","aria-label":y,children:(0,u.jsx)("ol",{children:v.map((e,t)=>e?e?.url?(0,u.jsxs)("li",{children:[(0,u.jsx)(c.E,{className:"breadcrumbItem",href:`/${f}/${e.url}`,$scaleOnHover:!1,"data-testid":`${m}_item`,children:(0,u.jsx)(d.mn,{$link:!0,$fontWeight:"medium",children:e.name})}),(0,u.jsx)(o.Z,{icon:"chevronRight",size:16})]},t):(0,u.jsx)("li",{"aria-current":"page",children:(0,u.jsx)(d.mn,{$fontWeight:"medium","data-testid":`${m}_item`,children:e.name})},t):(0,u.jsxs)("li",{children:[(0,u.jsx)(c.Dr,{$scaleOnHover:!1,onClick:_,className:"breadcrumbItem","data-testid":`${m}_moreBtn`,"aria-label":g,children:(0,u.jsx)(d.mn,{$link:!0,$fontWeight:"medium",children:"..."})}),(0,u.jsx)(o.Z,{icon:"chevronRight",size:16})]},t))})})]}):null}},23576:function(e,t,i){i.d(t,{M:function(){return n},h:function(){return l}});var a=i(87379),r=i(51815);let n=a.ZP.div.withConfig({displayName:"breadcrumbsstyles__BreadcrumbsWrapper",componentId:"sc-lke1ip-0"})(["display:flex;align-items:center;flex-wrap:wrap;row-gap:4px;padding:16px 35px;.breadcrumbNavElement{ol{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0;padding:0;li{display:flex;align-items:center;}}}.breadcrumbItem{&:focus{outline:2px solid ",";}}","{padding:16px 45px;}","{padding:16px 72px;}","{padding:16px 96px;}"],({theme:e})=>e.colors.focus_color,r.Ri.md,r.Ri.xl,r.Ri.xxl),l=a.ZP.div.withConfig({displayName:"breadcrumbsstyles__BreadcrumbsBlockWrapper",componentId:"sc-lke1ip-1"})(["position:relative;background-color:",";"],({theme:e})=>e.colors.white)},54609:function(e,t,i){i.r(t),i.d(t,{compTestId:function(){return eC},default:function(){return eP}});var a=i(11163),r=i(67294),n=i(636),l=i(85893),s=e=>{let{label:t,value:i}=e;return(0,l.jsxs)("div",{className:"labelValueWrapper",children:[(0,l.jsx)(n.U,{$color:"medium_grey_2",$fontWeight:"medium",children:t}),(0,l.jsx)(n.uT,{$color:"dark_grey_2",children:null==i?"-":i})]})},o=i(87379),c=i(65148),d=i(51815),p=i(23928);let u=e=>(0,o.iv)(["margin-left:-",";margin-right:-",";ul[role='tablist']{li{&:first-child{margin-left:",";}&:last-child{margin-right:",";}}}.tabContent{margin-left:",";margin-right:",";}"],e,e,e,e,e,e),m=o.ZP.div.withConfig({displayName:"profilestyles__ProfileWrapper",componentId:"sc-lhlipp-0"})(["display:flex;flex-direction:column;gap:",";background:",";padding:0 35px;box-sizing:border-box;min-height:calc(100vh - 92px);.profileInformation{display:flex;flex-direction:column;gap:",";}.personalDetailSkeleton{display:flex;flex-direction:row;gap:",";flex-direction:column;> div{flex:1;}}.tabContent{padding:24px 0;}.tabSection{> div{",";ul[role='tablist']{border-bottom:0.8px solid ",";gap:",";li{border-bottom:none;padding-bottom:0;width:auto;padding:"," 0;&:hover{cursor:pointer;}> p{",";padding:1px 0;}&[aria-selected='true']{border-bottom:2px solid ",";> p{font-weight:700;}}}}}}.labelValueWrapper{display:flex;flex-direction:column;gap:",";}

1.contactARepSection{display:flex;flex-direction:column;margin-left:-35px;margin-right:-35px;background-color:",";img{width:100%;}}.infoBlock{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;gap:",";padding:48px 35px;a:focus{",";}.information > *:not(:first-child){margin-top:4px;}}.gridContainer{grid-row-gap:",";}","{padding:0 45px;gap:",";.contactARepSection{margin-left:-45px;margin-right:-45px;}.infoBlock{padding:40px 45px;}}","{padding:0 45px;.tabSection{> div{","}}.contactARepSection{flex-direction:row;margin-left:-45px;margin-right:-45px;> div{width:50%;}}.infoBlock{padding:48px 45px;}}","{padding:0 72px;.tabSection{> div{","}}.contactARepSection{margin-left:-72px;margin-right:-72px;}.infoBlock{padding:48px 72px;}}","{padding:0 96px;gap:",";.tabSection{> div{","}}.tabContent{padding:32px 0;}.contactARepSection{margin-left:-96px;margin-right:-96px;}.infoBlock{padding:48px 96px;}.gridContainer{grid-row-gap:",";}}"],p.E_,p.ix,p.mo,p.mo,u("35px"),p.lL,p.Hg,p._z,c.Z.MICRO1,p.oK,p.A6,p.wc,p.mo,p.zu,p.mo,d.Ri.md,p.mo,d.Ri.lg,u("45px"),d.Ri.xl,u("72px"),d.Ri.xxl,p.Hg,u("96px"),p.Hg),b=o.ZP.div.withConfig({displayName:"profilestyles__CommonStylesForBlock",componentId:"sc-lhlipp-1"})(["display:flex;flex-direction:column;align-items:flex-start;gap:",";border:0.5px solid ",";border-radius:4px;padding:24px;> div{display:flex;justify-content:space-between;align-items:center;align-self:stretch;button:focus{","}}.contentWrapper{display:flex;flex-direction:column;align-items:flex-start;gap:",";p{word-break:break-word;}}a{&:focus{",";}}form{width:100%;display:flex;flex-direction:column;gap:",";}.widthWrapper{width:100%;max-width:460px;}.buttonGroup{display:flex;gap:",";flex-wrap:wrap;> button{flex:1;}}","{.buttonGroup{> button{flex:initial;}}}","{.widthWrapper{max-width:640px;}}"],p.mo,p.EW,p.zu,p.mo,p.zu,p.mo,p.E_,d.Ri.md,d.Ri.xxl),f=o.ZP.div.withConfig({displayName:"profilestyles__BreadcrumbContainer",componentId:"sc-lhlipp-2"})(["position:relative;background:",";> div{padding:unset;","{margin:-4px 0;}","{margin:-12px 0;}}"],({theme:e})=>e.colors.white,d.Ri.md,d.Ri.xxl),x=(0,o.ZP)(b).withConfig({displayName:"accountTypeAndRolestyles__AccountTypeAndRoleWrapper",componentId:"sc-1ybp4kd-0"})([".loyaltyRadioGroup{margin-top:8px;> label{padding:8px 0;}}.nonProContainer{display:flex;flex-direction:column;align-items:flex-start;gap:",";.accountTypeContainer{display:flex;flex-direction:column;gap:",";}.dividerLine{background-color:",";height:1px;width:100%;border:0;margin:0;}.staticList{display:flex;flex-direction:column;gap:",";margin:unset;margin-top:10px;padding-left:20px;li::marker{font-size:12px;}}}","{.staticList{margin-top:16px;}}","{.nonProContainer{gap:",";.staticList{margin-top:24px;gap:",";}}}"],p.mo,p.Tv,p.lL,p.E_,d.Ri.md,d.Ri.xxl,p.Hg,p.$W);var h=i(8307),g=i(87536),y=i(74623),j=i(63359),_=i(91237),v=i(28451),O=i(41992),w=i(89288),$=i(68268);function k(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,a)}return i}function C(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?k(Object(i),!0).forEach(function(t){(0,h.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}let{businessSegmentField:P,employeeTypeField:N,loyaltyProgramField:S}=_.ACCOUNT_TYPE_FORM_FIELDS;var Z=e=>{let{dictionaryData:t,userProfileInfo:i,handleOnCancelBtnClick:a,onFormSubmit:s,classificationsData:o}=e,{isLoyalty:c,businessSegment:d,employeeType:p,isOwner:u,isContractor:m,userProfileData:b}=i,{professional_role_label:f,contractor_role_label:x,loyalty_program_field_label:h,yes_label:k,no_label:Z,save_changes_btn_label:R,cancel_btn_label:W}=t??{},D=(0,g.cI)({mode:"onChange",defaultValues:{[P]:d?.code,[N]:p?.code,[S]:u&&m?c?"true":"false":null}}),{register:L,handleSubmit:I,watch:E,setValue:T}=D,A=E(P),M=E(N)===y.LJ.OWNER,F=A===y.Pd.CONTRACTOR,U=j.Y[A],K=(0,r.useMemo)(()=>(0,v.P3)(o),[o]),q=(0,r.useMemo)(()=>K[_.zM.businessSegment],[K]),H=(0,r.useMemo)(()=>K[U],[K,U]),{0:V,1:z}=(0,r.useMemo)(()=>[q?.options?.map(e=>({isocode:e.code,name:e.value})),H?.options?.map(e=>({name:e.value,isocode:e.code}))],[q,H]),G=(0,r.useCallback)(e=>{let t=q?.options?.find(t=>t.code===e[P]),i=H?.options?.find(t=>t.code===e[N]),a=C(C({},b),{},{pro_profile:C(C({},b.pro_profile),{},{is_loyalty:"true"===e[S],business_segment:t,employee_type:i})}),r={first_name:b.first_name,is_pro_account:b.is_pro_account,pro_profile:{is_loyalty:a.pro_profile.is_loyalty,business_segment:a.pro_profile.business_segment?.code,employee_type:a.pro_profile.employee_type?.code}};s(a,r)},[q,H,b,s]);return(0,r.useEffect)(()=>{let e=p?.code;d?.code!==A&&(e=H?.options?.[0]?.code),T(N,e)},[d?.code,H?.options,p?.code,T,A]),(0,l.jsx)(g.RV,C(C({},D),{},{children:(0,l.jsxs)("form",{onSubmit:I(G),"data-testid":`${B}_Form`,children:[(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(w.Z,{labelText:f,name:P,regi

1ons:V,$ariaLabel:f,isRequired:!0})}),(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(w.Z,{labelText:x,name:N,regions:z,$ariaLabel:x,isRequired:!0})}),M&&F?(0,l.jsxs)("div",{className:"loyaltyProgram widthWrapper",children:[(0,l.jsx)(n.U,{$fontWeight:"medium",$color:"medium_grey_2",id:"loyaltyProgramLabel",children:h}),(0,l.jsxs)("div",{className:"loyaltyRadioGroup",role:"group","aria-labelledby":"loyaltyProgramLabel",children:[(0,l.jsx)($.Z,C(C({value:"true"},L(S)),{},{children:(0,l.jsx)(n.U,{children:k})})),(0,l.jsx)($.Z,C(C({value:"false"},L(S)),{},{children:(0,l.jsx)(n.U,{children:Z})}))]})]}):null,(0,l.jsxs)("div",{className:"buttonGroup widthWrapper",children:[(0,l.jsx)(O.Z,{$color:"white",$scaleOnHover:!1,"data-testid":`${B}_SaveBtn`,children:(0,l.jsx)(n.U,{$fontWeight:"bold",children:R})}),(0,l.jsx)(O.Z,{type:"button",$buttonVariant:"secondary",$scaleOnHover:!1,onClick:a,"data-testid":`${B}_Cancel`,children:(0,l.jsx)(n.U,{$fontWeight:"bold",children:W})})]})]})}))},R=i(37943),W=i(52355),D=i(52105),L=i(51579),I=i(90838),E=i(88486),T=i(24760);let B="AccountTypeAndRole";var A=e=>{let{dictionaryData:t,userProfileInfo:i,classificationsData:a,profileDetailData:o}=e,{pro_account_label:c,account_type_label:d,account_type_heading_label:u,professional_role_label:m,contractor_role_label:b,reward_program_label:f,yes_label:h,no_label:g,homeowner_label:y}=t??{},{isContractor:j,isOwner:_,businessSegment:v,employeeType:O,isLoyalty:w,isProAccount:$,userProfileData:k}=i??{},{static_info_title:C,static_list:P,cta:N}=o??{},{updateUserInfo:S}=(0,I.SE)(),A=(0,R.Z)("register_url"),{0:M,1:F}=(0,r.useState)(!1),{close_icon:U}=(0,E.F5)(),{generic_error_message:K}=(0,E.kU)(),{edit_btn_label:q}=(0,E.u_)(),H=(0,r.useCallback)(()=>{F(e=>!e)},[]),V=(0,r.useCallback)(async(e,t)=>{S(e),F(!1);let[i,a]=await (0,T.Lj)(t);(a||!i)&&(S(k),(0,L.Jc)(K,{closeBtnAriaLabel:U}))},[U,K,S,k]);return(0,l.jsx)(x,{as:"section","data-testid":B,title:u,children:$?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.f2,{$fontWeight:"medium",$color:"black",children:u}),M?null:(0,l.jsx)(D.Dr,{className:"editBtn","data-testid":`${B}_EditBtn`,"aria-label":q,onClick:H,children:(0,l.jsx)(n.U,{$link:!0,$color:"black",children:q})})]}),(0,l.jsxs)("div",{className:"contentWrapper","data-testid":`${B}_info`,children:[(0,l.jsx)(s,{label:d,value:c}),M?(0,l.jsx)(Z,{dictionaryData:t,onFormSubmit:V,handleOnCancelBtnClick:H,userProfileInfo:i,classificationsData:a}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{label:m,value:v?.value}),(0,l.jsx)(s,{label:b,value:O?.value}),_&&j?(0,l.jsx)(s,{label:f,value:w?h:g}):null]})]})]}):(0,l.jsxs)("div",{className:"nonProContainer",children:[(0,l.jsxs)("div",{className:"accountTypeContainer",children:[(0,l.jsx)(n.f2,{$fontWeight:"medium",$color:"black",children:u}),(0,l.jsx)("div",{className:"contentWrapper",children:(0,l.jsx)(s,{label:d,value:y})})]}),C&&(0,l.jsx)("div",{className:"dividerLine"}),(0,l.jsxs)("div",{children:[(0,l.jsx)(n.uT,{$fontWeight:"medium",children:C}),(0,l.jsx)("ul",{className:"staticList",children:P?.map((e,t)=>l.jsx("li",{children:l.jsx(n.U,{dangerouslySetInnerHTML:{__html:e.item}})},t))})]}),N?.text&&(0,l.jsx)("div",{children:(0,l.jsx)(W.Z,{href:A,target:N?.target,className:"anchor","aria-label":N.text,$color:p.ix,children:(0,l.jsx)(n.U,{$fontWeight:"bold",children:N?.text})})})]})})};let M=(0,o.ZP)(b).withConfig({displayName:"businessProfilestyles__BusinessProfileWrapper",componentId:"sc-v1s50q-0"})([""]);var F=i(78715),U=i(86029);function K(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,a)}return i}function q(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?K(Object(i),!0).forEach(function(t){(0,h.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):K(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}

1var H=e=>{let t=(0,F.G)(),{dictionaryData:i,userProfileInfo:a,handleOnCancelBtnClick:n,onFormSubmit:s,classificationsData:o}=e,c=(0,r.useMemo)(()=>(0,v.P3)(o),[o]),d=(0,r.useMemo)(()=>c[_.zM.businessType],[c]),{business_company_name_label:p,business_website_edit_label:u,business_focus_edit_label:m,business_crew_size_edit_label:b,business_people_in_firm_edit_label:f,save_changes_btn_label:x,cancel_btn_label:h,business_project_edit_label:y,business_web_label:j,social_media_url_label:$,membership_name_label:k,at_least_one_field_required_error_label:C,please_provide_either_label:P}=i??{},{userProfileData:N,isContractor:S,isOwner:Z,isArchitectOrDesignerFeature:R}=a??{},{pro_profile:W,first_name:D}=N??{},{business_name:L,business_website:I,business_type:E,business_employee_count:T,projects_per_year:B,social_media_urls:A,ad_certifications:M}=W??{},K=(0,g.cI)({mode:"onChange",defaultValues:{[_.nh.companyName]:L,[_.nh.companyWebsite]:I,[_.nh.businessFocus]:E?.code,[_.nh.numberOfPeople]:T?.toString(),[_.nh.numberOfProject]:B?.toString(),[_.nh.socialMediaUrl]:A,[_.nh.membershipName]:M}}),{register:H,handleSubmit:z}=K,G=(0,r.useMemo)(()=>d?.options?.map(({code:e,value:t})=>({name:t,isocode:e})),[d]),J=(0,r.useCallback)(e=>{let t=d?.options?.find(t=>t.code===e[_.nh.businessFocus]);s(q(q({},N),{},{pro_profile:q(q({},N.pro_profile),{},{business_type:t,business_name:e[_.nh.companyName],business_website:e[_.nh.companyWebsite],business_employee_count:Number(e[_.nh.numberOfPeople]),projects_per_year:Number(e[_.nh.numberOfProject])},R&&{social_media_urls:e[_.nh.socialMediaUrl],ad_certifications:e[_.nh.membershipName]})}),{first_name:D,is_pro_account:N.is_pro_account,pro_profile:q({business_type:t?.code,business_name:e[_.nh.companyName],business_website:e[_.nh.companyWebsite],business_employee_count:Number(e[_.nh.numberOfPeople]),projects_per_year:Number(e[_.nh.numberOfProject]),business_segment:N?.pro_profile?.business_segment?.code},R&&{social_media_urls:e[_.nh.socialMediaUrl],ad_certifications:e[_.nh.membershipName]})})},[D,s,N,d,R]),Y=(0,r.useCallback)((e,i)=>{let a=!!i["company-website"]?.trim(),r=!!i["social-media-url"]?.trim(),n=t(C||"")({websiteLabel:j,socialMediaLabel:$});return a||r||n||!1},[C,j,t,$]),Q=t(P||"")({fieldLabels:`${j}/${$}`});return(0,l.jsx)(g.RV,q(q({},K),{},{children:(0,l.jsx)("div",{className:"widthWrapper","data-testid":`${V}_BusinessProfileForm`,children:(0,l.jsxs)("form",{onSubmit:z(J),children:[(0,l.jsx)(U.Z,{type:"text",field_id:"company-name",name:"company-name",label:p,validationRules:{is_required:!1}}),(0,l.jsx)(U.Z,{type:"text",field_id:"company-website",name:"company-website",label:R?j:u,validationRules:R?{validate:Y,deps:"social-media-url",min_length:10}:{is_required:!1},additionalInfo:R?Q:null}),R?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(U.Z,{type:"text",field_id:"social-media-url",name:"social-media-url",label:$,validationRules:{validate:Y,deps:"company-website",min_length:10},additionalInfo:Q}),(0,l.jsx)(U.Z,{type:"text",field_id:"membership-name",name:"membership-name",label:k,validationRules:{is_required:!1}})]}):null,(0,l.jsx)(w.Z,{name:"business-focus",labelText:m,$ariaLabel:m,isRequired:!0,regions:G}),S&&Z&&(0,l.jsx)(U.Z,q({type:"text",field_id:"number-of-people",name:"number-of-people",label:b,validationRules:{is_required:!0}},H("number-of-people",{onChange:e=>{e.target.value=e.target.value.replace(/\D/g,"")}}))),!S&&(0,l.jsx)(U.Z,q({type:"text",field_id:"number-of-people",name:"number-of-people",label:f,validationRules:{is_required:!0}},H("number-of-people",{onChange:e=>{e.target.value=e.target.value.replace(/\D/g,"")}}))),(0,l.jsx)(U.Z,q({type:"text",field_id:"number-of-project",name:"number-of-project",label:y,validationRules:{is_required:!1}},H("number-of-project",{onChange:e=>{e.target.value=e.target.value.replace(/\D/g,"")}}))),(0,l.jsxs)("div",{className:"buttonGroup",children:[(0,l.jsx)(O.Z,{$color:"white",$scaleOnHover:!1,"data-testid":`${V}_saveBtn`,children:x}),(0,l.jsx)(O.Z,{type:"button",$buttonVariant:"secondary",$scaleOnHover:!1,onClick:n,children:h})]})]})})}))};let V="BusinessProfile";var z=e=>{let{dictionaryData:t,userProfileInfo:i,classificationsData:a}=e,{business_profile_label:o,business_company_name_label:c,business_website_label:d,business_focus_label:p,business_crew_size_label:u,business_people_in_firm_label:m,business_project_label:b,social_media_url_label:f,membership_name_label:x,business_web_label:h}=t??{},{0:g,1:y}=(0,r.useState)(!1),{edit_btn_label:j}=(0,E.u_)(),{updateUserInfo:_}=(0,I.SE)(),{generic_error_message:v}=(0,E.kU)(),{close_icon:O}=(0,E.F5)(),{userProfileData:w,isOwner:$,isContractor:k,isArchitectOrDesignerFeature:C}=i??{},{pro_profile:P}=w??{},{business_name:N,business_website:S,business_type:Z,business_employee_count:R,projects_per_year:W,social_media_urls:B,ad_certifications:A}=P??{},F=(0,r.useCallback)(()=>{y(e=>!e)},[]),U=(0,r.useCallback)(async(e,t)=>{_(e),y(!1);let[,i]=await (0,T.Lj)(t);i&&(_(w),(0,L.Jc)(v,{closeBtnAriaLabel:O}))},[O,v,_,w]);return(0,l.jsxs)(M,{"data-testid":V,children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.f2,{$fontWeight:"medium",$color:"black",children:o}),g?null:(0,l.jsx)(D.Dr,{className:"editBtn","data-testid":`${V}_editBtn`,"aria-label":`${j} ${o}`,onClick:F,children:(0,l.jsx)(n.U,{$link:!0,$color:"black",children:j})})]}),(0,l.jsx)("div",{className:"contentWrapper","data-testid":`${V}_info`,children:g?(0,l.jsx)(H,{dictionaryData:t,userProfileInfo:i,handleOnCancelBtnClick:F,onFormSubmit:U,classificationsData:a}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{label:c,value:N}),(0,l.jsx)(s,{label:C?h:d,value:S}),C?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{label:f,value:

1B}),(0,l.jsx)(s,{label:x,value:A})]}):null,(0,l.jsx)(s,{label:p,value:Z?.value}),k&&$&&(0,l.jsx)(s,{label:u,value:R}),!k&&(0,l.jsx)(s,{label:m,value:R}),(0,l.jsx)(s,{label:b,value:W})]})})]})},G=i(84701),J=i(11981),Y=i(5510),Q=i(49114),X=i(36839),ee=i(41740);let et="AccountSecurityDetails";var ei=e=>{let{dictionaryData:t}=e,{account_security_label:i,account_security_description:a}=t??{},{edit_btn_label:r}=(0,E.u_)(),s=(0,R.Z)("account_security_details_url");return(0,l.jsxs)(b,{"data-testid":`${et}`,children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.f2,{$fontWeight:"medium","data-testid":`${et}_title`,$color:"black",children:i}),(0,l.jsx)(D.E,{className:"editBtn","data-testid":`${et}_editBtn`,"aria-label":`${r} ${i}`,href:s,children:(0,l.jsx)(n.U,{$link:!0,$color:"black",children:r})})]}),(0,l.jsx)("div",{className:"description","data-testid":`${et}_description`,children:(0,l.jsx)(n.uT,{children:a})})]})};let ea=(0,o.ZP)(b).withConfig({displayName:"personalDetailsstyles__PersonalDetailsWrapper",componentId:"sc-b2cxkz-0"})(["position:relative;.inputGroup{display:flex;gap:",";> div{flex:1;}}.inlineSpinner{justify-content:center;}"],p.mo);var er=i(41989),en=i(76234),el=i(56814),es=i(70954);function eo(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,a)}return i}function ec(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?eo(Object(i),!0).forEach(function(t){(0,h.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):eo(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}let{firstNameField:ed,lastNameField:ep,emailField:eu,addressField:em,cityField:eb,regionsField:ef,zipCodeField:ex,phoneNumberField:eh,languageField:eg,countryField:ey}=_.PERSONAL_DETAILS_FORM_FIELDS;var ej=e=>{let{handleOnCancelBtnClick:t,userProfileInfo:i,onFormSubmit:s,statesData:o,setLoading:c,dictionaryData:d,languageOptions:p}=e,{first_name_field_label:u,last_name_field_label:m,email_label:b,address_label:f,city_field_label:x,state_field_label:h,zip_field_label:y,country_label:j,phone_field_label:v,preferred_language_label:$,cancel_btn_label:k,save_changes_btn_label:C}=d??{},{userProfileData:P,businessAddress:N,businessCity:S,businessState:Z,isProAccount:W}=i??{},{first_name:D,last_name:L,email:I,zip_postal_code:E,phone_number:T,preferred_language_third_party:B}=P??{},A=(0,R.Z)("country"),{isModalOpen:M,closeModal:F,status:K,openModal:q}=(0,en.q)(),{locale:H}=(0,a.useRouter)(),V={[ed]:D,[ep]:L,[eu]:I,[em]:N,[eb]:S,[ef]:Z,[ex]:E,[eh]:T,[eg]:B?.code,[ey]:A},z=(0,g.cI)({mode:"onChange",defaultValues:V}),{handleSubmit:G,setValue:J,getValues:Y}=z,Q=(0,r.useRef)(V),X=(0,r.useMemo)(()=>(0,es.M)(o),[o]),ee=(0,r.useMemo)(()=>{let e=_.nG[H];return p?.filter(t=>!e.includes(t.code)).map(({code:e,value:t})=>({name:t,isocode:e}))||[]},[H,p]),et=(0,r.useCallback)(()=>{let e=Y(),t=o?.regions?.find(({isocode:t})=>e?.regions===t);if(!t)return;let{isocode:i,name:a}=t;return{firstName:e[ed],lastName:e[ep],line1:e[em],town:e[eb],postalCode:e[ex],region:{isocode:i,name:a.toUpperCase()},country:{isocode:i.split("-")[0]}}},[o,Y]),ei=(0,r.useCallback)(()=>{let e=Y(),t=null,i=null,a=p?.find(t=>t.code===e[eg]),r={first_name:e[ed],last_name:e[ep],zip_postal_code:e[ex],phone_number:e[eh]};if(W){let n=o?.regions?.find(({isocode:t})=>e[ef]===t);t=ec(ec(ec({},P),r),{},{preferred_language_third_party:a,pro_profile:ec(ec({},P.pro_profile),{},{business_address:e[em],business_city:e[eb],business_state:n?.isocode})}),i=ec(ec({},r),{},{preferred_language_third_party:e[eg],is_pro_account:W,pro_profile:{business_address:t.pro_profile.business_address,business_city:t.pro_profile.business_city,business_state:t.pro_profile.business_state,business_segment:P.pro_profile.business_segment.code}})}else t=ec(ec(ec({},P),r),{},{preferred_language_third_party:a}),i=ec(ec({},r),{},{preferred_language_third_party:e[eg]});return{updatedProfileData:t,apiPayload:i}},[Y,p,W,o?.regions,P]),ea=(0,r.useCallback)(()=>{let{updatedProfileData:e,apiPayload:t}=ei();s(e,t)},[s,ei]),eo=(0,r.useCallback)(e=>{if(e?.suggestedAddresses?.length){let t=e.suggestedAddresses[0];J(em,t?.line1),J(eb,t?.town),J(ef,t?.region?.isocode),J(ex,t?.postalCode),ea()}},[J,ea]),ej=(0,r.useCallback)(()=>{let e={[em]:Q.current[em],[eb]:Q.current[eb],[ef]:Q.current[ef],[ex]:Q.current[ex]},t=Y(),i={[em]:t[em],[eb]:t[eb],[ef]:t[ef],[ex]:t[ex]},a=(0,es.yP)(e,i);W&&a?q():ea()},[Y,W,q,ea]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(g.RV,ec(ec({},z),{},{children:(0,l.jsxs)("form",{noValidate:!0,onSubmit:G(ej),"data-testid":`${eO}_Form`,children:[(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(U.Z,{type:"text",field_id:ed,name:ed,label:u,validationRules:{is_required:!0,min_length:2,max_length:60}})}),(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(U.Z,{type:"text",field_id:ep,name:ep,label:m,validationRules:{is_required:!0,min_length:2,max_length:60}})}),(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(U.Z,{type:"text",field_id:eu,name:eu,label:b,validationRules:{is_required:!0},disabled:!0,customClass:"countryField"})}),W?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(U.Z,{type:"text",field_id:em,name:em,label:f,validationRules:{is_required:!0}})}),(0,l.jsxs)("div",{className:"widthWrapper inputGroup",children:[(0,l.jsx)(U.Z,{type:"text",field_id:eb,name:eb,label:x,val

1idationRules:{is_required:!0}}),(0,l.jsx)(w.Z,{labelText:h,name:ef,regions:o?.regions?.map(e=>({isocode:e.isocode,name:e.name})),$ariaLabel:h,isRequired:!0,autoComplete:!0})]})]}):null,(0,l.jsxs)("div",{className:"widthWrapper inputGroup",children:[(0,l.jsx)(U.Z,{type:"text",field_id:ex,name:ex,label:y,validationRules:{is_required:!0}}),(0,l.jsx)(U.Z,{type:"text",field_id:ey,name:ey,label:j,validationRules:{is_required:!0},disabled:!0,customClass:"countryField"})]}),(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(el.Z,{label:v,validationRules:{is_required:W}})}),(0,l.jsx)("div",{className:"widthWrapper",children:(0,l.jsx)(w.Z,{name:eg,labelText:$,$ariaLabel:$,isRequired:!0,regions:ee})}),(0,l.jsxs)("div",{className:"buttonGroup widthWrapper",children:[(0,l.jsx)(O.Z,{$color:"white",$scaleOnHover:!1,"data-testid":`${eO}_SaveBtn`,children:(0,l.jsx)(n.U,{$fontWeight:"bold",children:C})}),(0,l.jsx)(O.Z,{type:"button",$buttonVariant:"secondary",$scaleOnHover:!1,onClick:t,"data-testid":`${eO}_CancelBtn`,children:(0,l.jsx)(n.U,{$fontWeight:"bold",children:k})})]})]})})),W?(0,l.jsx)(er.Z,{isOpen:M,status:K,states:X,handleAddressConfirmation:eo,onClose:F,getAddressPayload:et,setLoading:c,onSuccessCallback:ea}):null]})},e_=i(93002),ev=i(99629);let eO="PersonalDetails";var ew=e=>{let{dictionaryData:t,userProfileInfo:i,classificationsData:o}=e,{personal_details:c,name_label:d,phone_label:p,address_label:u,preferred_language_label:m,email_label:b,country_label:f}=t??{},{locale:x}=(0,a.useRouter)(),{updateUserInfo:h}=(0,I.SE)(),{edit_btn_label:g}=(0,E.u_)(),y=(0,R.Z)("country"),{close_icon:j}=(0,E.F5)(),{generic_error_message:_,state_api_error_msg:O}=(0,E.kU)(),{userProfileData:w,businessAddress:$,isProAccount:k}=i??{},{first_name:C,last_name:P,email:N,phone_number:S,preferred_language_third_party:Z}=w??{},{0:W,1:B}=(0,r.useState)(!1),{0:A,1:M}=(0,r.useState)(null),{0:F,1:U}=(0,r.useState)(!1),K=(0,r.useMemo)(()=>(0,v.Cf)(o),[o]),q=(C||P)&&`${C||""} ${P||""}`.trim(),H=(0,r.useCallback)(()=>{B(e=>!e)},[]),V=(0,r.useCallback)(async(e,t)=>{h(e),B(!1);let[i,a]=await (0,T.Lj)(t);(a||!i)&&(h(w),(0,L.Jc)(_,{closeBtnAriaLabel:j}))},[w,h,_,j]);return(0,r.useEffect)(()=>{k&&(async()=>{let e=x.split("-")[1]?.toUpperCase(),[t,i]=await (0,ev.P)({country_codes:e,locale:x});if(i){(0,L.Jc)(O,{closeBtnAriaLabel:j});return}M({regions:t.data.find(t=>t.country_code===e).states.map(t=>({isocode:`${e}-${t.code}`,name:t.name}))})})()},[j,k,x,O]),(0,l.jsxs)(ea,{as:"section","data-testid":eO,title:c,children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.f2,{$fontWeight:"medium",$color:"black",children:c}),W?null:(0,l.jsx)(D.Dr,{className:"editBtn","data-testid":`${eO}_EditBtn`,"aria-label":g,onClick:H,children:(0,l.jsx)(n.U,{$link:!0,$color:"black",children:g})})]}),(0,l.jsx)("div",{className:"contentWrapper","data-testid":`${eO}_info`,children:W?(0,l.jsx)(ej,{statesData:A,dictionaryData:t,userProfileInfo:i,onFormSubmit:V,handleOnCancelBtnClick:H,setLoading:U,languageOptions:K}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{label:d,value:q}),(0,l.jsx)(s,{label:b,value:N}),(0,l.jsx)(s,{label:p,value:S}),(0,l.jsx)(s,{label:f,value:y}),(0,l.jsx)(s,{label:u,value:$}),(0,l.jsx)(s,{label:m,value:Z?.value})]})}),(0,l.jsx)(e_.Z,{$display:F,className:"inlineSpinner",$color:"black",$background:"rgba(0,0,0,0.2)"})]})},e$=i(30132),ek=i(2529);let eC="Profile";var eP=e=>{let{dictionaryData:t,content_data:i}=e,{account_details_label:s,business_profile_label:o}=t??{},{fields:c}=i??{},{background_image:d,font_color:u,image:b,info_blocks:x,info_title:h}=c??{},g=u||p.default.colors.black,{loggedIn:j,updateUserInfo:_,userInfo:O}=(0,I.SE)(),w=(0,v.gc)(O),{pro_profile:$}=O??{},{business_segment:k}=$??{},{isProAccount:C}=w,{locale:P}=(0,a.useRouter)(),N=(0,R.Z)("login_url"),S=(0,R.Z)("pro_dashboard_url"),{dashboard_title:Z,my_profile_title:W}=(0,E.F5)(),{0:L,1:B}=(0,r.useState)(s),{0:M,1:F}=(0,r.useState)(j),{0:U,1:K}=(0,r.useState)(null);(0,r.useEffect)(()=>{j?(async()=>{let[e]=await (0,T.et)();F(!1),e&&_(e.data)})():window.location.href=N},[j]),(0,r.useEffect)(()=>{(async()=>{let[e,t]=await (0,T.V3)(P);if(t){(0,ek.V)(t);return}K(e?.data?.registration_classifications)})()},[P]);let q=(0,r.useCallback)(e=>{B(e)},[]),H=(0,r.useMemo)(()=>{let e=[];return e.push({name:Z,url:S?.replace(RegExp(`^/${P}/`,"i"),"")}),e.push({name:W}),e},[Z,P,W,S]);return(0,l.jsxs)(m,{"data-testid":eC,children:[(0,l.jsx)(e$.Z,{dictionaryData:t,userProfileInfo:w,background_image:d,font_color:g}),H.length&&C&&k?.code===y.Pd.CONTRACTOR&&(0,l.jsx)(f,{children:(0,l.jsx)(G.Z,{crumbs:H})}),(0,l.jsx)("div",{className:"tabSection",children:(0,l.jsxs)(J.mQ,{activeKey:L,onTabSelect:q,children:[(0,l.jsx)(J.OK,{eventKey:s,title:s,children:O&&!M?(0,l.jsx)("div",{className:"profileInformation",children:(0,l.jsxs)(Q.Z,{left:"0",right:"0",className:"gridContainer",children:[(0,l.jsx)(Y.Z,{cols:[6,6,12,12,12],className:"infoCard",children:(0,l.jsx)(A,{dictionaryData:t,userProfileInfo:w,classificationsData:U,profileDetailData:c})}),(0,l.jsx)(Y.Z,{cols:[6,6,12,12,12],className:"infoCard",children:(0,l.jsx)(ew,{dictionaryData:t,userProfileInfo:w,classificationsData:U})}),(0,l.jsx)(Y.Z,{cols:[6,6,12,12,12],className:"infoCard",children:(0,l.jsx)(ei,{dictionaryData:t})})]})}):(0,l.jsxs)("div",{className:"personalDetailSkeleton",children:[(0,l.jsx)(ee.Z,{}),(0,l.jsx)(ee.Z,{})]})}),C?(0,l.jsx)(J.OK,{eventKey:o,title:o,children:(0,l.jsx)(z,{dictionaryData:t,userProfileInfo:w,classificationsData:U})}):null]})}),C?(0,l.jsxs)("section",{title:h,className:"contactARepSection",children:[(0,l.jsxs)("div",{className:"infoBlock",children:[(0,l.jsx)(n.qb,{$fontWeight:"medium",$color:"black",dangerouslySetInnerHTML:{__html:h}}),x?.map((e,t)=>l.jsxs("div",{className:"information",children:[l.jsx(D.E,{href:e.link?.url,target:e.link?.target,$scaleOnHover:!1,children:l.jsx(n.f2,{$fontWeight:"medium",$color:"black",$link:!0,children:e.link?.text})}),l.jsx(n.uT,{$color:"black",dangerouslySetInnerHTML:{__html:e.description}})]},t))]}),(0,l.jsx)("div",{className:"imageBlock",children:(0,l.jsx)(X.Z,{alt_text:h,small_url:b})})]}):null]})}},63359:function(e,t,i){i.d(t,{Y:function(){return a}});let a={contractor:"employee_type_contractor",architect:"employee_type_architect",designer:"employee_type_designer"}},11981:function(e,t,i){i.d(t,{OK:function(){return v},mQ:function(){return _}});var a=i(8307),r=i(4730),n=i(67294),l=i(13736),s=i(87379),o=i(23928);let c=(0,s.iv)(["outline:2px solid ",";"],o.default.colors.focus_color),d=s.ZP.ul.withConfig({displayName:"tabsstyles__StyledTabList",componentId:"sc-rjodn1-0"})(["list-style-type:none;margin:0;padding:0;display:flex;width:100%;"]),p=s.ZP.li.withConfig({displayName:"tabsstyles__StyledTab",componentId:"sc-rjodn1-1"})(["width:100%;padding-bottom:10px;text-align:center;border-bottom:",";:focus{"," outline-offset:-2px;}"],({$selected:e})=>e?`2px solid ${o.default.colors.dark_grey_1}`:`1px solid ${o.default.colors.light_grey_1}`,c),u=s.ZP.div.withConfig({displayName:"tabsstyles__StyledTabPanel",componentId:"sc-rjodn1-2"})(["display:",";height:100%;overflow-y:auto;overflow-x:hidden;"],({$selected:e})=>e?"block":"none"),m=s.ZP.div.withConfig({displayName:"tabsstyles__TabInterfaceContainer",componentId:"sc-rjodn1-3"})(["height:100%;display:flex;flex-direction:column;.tabContent{flex:1;min-height:0;}"]);var b=i(53351),f=i(85893);let x=["children","onTabSelect","activeKey","moveOnArrow"],h=["children","eventKe

1y"];function g(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,a)}return i}function y(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?g(Object(i),!0).forEach(function(t){(0,a.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}let j="Tabs",_=e=>{let{children:t,onTabSelect:i,activeKey:a,moveOnArrow:s=!0}=e,o=(0,r.Z)(e,x),{0:c,1:h}=(0,n.useState)(a),g=!i,_=(0,n.useRef)(null),v=n.Children.map(t,e=>({title:e?.props?.title,eventKey:e?.props?.eventKey,children:e?.props?.children,formattedTitle:(0,l.mJ)(e?.props?.title??"")})),O=g?c:a,w=(0,n.useCallback)(e=>{g?h(e):i(e)},[i,g]),$=e=>()=>w(e),k=(0,n.useCallback)(e=>{if(!_.current?.contains(e.target))return;let t=e=>_.current?.querySelector(e)?.focus(),i=e=>{s&&w(e)},a=e.target.getAttribute("data-tab");if(a){let r=parseInt(a);if("ArrowRight"===e.key||"ArrowUp"===e.key){let e=r+1;e<v.length?(t(`[data-tab="${e}"]`),i(v[e]?.eventKey)):(t('[data-tab="0"]'),i(v[0]?.eventKey))}if("ArrowLeft"===e.key||"ArrowDown"===e.key){let e=r-1;e<0?(t(`[data-tab="${v.length-1}

1"]`),i(v[v.length-1]?.eventKey)):(t(`[data-tab="${e}"]`),i(v[e]?.eventKey))}if("Enter"===e.key){let e=v[r];w(e?.eventKey)}}},[v,s,w]);return(0,f.jsxs)(m,y(y({onKeyDown:k},o),{},{"data-testid":j,children:[(0,f.jsx)(d,{role:"tablist",ref:_,"data-testid":`${j}_TabList`,children:v?.map((e,t)=>f.jsx(p,{role:"tab","data-tab":t,id:`tab-${e?.formattedTitle}-${t}`,onClick:$(e?.eventKey),$selected:e?.eventKey===O,"aria-selected":e?.eventKey===O,tabIndex:e?.eventKey===O?0:-1,children:f.jsx(b.i1,{$fontWeight:e?.eventKey===O?"black":"medium",children:e?.title})},t))}),(0,f.jsx)("div",{className:"tabContent",children:v?.map((e,t)=>f.jsx(u,{role:"tabpanel",id:`panel-${e?.formattedTitle}-${t}`,$selected:e?.eventKey===O,"aria-labelledby":`tab-${e?.formattedTitle}-${t}`,children:e?.children},t))})]}))},v=e=>{let{children:t,eventKey:i}=e,a=(0,r.Z)(e,h);return(0,f.jsx)(p,y(y({role:"tab"},a),{},{children:t}))}},99629:function(e,t,i){i.d(t,{P:function(){return o},R:function(){return c}});var a=i(8307),r=i(51828),n=i(42409);function l(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,a)}return i}let s=r.default.create({baseURL:"https://api.benjaminmoore.io",params:{version:"v1.0"},headers:{"Ocp-Apim-Subscription-Key":"48c3c3e75b424f97904f9659da65b4d0"},timeout:1e4}),o=async e=>{let[t,i]=await (0,n.L)(s.get("/expressform/statesprovinces",{params:function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?l(Object(i),!0).forEach(function(t){(0,a.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}({},e)}));return[t?.data,i]},c=async e=>{let[t,i]=await (0,n.L)(s.post("/expressform/submit",e));return[t?.data,i]}}}]);