https://shop.motorolasolutions.com/storefront/occ-public/esm/min/component-3cc1b2ac.js

1import{_ as e}from"./_rollupPluginBabelHelpers-927c6dd0.js";import{R as t,L as a,aY as r,bu as i,P as o,a1 as n,Q as s,bi as c}from"./client-c7cf1e30.js";import{p as l,S as d}from"./index-6b1ab753.js";import{T as m}from"./index-92dd1de8.js";import{C as u}from"./index-258b4569.js";import{F as p}from"./index-65998c4f.js";import{C as g}from"./check-66306448.js";import{C as x}from"./index-ef475590.js";import{C as f}from"./index-1f63ff7f.js";import{S as v}from"./contexts-1fa00dc9.js";import{u as C}from"./index-07b23185.js";import{g as _}from"./page-links-4b162335.js";import{c as b}from"./index-fbaff3ff.js";import{A as E}from"./roles-66dbf681.js";import"./styles-9d4c2bf6.js";import"./constants-2690fd43.js";import"./index-9f6df208.js";import"./index-52e1e70d.js";import"./info-78a2eff7.js";import"./warning-ce84a560.js";import"./index-5e03f400.js";import"./index-d91ab00a.js";import"./times-09572977.js";const R=e=>{const{isActive:a,activeChangeHandler:r,textActive:i,disabled:o}=e;return t.createElement("div",{className:"ActiveSwitch__Section"},t.createElement(m,{id:"edit-account-contact-active-switch",isOn:a,className:"ActiveSwitch__ToggleSwitch",onChange:r,label:i,disabled:o||""}),t.createElement("label",{htmlFor:"edit-account-contact-active-switch",className:"ActiveSwitch__ActiveText"},i))};R.propTypes={isActive:l.exports.bool.isRequired,activeChangeHandler:l.exports.func.isRequired,disabled:l.exports.bool},R.defaultProps={disabled:!1};const A=e=>{const{roles:a,profile:r,rolesRef:i,ownProfile:o,id:n,labelRoles:s,labelAriaCheckboxCheckedReadOnly:c}=e,l=((e,t)=>{const a=e.map((e=>({...e,display:t[e.function]})));var r;return r="display",a.sort(((e,t)=>e[r]<t[r]?-1:e[r]>t[r]?1:0)),a})(a,e);return t.createElement(d,{id:"RoleOptions",css:".RoleOptions__Input--Hidden{display:none}.RoleOptions__CheckedValue{display:inline-block;margin:0 .5rem .5rem}.Icon.RoleOptions__CheckIcon{height:var(--cc-checkbox-size);width:1rem}.RoleOptions__Section{margin-top:1rem}.RoleOptions__CheckedValue,.RoleOptions__RoleHeading{font-weight:500}"},t.createElement("div",{ref:i,id:n,className:"RoleOptions__Section"},t.createElement("label",{className:"RoleOptions__RoleHeading",htmlFor:"edit-account-contact-role-select"},s),Object.values(l).map((e=>"buyer"===e.function||o&&"admin"===e.function?t.createElement("div",{key:e.repositoryId},t.createElement(g,{className:"RoleOptions__CheckIcon","data-testid":`checkicon-${e.function}`,"aria-label":`${e.display}, ${c}`,tabIndex:"0"}),t.createElement("span",{className:"RoleOptions__CheckedValue"},e.display),t.createElement(x,{defaultValue:e.function,name:"roles[]",className:"RoleOptions__Input--Hidden",defaultChecked:!0,labelText:e.display})):t.createElement("div",{key:e.repositoryId},t.createElement(x,{key:e.repositoryId,className:"RoleOptions_Checkbox",id:`role-select-${e.repositoryId}`,title:e.repositoryId,defaultValue:e.function,defaultChecked:r&&r.roles.includes(e.repositoryId),name:"roles[]",labelText:"custom"===e.function?e.name:e.display}))))))};A.propTypes={ownProfile:l.exports.bool.isRequired,roles:l.exports.arrayOf(l.exports.shape({function:l.exports.string.isRequired,relativeTo:l.exports.string.isRequired,repositoryId:l.exports.string.isRequired}).isRequired),id:l.exports.string,rolesRef:l.exports.shape({current:l.exports.object}),profile:l.exports.shape({id:l.exports.string.isRequired,firstName:l.exports.string.isRequired,lastName:l.exports.string.isRequired,email:l.exports.string.isRequired,active:l.exports.bool.isRequired,roles:l.exports.arrayOf(l.exports.string).isRequired})},A.defaultProps={id:"",profile:void 0,roles:[],rolesRef:void 0};var h=t.memo(A);const N=e=>{const{id:a,labelFirstName:r,labelLastName:i,firstName:o,lastName:n}=e;return t.createElement(d,{id:"NameSection",css:".NameSection__Container{width:100%}.NameSection__Name{display:inline-grid;margin-right:1.5rem;width:23rem}.NameSection__Name input{width:inherit}@media screen and (max-width:767px){.NameSection__Name{display:block;margin-right:0;margin-top:1rem;width:100%}}"},t.createElement("div",{className:"NameSection__Container"},t.createElement("div",{className:"NameSection__Name"},t.createElement("label",{htmlFor:`firstname-${a}`},r),t.createElement("input",{id:`firstname-${a}`,"aria-label":r,type:"text",name:"firstName",defaultValue:o,required:!0,autoCapitalize:"words",autoComplete:"given-name",maxLength:"254"}),t.createElement("span",{className:"validationMessage"})),t.createElement("div",{className:"NameSection__Name"},t.createElement("label",{htmlFor:`lastname-${a}`},i),t.createElement("input",{id:`lastname-${a}`,"aria-label":i,type:"text",name:"lastName",defaultValue:n,required:!0,autoCapitalize:"words",autoComplete:"family-name",maxLength:"254"}),t.createElement("span",{className:"validationMessage"}))))};N.propTypes={firstName:l.exports.string,lastName:l.exports.string,id:l.exports.string},N.defaultProps={id:"",firstName:void 0,lastName:void 0};const y=a=>{const{labelFirstName:r,labelLastName:i,labelEmailAddress:o,headingAddContact:n,actionSave:s,labelCancel:c,textActive:l,textAllFieldsRequired:d,isActive:m,activeChangeHandler:g,onSaveClick:x,...f}=a;return t.createElement(t.Fragment,null,t.createElement("div",{className:"AddAccountContact"},t.createElement("h1",{id:"page-heading"},n),t.createElement(p,{onSubmit:x,setInProgress:!1,noValidate:!0,className:"AddAccountContact__Form"},t.createElement("div",{className:"Form"},t.createElement("div",{className:"AddAccountContact__AllFieldsRequiredText"},d),t.createElement(N,{labelLastName:i,labelFirstName:r,id:"add-contact"}),t.createElement("div",{className:"AddAccountContact__EmailSection"},t.createElement("label",{htmlFor:"email-address-add-contact"},o),t.createElement("input",{id:"email-address-add-contact",type:"email",name:"email",autoComplete:"email",required:!0,maxLength:"254"}),t.createElement("span",{className:"validationMessage"})),t.createElement(h,e({id:"role-select-add-contact",ownProfile:!1},f)),t.createElement(R,{textActive:l,activeChangeHandler:g,isActive:m})),t.createElement(u,{labelCancel:c,actionSave:s}))))};y.propTypes={onSaveClick:l.exports.func.isRequired,isActive:l.exports.bool.isRequired,activeChangeHandler:l.exports.func.isRequired,roles:l.exports.arrayOf(l.exports.shape({function:l.exports.string.isRequired,relativeTo:l.exports.string.isRequired,repositoryId:l.exports.string.isRequired}).isRequired),rolesRef:l.exports.shape({current:l.exports.object})},y.defaultProps={roles:[],rolesRef:void 0};const q=r=>{const{labelFirstName:i,labelLastName:o,labelEmailAddress:n,labelRemoveContact:s,actionConfirm:c,headingEditContact:l,actionSave:d,labelCancel:m,labelRemove:g,textActive:x,textAllFieldsRequired:b,labelYes:E,labelNo:A,labelMultipleAccounts:y,textConfirmContactRemoval:q,textContactRemovalWarning:S,headingConfirmContactRemoval:I,messageContactRemoved:k,closeLinkAltText:O}=r,{rolesRef:w,isActive:j,currentContactId:F,currentContactProfile:T,currentLoggedInUserId:z,onSaveClick:L,activeChangeHandler:M,stopRemoveContactRender:P,...H}=r,V=z===T.id,[$,B]=a.exports.useState(!1),{action:U}=a.exports.useContext(v),D=C(),J=()=>{B(!1)};return t.createElement(t.Fragment,null,t.createElement("div",{className:"EditAccoun tContact"},t.createElement("h1",{id:"page-heading"},l),t.createElement(p,{onSubmit:L,setInProgress:!1,noValidate:!0,className:"EditAccountContact__Form"},t.createElement("div",{className:"EditAccountContact__AllFieldsRequiredText"},b),t.createElement(N,{labelFirstName:i,labelLastName:o,firstName:T.firstName,lastName:T.lastName,id:"edit-contact"}),t.createElement("div",{className:"EditAccountContact__EmailSection"},t.createElement("label",{htmlFor:"email-address-edit-contact"},n),t.createElement("div",{className:"EditAccountContact__Email",id:"email-address-edit-contact","aria-label":n},T.email)),t.createElement(h,e({profile:T,rolesRef:w,id:"role-select-edit-contact",ownProfile:V},H)),t.createElement(R,{textActive:x,activeChangeHandler:M,isActive:j,disabled:V}),t.createElement("div",null,t.createElement("div",{className:"EditAccountContact__MultipleAccountsSection"},t.createElement("label",{htmlFor:"edit-account-contact-multiple-account"},y),t.createElement("div",{id:"edit-account-contact-multiple-account","aria-label":y},null!=(Y=T).parentOrganization&&Y.secondaryOrganizationsCount>0||Y.secondaryOrganizationsCount>1||Y.secondaryOrganizations&&Y.secondaryOrganizations.length>0?E:A)),!V&&t.createElement(t.Fragment,null,t.createElement("button",{type:"button",className:"secondary EditAccountContact__RemoveButton",onClick:()=>{B(!0)}},s),t.createElement("div",{className:"EditAccountContact__Border"}))),t.createElement(u,{labelCancel:m,actionSave:d})),t.createElement(f,{show:$,cancelCallback:()=>{J(),D(_)},confirmCallback:()=>{J(),P(!0),U("removeOrganizationMembers",{memberIds:[F]}).then((e=>{!e.ok&&e.error?U("notify",{level:"error",message:e.error.message}):(U("notify",{level:"success",message:k}),D(_))}))},closeCallback:J,title:I,labelConfirm:c,labelCancel:m,closeAriaLabel:O,alertMessage:t.createElement("span",{className:"ConfirmationModalBody__AlertMessage"},`${g}: ${T.firstName} ${T.lastName}`),confirmMessage:t.createElement("div",{className:"ConfirmationModalBody__MessageSection"},t.createElement("div",{className:"MessageSection__Line"}," ",q),t.createElement("div",{className:"MessageSection__Line"}," ",S))}

1)));var Y};q.propTypes={currentContactProfile:l.exports.shape({id:l.exports.string.isRequired,firstName:l.exports.string.isRequired,lastName:l.exports.string.isRequired,email:l.exports.string.isRequired,roles:l.exports.arrayOf(l.exports.string).isRequired,parentOrganization:l.exports.string.isRequired,secondaryOrganizationsCount:l.exports.number}).isRequired,roles:l.exports.arrayOf(l.exports.shape({function:l.exports.string.isRequired,relativeTo:l.exports.string.isRequired,repositoryId:l.exports.string.isRequired}).isRequired),rolesRef:l.exports.shape({current:l.exports.object}),onSaveClick:l.exports.func.isRequired,stopRemoveContactRender:l.exports.func.isRequired,currentLoggedInUserId:l.exports.string.isRequired,currentContactId:l.exports.string.isRequired,isActive:l.exports.bool.isRequired,activeChangeHandler:l.exports.func.isRequired},q.defaultProps={roles:[],rolesRef:void 0};const S=i=>{const{isDelegatedAdmin:o,isEditAddress:n,currentLoggedInUserId:s,currentContactId:l,currentContactProfile:m,currentOrganizationId:u,messageContactCreationSuccess:p,messageContactSaved:g,closeLinkAltText:x,headingAddContact:f,...b}=i,{action:E,getState:R}=a.exports.useContext(v),A=a.exports.useRef(null),[h,N]=a.exports.useState(!m||m.active),[S,I]=a.exports.useState(!1),[k,O]=a.exports.useState(!1),w=C();a.exports.useEffect((()=>{m||!l||S||E("listOrganizationMembers",{q:`id eq "${l}"`,includeSecondaryOrganizationsCount:!0}).then((e=>{if(e.ok){const e=r(R())[l];N(e.active)}else e.error&&E("notify",{level:"error",message:e.error.message})}))}),[m,N,l,E,S,R]),a.exports.useEffect((()=>{S||k||E("getOrganization",{organizationId:u}).then((e=>{O(!0),e.error&&E("notify",{level:"error",message:e.error.message})}))}),[E,S,u,k]);const j=a.exports.useCallback((e=>{e.preventDefault();const t=c(e.target),a=[];let r;return A.current.querySelectorAll("input").forEach((e=>{e.checked&&(e.defaultValue&&"custom"!==e.defaultValue?a.push({function:e.defaultValue,relativeTo:{id:u}}):e.defaultValue&&"custom"===e.defaultValue&&a.push({function:e.defaultValue,relativeTo:{id:u},repositoryId:e.title}))})),t.roles=a,t.active=h,n?(t.memberId=l,r="updateOrganizationMember"):(t.receiveEmailGlobal=!0,r="createOrganizationMember"),E(r,t).then((e=>{if(e.ok){E("notify",{level:"success",message:n?g:p}),w(_)}else e.error&&E("notify",{level:"error",message:e.error.message})})),!1}),[h,n,E,u,l,g,p,w]),F={...b,rolesRef:A,isActive:h,onSaveClick:j,activeChangeHandler:()=>{N(!h)}};return t.createElement(d,{id:"EditAccountContact",css:".AddOrEditAccountContact{padding:.5rem;padding:var(--cc-container-padding);padding-top:0}.ActiveSwitch__Section,.AddAccountContact__EmailSection,.EditAccountContact__EmailSection,.EditAccountContact__MultipleAccountsSection,.NameSection__Container{margin-top:1rem}.EditAccountContact__Border{border-bottom:2px solid #cdd2d6;border-bottom:2px solid var(--cc-border-color)}.ActiveSwitch__Section label,.AddAccountContact__EmailSection label\n.EditAccountContact__MultipleAccountsSection label,.EditAccountContact__EmailSection label,.NameSection label{font-weight:500}.AddAccountContact__AllFieldsRequiredText,.EditAccountContact__AllFieldsRequiredText{font-size:.875rem;font-size:var(--cc-font-size-small);margin-top:1rem}.EditAccountContact__RemoveButton{display:block;margin:1rem 0;width:17rem}.EditAccountContact__Email{word-break:break-all}.AddAccountContact__EmailSection input{width:23rem}.ConfirmationModalBody__AlertMessage{display:inline-block;font-weight:700;word-break:break-all}.ActiveSwitch__ActiveText{display:inline-block;margin-left:.75rem}.MessageSection__Line{margin-bottom:1rem}@media screen and (max-width:767px){.AddAccountContact__EmailSection input,.AddOrEditAccountContact form{width:100%}.EditAccountContact__RemoveButton{display:block;margin:1rem 0;width:100%}}"},t.createElement("div",{className:"AddOrEditAccountContact"},o&&n&&m&&t.createElement(q,e({currentContactId:l,currentContactProfile:m,currentLoggedInUserId:s,stopRemoveContactRender:I,closeLinkAltText:x},F)),o&&!n&&t.createElement(y,e({headingAddContact:f},F))))};S.propTypes={isDelegatedAdmin:l.exports.bool.isRequired,currentOrganizationId:l.exports.string.isRequired,currentLoggedInUserId:l.exports.string.isRequired,isEditAddress:l.exports.bool.isRequired,currentContactProfile:l.exports.shape({id:l.exports.string.isRequired,firstName:l.exports.string.isRequired,lastName:l.exports.string.isRequired,email:l.exports.string.isRequired,active:l.exports.bool.isRequired,roles:l.exports.arrayOf(l.exports.string).isRequired,parentOrganization:l.exports.string.isRequired,secondaryOrganizationsCount:l.exports.number}),roles:l.exports.arrayOf(l.exports.shape({function:l.exports.string.isRequired,relativeTo:l.exports.string.isRequired,repositoryId:l.exports.string.isRequired}).isRequired),currentContactId:l.exports.string},S.defaultProps={currentContactProfile:void 0,roles:[],currentContactId:null};var I=b((e=>{const t=r(e),a=i(e),c=o(e),l=Object.values(a).filter((e=>e.relativeTo===c)),d=n(e),m=s(e).contextId,u=t[m],p=!(!t[d]||!t[d].roles||void 0===t[d].roles.find((e=>a[e].function===E)));return{roles:l,currentOrganizationId:c,isDelegatedAdmin:p,isEditAddress:!!m,currentContactProfile:u,currentContactId:m,currentLoggedInUserId:d}}))(S);export{I as default};
2//# sourceMappingURL=component-3cc1b2ac.js.map