https://shop.motorolasolutions.com/storefront/occ-public/esm/min/component-01fd9408.js

1import{_ as e}from"./_rollupPluginBabelHelpers-927c6dd0.js";import{R as o,L as t,br as n,O as r,aO as i,bs as a}from"./client-c7cf1e30.js";import{C as c}from"./caret-down-26c1ae1c.js";import{I as s}from"./index-c38bfba6.js";import{e as l}from"./page-links-4b162335.js";import{p as m,S as p}from"./index-6b1ab753.js";import{S as d}from"./index-0570bd70.js";import{S as u}from"./contexts-1fa00dc9.js";import _ from"./index-5e03f400.js";import g from"./index-fa79f1a1.js";import{c as A}from"./index-fbaff3ff.js";import{C as k}from"./index-d06de53d.js";import"./index-9f6df208.js";import"./missing-image-75975efa.js";import"./config-a0478fe8.js";import"./search-85fe4a6e.js";import"./index-d91ab00a.js";import"./times-09572977.js";const x=n=>{const{textFilterByAccountName:r,currentOrganizationId:i,onOrganizationChange:a,numberOfOrganizationToShow:c,textNoMatchesFound:s,textRetrievingAccounts:m,organizationLists:_}=n,[g,A]=t.exports.useState([]),{action:k}=t.exports.useContext(u),[x,h]=t.exports.useState(""),[f,y]=t.exports.useState(!1);t.exports.useEffect((()=>{i&&_.length>0&&A(_.slice(0,c))}),[i,c,_]);const b=t.exports.useCallback((({error:{message:e=""}={}}={})=>{k("notify",{level:"error",message:e})}),[k]),P=t.exports.useCallback((e=>{A([]),h(e),y(!0);const o={q:`name co "${e}"`};o.limit=c,k("listOrganizations",o).then((e=>{if(y(!1),!1===e.ok)k("notify",{level:"error",message:k.error.message});else{const{json:o}=e;A(o.items)}})).catch((e=>{b({error:e})}))}),[k,c,b]),C=(e,o)=>{if(o&&o.length>0){const t=new RegExp(`(${o})`,"gi");return e.replace(t,"<strong>$1</strong>")}return e.toString()};return o.createElement(p,{className:"AccountDropdown",id:"AccountDropdown",css:".Icon.AccountDropdown__SliderIcon{height:1.5rem;margin-left:1rem;width:1rem}.AccountDropdown__SliderIconContainer{display:inline-block;text-align:left;width:95%}.AccountDropdown__ArrowIconContainer{display:inline-block;width:5%}.AccountDropdown__DropDown select{padding-left:2.5rem;padding-right:1rem}.AccountDropdown__DropDown{padding-right:1.875rem}.AccountDropdown hr{border:1px solid #fff;border-top:1px solid #cdd2d6;border:1px solid var(--cc-background-color);border-top-color:var(--cc-border-color)}@media only screen and (max-width:767px){.AccountDropdown__DropDown{padding-right:.5rem}}.Icon.AccountDropdown__DownArrowIcon path{fill:#cdd2d6;fill:var(--cc-border-color)}.AccountDropdown__List{color:#000;cursor:pointer;font-size:1rem;font-size:var(--cc-font-size);list-style-type:none;margin:0;padding:0}.AccountDropdown__List li a{display:block;margin-top:-1px;padding:.75rem;text-decoration:none}.AccountDropdown__List li a:hover:not(.header){background-color:#eee}@media only screen and (min-width:768px){.AccountDropdown .Search__SearchText{float:left}.AccountDropdown .Search__Container{float:left;margin:0 0 1.5rem!important;width:100%}}.AccountDropdown__Padding{padding-left:0}.AccountDropdown__List p{margin:0;padding:0}.AccountDropdown__Text{cursor:auto}"}

1,o.createElement(d,e({searchInput:P,placeholderLabel:r,nameValue:"account-name-search"},n)),o.createElement("hr",null),o.createElement("ul",{value:i,onChange:e=>{a(e.target.value)},className:"AccountDropdown__List"},g&&g.length>0&&g.map((e=>o.createElement("li",{key:e.repositoryId},o.createElement("button",{onClick:()=>{location.assign(`${l}?currentOrganization=${e.repositoryId}`)},"aria-label":e.name,className:"AccountPicker__ChangeButton AccountDropdown__Padding",type:"button"},o.createElement("p",{dangerouslySetInnerHTML:{__html:C(e.name,x)}}))))),g&&g.length<1&&o.createElement("li",null,o.createElement("p",{className:"AccountDropdown__Text"},f?m:s))))};x.propTypes={currentOrganizationId:m.exports.string.isRequired,onOrganizationChange:m.exports.func.isRequired,numberOfOrganizationToShow:m.exports.string.isRequired,organizationLists:m.exports.arrayOf(m.exports.shape({repositoryId:m.exports.string.isRequired,name:m.exports.string.isRequired}))},x.defaultProps={organizationLists:[]};var h=o.memo(x),f=".OrganizationSelectorModal__TextArea textarea{margin-bottom:1.25rem;resize:none;width:100%}.ConfimationModal__Body,.ConfimationModal__CancelButton,.ConfimationModal__SaveButton,.Modal_Header{margin-bottom:1.25rem}.ConfimationModal__Body{margin-top:1.25rem}@media only screen and (min-width:768px){.ConfimationModal__Footer{display:flex;flex:0 0 100%;flex-direction:row-reverse;justify-content:flex-end}

1.ConfimationModal__SaveButton{margin-left:1rem}}";const y=n=>{const{currentOrganizationId:r,show:i,onClose:a,labelSelectAccount:c,closeLinkAltText:s,cssOverride:l}=n,[m,d]=t.exports.useState(r),u=t.exports.useCallback((e=>{d(e)}),[]),g=t.exports.useCallback((()=>{a()}),[a]);return o.createElement(p,{id:"OrganizationSelectorModal",css:f},o.createElement(_,{cssOverride:l,show:i,onClose:g,title:c,closeIconTitle:s,closeAriaLabel:s},o.createElement(h,e({onOrganizationChange:u,currentOrganizationId:m},n))))};y.propTypes={currentOrganizationId:m.exports.string.isRequired,organizationLists:m.exports.arrayOf(m.exports.shape({repositoryId:m.exports.string.isRequired,name:m.exports.string.isRequired})),show:m.exports.bool,onClose:m.exports.func.isRequired,cssOverride:m.exports.string},y.defaultProps={organizationLists:[],show:!1,cssOverride:""};const b=n=>{const{organizationLists:r,currentOrganizationId:i}=n,[a,c]=t.exports.useState(i),s=t.exports.useCallback((e=>{c(e)}),[]);return o.createElement(p,{id:"OrganizationSelectorPortal",css:f},o.createElement(h,e({organizationLists:r,onOrganizationChange:s,currentOrganizationId:a},n)))};b.propTypes={currentOrganizationId:m.exports.string.isRequired,organizationLists:m.exports.arrayOf(m.exports.shape({repositoryId:m.exports.string.isRequired,name:m.exports.string.isRequired}))},b.defaultProps={organizationLists:[]};const P={show:!1},C=n=>{const{isUserLoggedIn:r,currentOrganizationId:i,labelChange:a,labelSelectAccount:l,closeLinkAltText:m,organizationName:d,organizationLogoURL:_,organizationLists:A}=n,{action:x}=t.exports.useContext(u),[h,f]=t.exports.useState([]),[C,w]=t.exports.useState(!1),[L,v]=t.exports.useState(P),[z,I]=t.exports.useState(!1),E=t.exports.useRef(!0),N=t.exports.useRef(),O=t.exports.useCallback((e=>{N.current&&!N.current.contains(e.target)&&v({show:!1})}),[]),D=t.exports.useCallback((()=>{w(!0)}),[w]),M=t.exports.useCallback((()=>{w(!1)}),[w]),S=t.exports.useCallback((()=>{v({show:!L.show})}),[L.show]);return t.exports.useEffect((()=>(document.addEventListener("mousedown",O),r&&E.current&&(E.current=!1,x("listOrganizations").then((e=>{if(e.ok){const{json:{items:o=[]}}=e,t=o.map((e=>e.repositoryId)),n=A.filter((e=>-1!==t.indexOf(e.repositoryId)));f(n),I(n.length>1)}else x("notify",{level:"error",message:e.error.message})})).catch((e=>{x("notify",{level:"error",message:e.error.message})}))),()=>{document.removeEventListener("mousedown",O)}))),o.createElement(p,{className:"AccountPicker",id:"AccountPicker",css:"@media only screen and (max-width:767px){.AccountPicker__Desktop{display:none;visibility:hidden}.CompanyLogo__AccountName{white-space:nowrap}.AccountPicker__Mobile{cursor:pointer;display:flex;padding:1.3rem;visibility:visible}.AccountPicker__CompanyLogo{text-align:left!important}.AccountPicker__CompanyLogo .Img__Wrapper .Icon,.AccountPicker__CompanyLogo .Img__Wrapper img{height:2rem;width:50%!important}.AccountPicker__NameAndLogo{display:flex;padding:1.3rem 1.3rem 0}.AccountPicker__NameAndLogo .AccountPicker__CompanyLogo{margin:0}.AccountPicker__NameAndLogo .AccountPicker__CompanyLogo .Img__Wrapper .Icon,.AccountPicker__NameAndLogo .AccountPicker__CompanyLogo .Img__Wrapper img{width:100%!important}.MenuMobile__Modal .AccountPicker__NameAndLogo .AccountPicker__CompanyLogo .Img__Wrapper .Icon,.MenuMobile__Modal .AccountPicker__NameAndLogo .AccountPicker__CompanyLogo .Img__Wrapper img{height:2rem;width:50%!important}.AccountPicker__NameAndLogo .AccountPicker__CompanyName{margin-left:.5rem}}@media only screen and (min-width:768px){.AccountPicker__Desktop{cursor:pointer;display:flex;visibility:visible}.AccountPicker__Mobile{display:none;visibility:hidden}.AccountPicker__CompanyLogo img{height:auto;width:2rem}.AccountPicker__CompanyName{color:#4a4a4a;color:var(--cc-color);font-size:.875rem;font-size:var(--cc-font-size-small)}.AccountPicker__NameAndLogo{display:flex}}.AccountPicker__ChangeButton{background-color:inherit;border:none;color:#4a4a4a;color:var(--cc-color);cursor:pointer;display:inline-block;font-weight:400;padding-top:0}.AccountPicker__Button{justify-content:flex-end;padding-left:.25rem}.AccountPicker__ChangeButton,.AccountPicker__ChangeButton:active,.AccountPicker__ChangeButton:hover{background-color:inherit!important;box-shadow:none!important}.AccountPicker__CompanyLogo{color:#4a4a4a;color:var(--cc-color);margin:auto .5rem auto auto;text-align:right;width:2rem}.CompanyLogo__AccountName{overflow:hidden;pointer-events:none;text-overflow:ellipsis}.CompanyLogo__AccountName:active,.CompanyLogo__AccountName:hover{overflow:visible}.AccountPicker__Display{display:flex}.AccountPicker__CompanyName{justify-content:center;line-height:1rem;margin:auto;white-space:break-spaces}.AccountPicker__Desktop .Popover{margin-right:8rem;width:25%}.AccountPicker__Desktop .Popover__Close{visibility:hidden}.AccountPicker__Button .Popover__HeaderTitle{color:#000;margin-bottom:1.5rem}.AccountPicker__CompanyLogo .Img__Wrapper .Img__MissingImgIcon{height:100%!important;width:24px!important}.AccountPicker__Click{width:inherit}.AccountPicker__Caret .CaretDownIcon__regular{color:#9b9b9b;color:var(--cc-root-header-color);transform:scale(.03)}.MenuMobile__Modal .AccountPicker__Mobile .Img__Wrapper img{padding-right:.1rem;padding-top:.15rem;width:1.3rem!important}.MenuMobile__Modal .AccountPicker__CompanyName{margin-left:.75rem;margin-top:.3rem}.MenuMobile__Modal .AccountPicker__Button{margin-left:1.5rem}.MenuMobile__Modal .AccountPicker__Mobile{padding-bottom:0}.AccountPicker__Mobile .AccountPicker__CompanyName{margin-top:.25rem}.AccountPicker__Desktop .AccountPicker__Button{margin-top:1.5rem}.AccountPicker__ButtonLabel{text-decoration:underline}"},r&&i&&o.createElement("div",{className:"AccountPicker__Display"},!z&&o.createElement(o.Fragment,null,o.createElement("div",{className:"AccountPicker__NameAndLogo"},o.createElement("div",{className:"AccountPicker__CompanyLogo"},o.createElement(s,{src:_,alt:d,title:d,size:"xsmall"})),o.createElement("div",{className:"AccountPicker__CompanyName"},o.createElement("span",null,d)))),z&&o.createElement(o.Fragment,null,o.createElement("div",{ref:N,className:"AccountPicker__Desktop"},o.createElement("div",{onClick:S,onKeyPress:S,role:"none",className:"AccountPicker__CompanyLogo AccountPicker__Click"},o.createElement(s,{src:_,alt:d,title:d,size:"xsmall"})),o.createElement("div",{onClick:S,onKeyPress:S,role:"none",className:"AccountPicker__CompanyName AccountPicker__Click"},o.createElement("span",null,d)),o.createElement("div",{className:"AccountPicker__Button"},o.createElement("span",{onKeyPress:S,className:"AccountPicker__Caret",onClick:S,role:"none"},o.createElement(c,null)),o.createElement(k,null,o.createElement(t.exports.Suspense,{fallback:null},o.createElement(g,{show:L.show,title:l,onClose:()=>v(!1),closeIconTitle:m,closeAriaLabel:m},o.createElement(b,e({},n,{organizationLists:h}))))))),o.createElement("div",{className:"AccountPicker__Mobile"},o.createElement("div",{onClick:D,onKeyPress:D,role:"button",tabIndex:"0",className:"AccountPicker__CompanyLogo AccountPicker__Click"},o.createElement(s,{src:_,alt:d,title:d,size:"xsmall"})),o.createElement("div",{onClick:D,onKeyPress:D,role:"button",tabIndex:"0",className:"AccountPicker__CompanyName AccountPicker__Click"},o.createElement("span",null,d)),o.createElement("div",{className:"AccountPicker__Button"},o.createElement("button",{"aria-label":a,className:"AccountPicker__ChangeButton AccountPicker__ButtonLabel",onClick:D,type:"button"},a)),o.createElement(y,e({show:C,onClose:M},n,{organizationLists:h}))))))};C.propTypes={isUserLoggedIn:m.exports.bool,currentOrganizationId:m.exports.string,organizationName:m.exports.string.isRequired,organizationLogoURL:m.exports.string,displayOrganizationSelector:m.exports.bool},C.defaultProps={isUserLoggedIn:!1,currentOrganizationId:void 0,displayOrganizationSelector:!1,organizationLogoURL:""};var w=A((e=>{const o=n(e),t=r(e),c=Object.keys(t).map((e=>t[e])),s=i(e),l=c.length>1,{organizationLogoURL:m,name:p}=a(e,{id:s});return{isUserLoggedIn:o,currentOrganizationId:s,organizationLogoURL:m,organizationName:p,displayOrganizationSelector:l,organizationLists:c}}))(C);export{w as default};
2//# sourceMappingURL=component-01fd9408.js.map