@digital-realty/ui-user-management 1.0.0-alpha.1 → 11.0.0

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management2.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as B,html as a,nothing as g}from"lit";import{property as l,state as n,customElement as M}from"lit/decorators.js";import{baseTheme as O}from"@digital-realty/theme";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-progress/ix-progress.js";import"./ui-user-management7.js";import"./ui-user-management4.js";import"./ui-user-management3.js";import"./ui-user-management9.js";import"./ui-user-management6.js";import"./ui-user-management5.js";import"../../Shared/ui-user-management7.js";import"../../Shared/ui-user-management6.js";import"../../Shared/ui-user-management5.js";import{collapseAllNodes as m}from"@digital-realty/ix-generic-tree";import{CreateUserStyles as _}from"../../../styles/ui-user-management7.js";import{navigateTo as v}from"../../../routes/ui-user-management2.js";import{RouteNames as w}from"../../../routes/ui-user-management.js";import{TWStyles as q}from"../../../ui-user-management2.js";import{getCheckedAccounts as L,getAccountStructure as P}from"./ui-user-management10.js";import{getSortedAccounts as V,getNestedAccountStructure as j}from"../../../services/ui-user-management10.js";import{generateFlagsDataForAccount as W}from"./ui-user-management8.js";import G from"../../../domain/repositories/ui-user-management4.js";import K from"../../../domain/repositories/ui-user-management.js";import{roleStore as H}from"../../../state/ui-user-management3.js";import{appState as S}from"../../../state/ui-user-management2.js";import{mapAccountsToCheckboxTreeNode as J}from"../../../services/ui-user-management14.js";import{userProfile as x}from"../../../state/ui-user-management.js";import{CreateUserEvents as p}from"../../../constants/events/ui-user-management2.js";import{CreateUserTestIds as d}from"../../../constants/test-ids/ui-user-management3.js";import{hasDLRDomain as X}from"../../../services/ui-user-management9.js";import{getRolesBelongingToAccount as Y}from"../../../services/ui-user-management4.js";var b=Object.freeze,Z=Object.defineProperty,o=(t,e)=>b(Z(t,"raw",{value:b(e||t.slice())})),f,A,N,C,T,E,y,D,k,U,R,I,F;let s=class extends B{constructor(){super(...arguments),this.showDrawer=!1,this.success=!1,this.submitting=!1,this.newUserId="",this.permissions=[],this.roles=[],this.treeData=[],this.loading=!1,this.selectedAccountId="",this.selectedRoleId="",this.step=1,this.validatingStepOne=!1,this.newContact={firstName:"",lastName:"",email:"",phone:"",accounts:[],evacAssistance:!1},this.dataForAccounts=[],this.showManageUserDialog=!1,this.userId="",this.stepTitle="Add New User",this.isNextButtonEnabled=!1,this.canQuickNavigateSteps={1:!1,2:!1,3:!1,4:!1,5:!1},this.maxQuickStep=1}connectedCallback(){super.connectedCallback(),this.setupAccountSelector()}get stepOne(){var t,e;return(e=(t=this.renderRoot.querySelector("#step-1"))===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector("create-user-step-one")}setupAccountSelector(){const t=V().filter(e=>x.hasExternalUserCreate(e.accountNumber));this.accounts=j(t),this.accountTree=J(this.accounts),this.permissions=S.getPermissions()}resetStep(){this.handleDialogReset("close")}setStep(t){this.step=t,this.canQuickNavigateSteps={1:!0,2:!0,3:!0,4:!0,5:!0}}resetSteps(t){Object.keys(this.canQuickNavigateSteps).forEach(e=>{t.includes(e)||(this.canQuickNavigateSteps={...this.canQuickNavigateSteps,[e]:!1})})}onNextButtonToggle(t){this.isNextButtonEnabled=t.detail,this.step===1?this.canQuickNavigateSteps={...this.canQuickNavigateSteps,1:!1}:this.step===2?this.resetSteps(["1"]):this.step===3?this.resetSteps(["1","2"]):this.step===4?this.resetSteps(["1","2","3"]):this.canQuickNavigateSteps={...this.canQuickNavigateSteps,[this.step]:!1},this.maxQuickStep=this.step}onPrevStep(){this.step!==1&&(this.step===3&&this.collapseAccountTree(),(this.step===5||this.step===6)&&this.collapseLocationTrees(),this.step===6&&(this.isNextButtonEnabled=!0),this.canQuickNavigateSteps[(this.step-1).toString()]=!0,this.maxQuickStep=Math.max(this.maxQuickStep,this.step),this.step-=1)}onQuickNextStep(){this.canQuickNavigateSteps[this.step]&&this.onNextStep()}async onNextStep(){var t;if(this.isNextButtonEnabled){if(this.loading=!0,this.step===1){if(this.collapseAccountTree(),!this.canQuickNavigateSteps[1]){this.validatingStepOne=!0;const e=await this.validateEmail();if(this.validatingStepOne=!1,!e){this.loading=!1;return}}}else if(this.step===2&&!this.canQuickNavigateSteps[2]){if(!this.accountTree)return;const e=((t=this.checkedAccounts)===null||t===void 0?void 0:t.map(r=>r.id))||[],c=await K.getAccountData(e),h=H.get(),Q=X(this.newContact.email)&&x.hasAssignInternalRoleCreate(S.getAccountNumber());this.roles=[],this.treeData=[];for(let r=0;r<e.length;r+=1){const z=Y(e[r],h,Q),u=e[r];this.roles.push({accountId:u,roles:structuredClone(z)}),this.treeData.push({contactId:"",accountNumber:u,roleId:"",data:c[r]})}}else if(this.step===3)this.selectedAccountId=this.dataForAccounts[0].accountId,this.selectedRoleId=this.dataForAccounts[0].rolesData[0].role.id;else if(this.step===4){for(const e of this.dataForAccounts){const c=this.treeData.find(h=>h.accountNumber===e.accountId);c&&W(e,c)}this.collapseLocationTrees()}else this.step===5&&this.collapseLocationTrees();this.step!==4&&(this.isNextButtonEnabled=!1),this.step+1===this.maxQuickStep&&(this.canQuickNavigateSteps[this.step]=!1),this.loading=!1,this.step+=1}}collapseAccountTree(){this.accountTree&&(this.accountTree.expanded=!1,this.accountTree.children&&this.accountTree.children.forEach(t=>{t.expanded=!1,t.children&&t.children.forEach(e=>{e.expanded=!1})}))}collapseLocationTrees(){this.dataForAccounts.forEach(t=>{var e;t.rolesData.forEach(c=>{m(c.genericTreeView)}),(e=t.genericFlagsData)===null||e===void 0||e.forEach(c=>{m(c.rootNode)})})}async validateEmail(){const t=await G.search({email:this.newContact.email.split("@")[0]});return t.contacts.find(e=>e.email===this.newContact.email)?(this.userId=t.contacts[0].id,this.toggleManageUserDialog(),!1):!0}handleDialogReset(t){this.step=1,this.newContact={id:"",firstName:"",lastName:"",email:"",phone:"",accounts:[],evacAssistance:!1},this.setupAccountSelector(),this.stepOne&&(this.stepOne.clearTextFields(),this.stepOne.resetErrorStates(),this.stepOne._nextButtonEnabled=!1),this.dataForAccounts=[],this.selectedAccountId="",this.selectedRoleId="",this.canQuickNavigateSteps={1:!1,2:!1,3:!1,4:!1,5:!1},this.maxQuickStep=1,this.isNextButtonEnabled=!1,this.dispatchResetSuccessEvent(),t==="toggle"?this.dispatchToggleDrawerEvent():this.dispatchDrawerCloseEvent()}updateAccounts(t){var e;this.accountTree=t.detail.rootNode,!((e=this.accountTree)===null||e===void 0)&&e.children&&(this.checkedAccounts=L(this.accountTree.children,P(this.accounts||[])),this.dataForAccounts=[])}onUpdateContact(t){const e=t.detail.newContact;this.newContact.email!==e.email&&this.newContact.email!==""&&(this.resetSteps(["1"]),this.dataForAccounts=[]),this.newContact=e}renderWizardStep(){switch(this.step){case 1:return a(f||(f=o(['\n          <ui-um-wizard-step\n            id="step-1"\n            slot="wizard-content"\n            isRequired\n            .stepTitle=',"\n            .stepSubTitle=",'\n            data-testid="create-user-step-one"\n          >\n            <create-user-step-one\n              .newContact=',"\n              .validatingForm=","\n              @update-contact=","\n              @next-step=","\n              @validate-step=","\n              @next-button-toggle=","\n            ></create-user-step-one>\n          </ui-um-wizard-step>\n        "])),this.stepTitle,"User Information",this.newContact,this.validatingStepOne,t=>this.onUpdateContact(t),this.onNextStep,t=>this.isNextButtonEnabled=t.detail,t=>this.onNextButtonToggle(t));case 2:return a(A||(A=o(['\n          <ui-um-wizard-step\n            slot="wizard-content"\n            isRequired\n            .stepTitle=',"\n            .stepSubTitle=",'\n            data-testid="create-user-step-two"\n          >\n            <create-user-step-two\n              class="flex flex-col overflow-auto grow"\n              .accountTree=',"\n              @update-accounts=","\n              @next-step=","\n              @validate-step=","\n              @next-button-toggle=","\n            ></create-user-step-two>\n          </ui-um-wizard-step>\n        "])),this.stepTitle,"Accounts*",this.accountTree,t=>this.updateAccounts(t),this.onNextStep,t=>this.isNextButtonEnabled=t.detail,t=>this.onNextButtonToggle(t));case 3:return a(N||(N=o(['\n          <ui-um-wizard-step\n            slot="wizard-content"\n            isRequired\n            .stepTitle=',"\n            .stepSubTitle=",'\n            data-testid="create-user-step-three"\n          >\n            <create-user-step-three\n              class="flex flex-col overflow-auto grow"\n              .checkedAccounts=',"\n              .roles=","\n              .dataForAccounts=","\n              .treeData=","\n              @update-dfa=","\n              @next-step=","\n              @validate-step=","\n              @next-button-toggle=","\n            ></create-user-step-three>\n          </ui-um-wizard-step>\n        "])),this.stepTitle,"Roles",this.checkedAccounts||[],this.roles,this.dataForAccounts,this.treeData,t=>{this.dataForAccounts=t.detail.dataForAccounts},this.onNextStep,t=>this.isNextButtonEnabled=t.detail,t=>this.onNextButtonToggle(t));case 4:return a(C||(C=o(['\n          <ui-um-wizard-step\n            slot="wizard-content"\n            isRequired\n            .stepTitle=',"\n            .stepSubTitle=",'\n            data-testid="create-user-step-four"\n          >\n            <create-user-step-four\n              class="step"\n              .dataForAccounts=',"\n              .selectedAccountId=","\n              .selectedRoleId=","\n              .permissions=","\n              .contact=","\n              @update-dfa=","\n              @next-step=","\n              @validate-step=","\n              @next-button-toggle=","\n            ></create-user-step-four>\n          </ui-um-wizard-step>\n        "])),this.stepTitle,"Portal Access",this.dataForAccounts,this.selectedAccountId,this.selectedRoleId,this.permissions,this.newContact,t=>this.dataForAccounts=t.detail.dataForAccounts,this.onNextStep,t=>this.isNextButtonEnabled=t.detail,t=>this.onNextButtonToggle(t));case 5:return a(T||(T=o(['\n          <ui-um-wizard-step\n            slot="wizard-content"\n            .stepTitle=',"\n            .stepSubTitle=",'\n            data-testid="create-user-step-five"\n          >\n            <create-user-step-five\n              class="step"\n              .dataForAccounts=',"\n              .selectedAccountId=","\n              .evacAssistanceRequired=","\n              @evac-assistance-required=","\n              @update-flags=","\n              @next-step=","\n            >\n            </create-user-step-five>\n          </ui-um-wizard-step>\n        "])),this.stepTitle,"User Flags",this.dataForAccounts,this.selectedAccountId,this.newContact.evacAssistance,t=>this.newContact.evacAssistance=t.detail,()=>this.canQuickNavigateSteps={...this.canQuickNavigateSteps,5:!1},this.onNextStep);case 6:return a(E||(E=o(['\n          <ui-um-wizard-step\n            isLastStep\n            slot="wizard-content"\n            .stepTitle=',"\n            .stepSubTitle=","\n            ?submitting=","\n            @create-contact=",'\n            data-testid="create-user-step-six"\n          >\n            <create-user-step-six\n              class="step"\n              .dataForAccounts=',"\n              .newContact=","\n              ?submitting=","\n              @set-step=","\n            ></create-user-step-six>\n          </ui-um-wizard-step>\n        "])),this.stepTitle,"Are these details correct?",this.submitting,this.dispatchCreateNewContactEvent,this.dataForAccounts,this.newContact,this.submitting,t=>this.setStep(t.detail.step))}return g}renderProgress(){return a(y||(y=o(['<ix-progress slot="wizard-content" indeterminate></ix-progress>'])))}renderSuccessMessage(){return a(D||(D=o(['\n      <div\n        data-testid="','"\n        slot="content"\n        class="flex flex-col justify-between items-center pt-40 h-96"\n      >\n        <ix-icon\n          data-testid="','"\n          style="color:#4CAF50;font-size: 75px;font-weight: bold;"\n          >check_circle</ix-icon\n        >\n        <span data-testid="','" class="text-2xl font-bold pb-5"\n          >'," ",' Created</span\n        >\n        <div data-testid="','" class="pb-5">\n          '," ",' has been successfully created.\n        </div>\n        <div class="flex justify-between w-400 success-actions">\n          <ix-button\n            data-testid="','"\n            appearance="outlined"\n            @click=','\n            class="p-1"\n            ><span class="font-bold text-sm tracking-wider uppercase">View user</span></ix-button\n          >\n          <ix-button\n            data-testid="','"\n            appearance="filled"\n            class="p-1"\n            @click=','\n            ><span class="font-bold uppercase text-sm tracking-wider"\n              >Back to users</span\n            ></ix-button\n          >\n        </div>\n      </div>\n    '])),d.SUCCESS_CREATED,d.SUCCESS_ICON,d.USER_DETAILS,this.newContact.firstName,this.newContact.lastName,d.SUCCESS_MESSAGE,this.newContact.firstName,this.newContact.lastName,d.VIEW_USER,this.handleViewUserRedirect,d.BACK_TO_USERS,()=>this.handleDialogReset("close"))}handleViewUserRedirect(){this.handleDialogReset("close"),v(w.UserManagementDetails,"?id=".concat(this.newUserId)),this.newUserId=""}renderManageUserDialog(){return a(k||(k=o(["\n      <ix-dialog ?open=",'>\n        <div class="dlr-text-heading" slot="headline">\n          This user already exists for your Master Account\n        </div>\n        <div class="dialog-actions" slot="actions">\n          <ix-button appearance="text" @click=',' slot="secondary">\n            Cancel\n          </ix-button>\n          <ix-button appearance="text" @click=',' slot="primary">\n            Manage User\n          </ix-button>\n        </div>\n      </ix-dialog>\n    '])),this.showManageUserDialog,this.handleManageUserDialogClose,this.handleManageUserRedirect)}toggleManageUserDialog(){this.showManageUserDialog=!this.showManageUserDialog}handleManageUserDialogClose(){this.toggleManageUserDialog(),this.handleDialogReset("close")}handleManageUserRedirect(){this.toggleManageUserDialog(),this.handleDialogReset("close"),v(w.UserManagementDetails,"?id=".concat(this.userId)),this.userId=""}dispatchToggleDrawerEvent(){this.dispatchEvent(new CustomEvent(p.ToggleDrawer,{bubbles:!0,composed:!0}))}dispatchDrawerCloseEvent(){this.dispatchEvent(new CustomEvent(p.CloseDrawer,{bubbles:!0,composed:!0}))}dispatchResetSuccessEvent(){this.dispatchEvent(new CustomEvent(p.ResetSuccess,{bubbles:!0,composed:!0}))}dispatchCreateNewContactEvent(){this.dispatchEvent(new CustomEvent(p.CreateNewContact,{detail:{newContact:this.newContact,dataForAccounts:this.dataForAccounts},bubbles:!0,composed:!0}))}renderDrawerControls(){return a(R||(R=o(['\n      <div slot="centre-top">\n        <div class="flex">\n          ',"\n        </div>\n      </div>\n    "])),this.success?g:a(U||(U=o(['\n                <ix-icon-button\n                  class="icon-btn_primary"\n                  ?disabled=',"\n                  @click=",'\n                  icon="chevron_left"\n                  data-testid="prev-step-icon"\n                >\n                </ix-icon-button>\n                <span\n                  class="dlr-text-small uppercase font-bold pt-[10px] px-2 step-progress"\n                  data-testid="step-progress"\n                >\n                  ',' of 6\n                </span>\n                <ix-icon-button\n                  style="','"\n                  class="icon-btn_primary ','"\n                  ?disabled=',"\n                  @click=",'\n                  icon="chevron_right"\n                  data-testid="next-step-icon"\n                >\n                </ix-icon-button>\n              '])),this.step===1||this.loading,()=>this.onPrevStep(),this.step,this.step===6?"visibility: hidden":"",this.step===6||!this.isNextButtonEnabled||this.loading?"disabled":"",!this.canQuickNavigateSteps[this.step]||this.loading,()=>this.onQuickNextStep()))}render(){return a(F||(F=o(["\n      <ui-um-drawer\n        ?isVisible=","\n        ?summaryScreen=","\n        ?submitting=","\n        @close-success=",'\n        data-testid="ui-um-drawer"\n      >\n        ',"\n        ","\n      </ui-um-drawer>\n\n      ","\n    "])),this.showDrawer,this.success,this.submitting,()=>this.handleDialogReset("close"),this.renderDrawerControls(),this.success?this.renderSuccessMessage():a(I||(I=o(['\n              <ui-um-wizard\n                class="create-user-wizard"\n                slot="content"\n                data-testid="create-user-wizard"\n              >\n                ',"\n              </ui-um-wizard>\n            "])),this.loading?this.renderProgress():this.renderWizardStep()),this.renderManageUserDialog())}};s.styles=[_,q,O],i([l({type:Boolean})],s.prototype,"showDrawer",void 0),i([l({type:Boolean})],s.prototype,"success",void 0),i([l({type:Boolean})],s.prototype,"submitting",void 0),i([l({type:String})],s.prototype,"newUserId",void 0),i([n()],s.prototype,"accounts",void 0),i([n()],s.prototype,"accountTree",void 0),i([n()],s.prototype,"permissions",void 0),i([n()],s.prototype,"roles",void 0),i([n()],s.prototype,"treeData",void 0),i([n()],s.prototype,"loading",void 0),i([n()],s.prototype,"selectedAccountId",void 0),i([n()],s.prototype,"selectedRoleId",void 0),i([n()],s.prototype,"step",void 0),i([n()],s.prototype,"validatingStepOne",void 0),i([n()],s.prototype,"newContact",void 0),i([n()],s.prototype,"dataForAccounts",void 0),i([n()],s.prototype,"showManageUserDialog",void 0),i([n()],s.prototype,"userId",void 0),i([n()],s.prototype,"stepTitle",void 0),i([n()],s.prototype,"isNextButtonEnabled",void 0),i([n()],s.prototype,"canQuickNavigateSteps",void 0),i([n()],s.prototype,"maxQuickStep",void 0),i([n()],s.prototype,"checkedAccounts",void 0),s=i([M("create-user")],s);export{s as CreateUser};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management3.js

@@ -1 +0,0 @@
-import{__decorate as l}from"tslib";import{LitElement as x,html as f}from"lit";import{property as h,state as p,customElement as A}from"lit/decorators.js";import"@digital-realty/ix-multi-select/ix-multi-select.js";import"@digital-realty/ix-button/ix-button.js";import{baseTheme as y}from"@digital-realty/theme";import{updateNodeCheckedStatus as D}from"@digital-realty/ix-generic-tree";import{StepThreeStyles as F}from"../../../styles/ui-user-management17.js";import{TWStyles as _}from"../../../ui-user-management2.js";import{getSpaceNameTreeNodeFromTreeNode as I}from"../../../services/ui-user-management21.js";import{userFlagTypeList as N}from"../../../models/ui-user-management.js";import{CreateUserEvents as m}from"../../../constants/events/ui-user-management2.js";var g=Object.freeze,w=Object.defineProperty,b=(e,t)=>g(w(e,"raw",{value:g(t||e.slice())})),E,S;let s=class extends x{constructor(){super(...arguments),this.checkedAccounts=[],this.roles=[],this.dataForAccounts=[],this.treeData=[],this._dataForAccounts=[],this._treeData=[],this._nextButtonEnabled=!1,this.multiSelectOpen=!1}connectedCallback(){super.connectedCallback(),this._dataForAccounts=this.dataForAccounts,this._treeData=this.treeData,this.validateStep(),this.dispatchValidateStepEvent()}getRoles(e){return this.roles.filter(t=>t.accountId===e)[0].roles}getRolesData(e){const t=this.roles.filter(o=>o.accountId===e)[0],a=[];return t.roles.forEach(o=>{var r;o.removed=!0;const i={id:"root",label:"",children:[],customerKnownSpaceName:""},c=(r=this._treeData.find(u=>u.accountNumber===e))===null||r===void 0?void 0:r.data;c&&c.length&&I(c[0],i);const d={accountId:e,role:o,locations:[],genericTreeView:i};a.push(d)}),a}getFlagsData(e){const t=[];return N.forEach(a=>{const o={accountId:e,flag:a,locations:[],genericFlagsData:[]};t.push(o)}),t}renderMultiSelectRoles(){this._dataForAccounts.length===0&&(this._dataForAccounts=this.checkedAccounts.map(t=>({accountId:t.id,accountName:t.label,rolesData:this.getRolesData(t.id),flagsData:this.getFlagsData(t.id),flagData:[],active:!1})));const e={};return this._dataForAccounts.forEach(t=>{e[t.accountId]=t.rolesData.filter(a=>a.role.removed===!0).map(a=>a.role.name)}),this._dataForAccounts.map(t=>{const a=[...new Set(this.getRoles(t.accountId).map(o=>o.name))].map(o=>({label:o,selected:!e[t.accountId].includes(o)}));return f(E||(E=b(['\n        <div>\n          <div class="account-roles-name">','</div>\n          <ix-multi-select\n            data-testid="multi-select-roles-','"\n            required\n            id=','\n            style="max-width: 99%;"\n            class="multi-select"\n            .menuPositioning=',"\n            .items=","\n            .label=","\n            @toggle-multi-select-item=","\n            @remove-multi-select-item=","\n            @clear-multi-select=","\n            @select-menu=","\n          ></ix-multi-select>\n        </div>\n      "])),t.accountName,t.accountId,"".concat(t.accountId,"-multi-select"),"popover",a,"Roles",o=>this.handleMultiSelect(t.accountId,o.detail.label,o.detail.selected),o=>this.handleMultiSelect(t.accountId,o.detail,!1),()=>this.handleMultiSelectClear(t.accountId),o=>this.handleSelectMenu(o))})}handleSelectMenu(e){e.detail.value==="open"?this.multiSelectOpen=!0:this.multiSelectOpen=!1}handleMultiSelect(e,t,a){var o,r;const[i]=this._dataForAccounts.filter(n=>n.accountId===e),c=this.getRoles(i.accountId).find(n=>n.name===t);if(!c)return;const d=i.rolesData.findIndex(n=>n.role.id===c.id);if(c.permissions.every(n=>n.isNonLocation)){const n=(o=i.rolesData[d])===null||o===void 0?void 0:o.genericTreeView;if(!((r=n==null?void 0:n.children)===null||r===void 0)&&r.length){const v=n.children[0];v.checked=!0,D(v,n),i.rolesData[d].locations.push(v)}}const u=i.rolesData.findIndex(n=>n.role.id===(c==null?void 0:c.id));i.rolesData[u].role.removed=!(a&&u>=0),this.validateStep(),this.dispatchUpdateDFAEvent(),this.dispatchNextButtonToggleEvent()}validateStep(){const e=this._dataForAccounts.every(a=>a.rolesData.filter(o=>o.role.removed===!1).length),t=this._dataForAccounts.length===this.checkedAccounts.length;this._nextButtonEnabled=e&&t}handleMultiSelectClear(e){const t=this._dataForAccounts.filter(a=>a.accountId===e)[0];this._dataForAccounts.find(a=>a.accountId===e).rolesData=this.getRolesData(t.accountId),this._nextButtonEnabled=!1,this.dispatchUpdateDFAEvent(),this.dispatchNextButtonToggleEvent()}dispatchUpdateDFAEvent(){const e=new CustomEvent(m.UpdateDFA,{detail:{dataForAccounts:this._dataForAccounts},bubbles:!0,composed:!0});this.dispatchEvent(e)}dispatchNextStepEvent(){this.dispatchEvent(new CustomEvent(m.NextStep,{bubbles:!0,composed:!0}))}dispatchNextButtonToggleEvent(){this.dispatchEvent(new CustomEvent(m.NextButtonToggle,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}dispatchValidateStepEvent(){this.dispatchEvent(new CustomEvent(m.ValidateStep,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}render(){const e=this.multiSelectOpen?"overflow-hidden":"overflow-auto";return f(S||(S=b(['\n      <div class="wizard-step-content flex flex-col overflow-hidden">\n        <div class="p-1 dlr-text-default ','">','</div>\n        <div class="flex justify-end" style="padding-top: 8px;">\n          <ix-button\n            class="pt-2"\n            type="submit"\n            ?disabled=',"\n            has-icon\n            trailing-icon\n            @click=",'\n            data-testid="step-three-next-button"\n          >\n            Next\n            <md-icon slot="icon">east</md-icon>\n          </ix-button>\n        </div>\n      </div>\n    '])),e,this.renderMultiSelectRoles(),!this._nextButtonEnabled,this.dispatchNextStepEvent)}};s.styles=[F,_,y],l([h({type:Array})],s.prototype,"checkedAccounts",void 0),l([h({type:Array})],s.prototype,"roles",void 0),l([h({type:Array})],s.prototype,"dataForAccounts",void 0),l([h({type:Array})],s.prototype,"treeData",void 0),l([p()],s.prototype,"_dataForAccounts",void 0),l([p()],s.prototype,"_treeData",void 0),l([p()],s.prototype,"_nextButtonEnabled",void 0),l([p()],s.prototype,"multiSelectOpen",void 0),s=l([A("create-user-step-three")],s);export{s as CreateUserStepThree};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management4.js

@@ -1 +0,0 @@
-import{__decorate as o}from"tslib";import{LitElement as v,nothing as m,html as c}from"lit";import{property as b,state as r,query as x,customElement as E}from"lit/decorators.js";import"@digital-realty/ix-tree/ix-tree.js";import"@digital-realty/ix-button/ix-button.js";import{elementTheme as T}from"@digital-realty/theme";import{TWStyles as _}from"../../../ui-user-management2.js";import{isAnyAccountChecked as f}from"./ui-user-management10.js";import{CreateUserEvents as i}from"../../../constants/events/ui-user-management2.js";var a=Object.freeze,g=Object.defineProperty,d=(e,n)=>a(g(e,"raw",{value:a(n||e.slice())})),l,p;let t=class extends v{constructor(){super(...arguments),this._nextButtonEnabled=!1}connectedCallback(){super.connectedCallback(),this._accountTree=this.accountTree,this.validateStep(),this.dispatchValidateStepEvent()}renderAccounts(){var e,n;if(!this._accountTree)return m;const u=(n=(e=this._accountTree)===null||e===void 0?void 0:e.children)===null||n===void 0?void 0:n.some(h=>{var s;return(s=h.children)===null||s===void 0?void 0:s.length});return c(l||(l=d(['\n      <div class="overflow-auto pb-[2px]">\n        <ix-tree\n          checkboxesEnabled\n          .rootNode=',"\n          .rollup=","\n          .disableEndNodePointer=","\n          .selectNodeOnClick=","\n          ?removeChevron=","\n          @on-tree-node-checked=",'\n          data-testid="step-two-account-tree"\n        ></ix-tree>\n      </div>\n    '])),this._accountTree,!1,!0,!0,!u,()=>this.toggleAccountChecked())}validateStep(){!this._accountTree||!this.ixTree||(this._nextButtonEnabled=f([this._accountTree]))}async toggleAccountChecked(){!this._accountTree||!this.ixTree||(await this.ixTree.updateComplete,this._accountTree=this.ixTree.rootNode,this.dispatchUpdateAccountsEvent(),this.validateStep(),this.dispatchNextButtonToggleEvent())}dispatchUpdateAccountsEvent(){this.dispatchEvent(new CustomEvent(i.UpdateAccounts,{detail:{rootNode:this._accountTree},bubbles:!0,composed:!0}))}dispatchNextStepEvent(){this.dispatchEvent(new CustomEvent(i.NextStep,{bubbles:!0,composed:!0}))}dispatchNextButtonToggleEvent(){this.dispatchEvent(new CustomEvent(i.NextButtonToggle,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}dispatchValidateStepEvent(){this.dispatchEvent(new CustomEvent(i.ValidateStep,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}render(){return c(p||(p=d(['\n      <div class="flex flex-col overflow-hidden">\n        ','\n        <div class="flex justify-end mt-6">\n          <ix-button\n            type="submit"\n            ?disabled=',"\n            has-icon\n            trailing-icon\n            @click=",'\n            data-testid="step-two-next-button"\n          >\n            Next\n            <md-icon slot="icon">east</md-icon>\n          </ix-button>\n        </div>\n      </div>\n    '])),this.renderAccounts(),!this._nextButtonEnabled,this.dispatchNextStepEvent)}};t.styles=[_,T],o([b({type:Object})],t.prototype,"accountTree",void 0),o([r()],t.prototype,"_accountTree",void 0),o([r()],t.prototype,"_nextButtonEnabled",void 0),o([x("ix-tree")],t.prototype,"ixTree",void 0),t=o([E("create-user-step-two")],t);export{t as CreateUserStepTwo};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management5.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as L,nothing as u,html as a}from"lit";import{property as m,state as c,customElement as C}from"lit/decorators.js";import"../../Shared/ui-user-management8.js";import"@digital-realty/ix-generic-tree/ix-generic-tree.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import"@digital-realty/ix-tabs/ix-tabs.js";import"@digital-realty/ix-tabs/ix-primary-tab.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-phone-number/ix-phone-number.js";import{elementTheme as N}from"@digital-realty/theme";import{getCheckedAndIndeterminateNodesOnly as v,buildTreeFromFlatArray as h,updateChildrenCount as b}from"@digital-realty/ix-generic-tree";import{StepFiveStyles as U}from"../../../styles/ui-user-management15.js";import{TWStyles as D}from"../../../ui-user-management2.js";import{CreateUserEvents as I}from"../../../constants/events/ui-user-management2.js";import{CreateUserTestIds as r}from"../../../constants/test-ids/ui-user-management3.js";var y=Object.freeze,O=Object.defineProperty,n=(e,t)=>y(O(e,"raw",{value:y(t||e.slice())})),f,T,g,x,_,S,A,w,E,F;let s=class extends L{constructor(){super(...arguments),this.newContact={},this.dataForAccounts=[],this.submitting=!1,this._readonlyTreeViews=[],this._readonlyUserFlags=[],this._selectedTab="roles-and-portal-access",this._isFirstLoad=!0}connectedCallback(){super.connectedCallback(),this._readonlyTreeViews=this.generateReadOnlyTreeViews(),this._readonlyUserFlags=this.generateReadOnlyUserFlags()}isTabActive(e){return this._isFirstLoad?u:this._selectedTab===e}generateReadOnlyTreeViews(){const e=[];return this.dataForAccounts.forEach(t=>{let d=[];t.rolesData.forEach(l=>{if(!l.role.removed){const p=v(l.genericTreeView),o=h(structuredClone(p));b(o),d.push({role:l.role.name,tree:o})}}),e.push({accountName:t.accountName,roleTrees:d}),d=[]}),e}generateReadOnlyUserFlags(){const e=[];return this.dataForAccounts.forEach(t=>{let d=[];t.genericFlagsData&&(t.genericFlagsData.forEach(l=>{const p=v(l.rootNode),o=h(structuredClone(p));b(o),d.push({label:l.label,rootNode:o,isOpen:!1})}),e.push({accountName:t.accountName,flagTrees:d}),d=[])}),e}renderUserDetails(){return a(f||(f=n(['\n      <div class="user-details">\n        <div class="user-details-header" data-testid=','>\n          <div class="user-details-header-text">User Details</div>\n          <ix-icon-button\n            class="icon-btn_primary"\n            filledIcon\n            icon="edit"\n            ?disabled=',"\n            @click=",'\n          ></ix-icon-button>\n        </div>\n        <div class="user-details-body" data-testid=','>\n          <div class="user-details-row">\n            <div class="dlr-text-default row-label">First Name</div>\n            <div class="dlr-text-default row-value" data-testid=',">\n              ",'\n            </div>\n          </div>\n          <div class="user-details-row">\n            <div class="dlr-text-default row-label">Last Name</div>\n            <div class="dlr-text-default row-value" data-testid=',">\n              ",'\n            </div>\n          </div>\n          <div class="user-details-row">\n            <div class="dlr-text-default row-label">Email Address</div>\n            <div class="dlr-text-default row-value" data-testid=',">\n              ",'\n            </div>\n          </div>\n          <div class="user-details-row">\n            <div class="dlr-text-default row-label">Phone</div>\n            <ix-phone-number\n              data-testid=','\n              .number="','"\n            ></ix-phone-number>\n          </div>\n        </div>\n      </div>\n    '])),r.S6.DETAILS_HEADER,this.submitting,()=>this.dispatchSetStepEvent(1),r.S6.DETAILS_BODY,r.S6.DETAILS_FIRST_NAME,this.newContact.firstName,r.S6.DETAILS_LAST_NAME,this.newContact.lastName,r.S6.DETAILS_EMAIL,this.newContact.email,r.S6.DETAILS_PHONE,this.newContact.phone)}renderTabs(){return a(T||(T=n(["\n      <ix-tabs>\n        <ix-primary-tab\n          @click=","\n          ?active=","\n          data-testid=","\n        >\n          <span\n            style=",'\n            class="flex items-center uppercase font-bold tracking-wide"\n          >\n            Roles and Portal Access\n          </span>\n        </ix-primary-tab>\n        <ix-primary-tab\n          @click=',"\n          ?active=","\n          data-testid=","\n        >\n          <span\n            style=",'\n            class="flex items-center uppercase font-bold tracking-wide"\n            >User Flags</span\n          ></ix-primary-tab\n        >\n      </ix-tabs>\n    '])),()=>{this._selectedTab="roles-and-portal-access",this._isFirstLoad=!1},this.isTabActive("roles-and-portal-access"),r.S6.TAB_PORTAL,this._selectedTab==="roles-and-portal-access"?"":"color: #092241; opacity: 60%;",()=>{this._selectedTab="user-flags",this._isFirstLoad=!1},this.isTabActive("user-flags"),r.S6.TAB_FLAGS,this._selectedTab==="user-flags"?"":"color: #092241; opacity: 60%;")}renderRolesAndPortalAccessSummary(){return this._selectedTab!=="roles-and-portal-access"?u:a(_||(_=n(['\n      <div class="py-4">\n        ',"\n      </div>\n    "])),this._readonlyTreeViews.map(e=>a(x||(x=n([' <div>\n            <h4 style="color: #092241;opacity: 60%;" class="pt-1 pb-3">',"</h4>\n            ","\n          </div>"])),e.accountName,e.roleTrees.map(t=>a(g||(g=n(['\n                <div class="pb-2">\n                  <div class="pb-1">',"</div>\n                  <ix-generic-tree\n                    filledIcons\n                    .rootNode=","\n                    data-testid=","\n                  ></ix-generic-tree>\n                </div>\n              "])),t.role,t.tree,r.S6.PORTAL_TREE)))))}renderUserFlagsSummary(){return this._selectedTab!=="user-flags"?u:a(A||(A=n(["<div>\n      ","\n    </div>"])),this._readonlyUserFlags.map(e=>a(S||(S=n([' <div class="py-2">\n          <h4 class="font-bold pb-2">',"</h4>\n          <user-flags\n            filledIcons\n            disableCheckboxes\n            .flags=","\n            data-testid=","\n          ></user-flags>\n        </div>"])),e.accountName,e.flagTrees,r.S6.FLAG_TREE)))}renderLearnMoreText(){return this._selectedTab==="user-flags"?a(w||(w=n(['\n        <div style="padding-top: 15px;">\n          Learn more about user flags\n          <a class="user-flag-learn-text-link" href="#">here.</a>\n        </div>\n      ']))):a(E||(E=n(['\n      <div style="padding-top: 15px;" class="text-black roles-and-portal-access-text">\n        Learn more about roles and portal access\n        <a class="user-flag-learn-text-link" href="#">here.</a>\n      </div>\n    '])))}dispatchSetStepEvent(e){this.dispatchEvent(new CustomEvent(I.SetStep,{detail:{step:e},bubbles:!0,composed:!0}))}render(){return a(F||(F=n(['\n      <div class="wizard-step-content overflow-y-auto overflow-x-hidden md:p-1">\n        ',"\n        <ix-divider></ix-divider>\n        "," ","\n        "," ","\n      </div>\n    "])),this.renderUserDetails(),this.renderTabs(),this.renderLearnMoreText(),this.renderRolesAndPortalAccessSummary(),this.renderUserFlagsSummary())}};s.styles=[U,D,N],i([m({type:Object})],s.prototype,"newContact",void 0),i([m({type:Array})],s.prototype,"dataForAccounts",void 0),i([m({type:Boolean})],s.prototype,"submitting",void 0),i([c()],s.prototype,"_readonlyTreeViews",void 0),i([c()],s.prototype,"_readonlyUserFlags",void 0),i([c()],s.prototype,"_selectedTab",void 0),i([c()],s.prototype,"_isFirstLoad",void 0),s=i([C("create-user-step-six")],s);export{s as CreateUserStepSix};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management6.js

@@ -1 +0,0 @@
-import{__decorate as n}from"tslib";import{LitElement as F,html as c}from"lit";import{property as a,state as l,customElement as x}from"lit/decorators.js";import"./ui-user-management11.js";import"../../Shared/ui-user-management8.js";import{elementTheme as I}from"@digital-realty/theme";import{TWStyles as _}from"../../../ui-user-management2.js";import{userFlagTypeList as C,getUserFlagKey as E}from"../../../models/ui-user-management.js";import{StepFiveStyles as w}from"../../../styles/ui-user-management15.js";import{CreateUserEvents as p}from"../../../constants/events/ui-user-management2.js";var h=Object.freeze,S=Object.defineProperty,o=(t,s)=>h(S(t,"raw",{value:h(s||t.slice())})),g,v,f,m;let e=class extends F{constructor(){super(...arguments),this.dataForAccounts=[],this.evacAssistanceRequired=!1,this._dataForAccounts=[]}get selectedAccount(){return this._dataForAccounts.find(t=>t.accountId===this._selectedAccountId)}connectedCallback(){super.connectedCallback(),this._dataForAccounts=this.dataForAccounts,this._selectedAccountId=this.selectedAccountId}setSelectedFlag(t){this._selectedFlagId=t}setInitialFlag(){this._selectedFlagId=C[0].key}toggleActiveCard(t){this._selectedAccountId=t;const s=this._dataForAccounts.find(i=>i.accountId===t);s&&s.genericFlagsData&&(this._selectedFlagId=E(s.genericFlagsData[0].label)),this.setSelectedFlag(this._selectedFlagId),this.setInitialFlag(),this.requestUpdate()}dispatchNextStepEvent(){this.dispatchEvent(new CustomEvent(p.NextStep,{bubbles:!0,composed:!0}))}renderAccountTabbingCard(){return c(g||(g=o(['\n      <account-tabbing-card\n        data-testid="step-five-account-cards"\n        .dataForAccounts=',"\n        .selectedAccountId=","\n        @toggle-active-card=","\n      >\n      </account-tabbing-card>\n    "])),this._dataForAccounts,this._selectedAccountId,t=>this.toggleActiveCard(t.detail.accountId))}renderElevatedNextButton(){return c(v||(v=o(['\n      <div class="flex justify-between flags-description">\n        <p style="max-width: 550px;" class="dlr-text-caption evacuation-text">\n          The locations chosen for this account\'s Portal access will automatically default\n          selections for the user flags listed below. You have the flexibility to modify these\n          selections by deselecting specific locations and choosing others as needed.\n        </p>\n        <div class="step-five-next-container">\n          <ix-button\n            type="submit"\n            has-icon\n            trailing-icon\n            @click=','\n            data-testid="step-five-next-button"\n          >\n            <span class="uppercase font-bold tracking-wider">Next</span>\n            <md-icon slot="icon">east</md-icon>\n          </ix-button>\n        </div>\n      </div>\n    '])),this.dispatchNextStepEvent)}renderUserFlags(){var t,s;const i=b=>{var r;const A=(r=structuredClone(b.detail.message.updates))!==null&&r!==void 0?r:[];this.selectedAccount&&A.forEach(d=>{const u=this.selectedAccount.flagData.findIndex(y=>y.key===d.key);u>-1?this.selectedAccount.flagData[u]=structuredClone(d):this.selectedAccount.flagData.push(d)}),this.dispatchEvent(new CustomEvent(p.UpdateFlags,{bubbles:!0}))};return c(f||(f=o(['\n      <user-flags\n        class="grid grid-cols-1 gap-3"\n        showCheckboxes\n        filledIcons\n        searchEnabled\n        .flags=',"\n        @check-toggle=",'\n        data-testid="step-five-user-flags"\n      ></user-flags>\n    '])),(s=(t=this.selectedAccount)===null||t===void 0?void 0:t.genericFlagsData)!==null&&s!==void 0?s:[],i)}render(){return c(m||(m=o(['\n      <div class="wizard-step-content">\n        '," ","\n        ","\n      </div>\n    "])),this.renderAccountTabbingCard(),this.renderElevatedNextButton(),this.renderUserFlags())}};e.styles=[w,_,I],n([a({type:Object})],e.prototype,"newContact",void 0),n([a({type:Array})],e.prototype,"dataForAccounts",void 0),n([a({type:String})],e.prototype,"selectedAccountId",void 0),n([a({type:Boolean,reflect:!0})],e.prototype,"evacAssistanceRequired",void 0),n([l()],e.prototype,"_dataForAccounts",void 0),n([l()],e.prototype,"_selectedAccountId",void 0),n([l()],e.prototype,"_selectedFlagId",void 0),e=n([x("create-user-step-five")],e);export{e as CreateUserStepFive};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management7.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{LitElement as b,html as E}from"lit";import{property as h,state as p,customElement as f}from"lit/decorators.js";import"@digital-realty/ix-textbox/ix-textbox.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-phone-input/ix-phone-input.js";import{StepOneStyles as _}from"../../../styles/ui-user-management16.js";import{TWStyles as C}from"../../../ui-user-management2.js";import{getIxTextBoxValue as o,getIxPhoneInputValue as u,setIxPhoneInputValue as m,setIxTextBoxValue as l}from"../../../helpers/ui-user-management3.js";import{validateMandatory as d,validateRegex as N,validateEmail as y,validatePhoneNumber as g,validations as c}from"../../../helpers/ui-user-management2.js";import{CreateUserEvents as r}from"../../../constants/events/ui-user-management2.js";import{apiClient as w}from"../../../services/ui-user-management2.js";var v=Object.freeze,B=Object.defineProperty,I=(t,n)=>v(B(t,"raw",{value:v(n||t.slice())})),x;let i=class extends b{constructor(){super(...arguments),this.validatingForm=!1,this._newContact={firstName:"",lastName:"",email:"",phone:"",accounts:[],evacAssistance:!1},this._nextButtonEnabled=!1}firstUpdated(){this._newContact=this.newContact,this.validateStep(),this.dispatchValidateStepEvent()}get firstName(){return this.renderRoot.querySelector("#first-name")}get lastName(){return this.renderRoot.querySelector("#last-name")}get email(){return this.renderRoot.querySelector("#email")}get phone(){return this.renderRoot.querySelector("#phone-number")}validateStep(){this._nextButtonEnabled=!(this.isInvalid()||this.isEmpty())}validateInput(t,n){const e=o(t);if(this.updateContactDetails(),t.required&&!d(t,e)){this._nextButtonEnabled=!1;return}t.pattern&&!N(t,e,n)&&(this._nextButtonEnabled=!1),this.validateStep(),this.dispatchNextButtonToggleEvent()}async validateEmailInput(t,n){this._nextButtonEnabled=!1;const e=o(t);if(this.updateContactDetails(),t.required&&!d(t,e)){this._nextButtonEnabled=!1;return}if(!y(t,e,n)){this._nextButtonEnabled=!1;return}clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout(async()=>{const a={emailVerificationInput:{email_address:e!=null?e:""}};try{(await w.VerificationApi.verifyEmail(a)).is_verified?(t.error=!1,t.errorText="",this._nextButtonEnabled=!(this.isInvalid()||this.isEmpty())):(t.error=!0,t.errorText="".concat(n),this._nextButtonEnabled=!1)}catch(S){t.error=!0,t.errorText="An error occurred during email verification. Please try again later.",this._nextButtonEnabled=!1}},500),this.validateStep(),this.dispatchNextButtonToggleEvent()}validatePhoneInput(t,n){const e=u(t);if(m(t,e),this.updateContactDetails(),t.required&&!d(t,e)){this._nextButtonEnabled=!1;return}if(!g(t,n)){this._nextButtonEnabled=!1;return}this.validateStep(),this.dispatchNextButtonToggleEvent()}updateContactDetails(){var t,n,e,a;this._newContact={firstName:(t=o(this.firstName))!==null&&t!==void 0?t:"",lastName:(n=o(this.lastName))!==null&&n!==void 0?n:"",email:(e=o(this.email))!==null&&e!==void 0?e:"",phone:(a=u(this.phone))!==null&&a!==void 0?a:"",accounts:this._newContact.accounts,evacAssistance:this._newContact.evacAssistance},this.dispatchUpdateContactEvent()}clearTextFields(){this._newContact={firstName:"",lastName:"",email:"",phone:"",accounts:[],evacAssistance:!1},l(this.firstName,""),l(this.lastName,""),l(this.email,""),this.phone.reset(),m(this.phone,"")}resetErrorStates(){this.firstName.error=!1,this.lastName.error=!1,this.email.error=!1,this.phone.error=!1}isInvalid(){return this.firstName.error||this.lastName.error||this.email.error||this.phone.error}isEmpty(){return!this._newContact.firstName||!this._newContact.lastName||!this._newContact.email||!this._newContact.phone}dispatchNextStepEvent(){this.dispatchEvent(new CustomEvent(r.NextStep,{bubbles:!0,composed:!0}))}dispatchUpdateContactEvent(){const t=new CustomEvent(r.UpdateContact,{detail:{newContact:this._newContact},bubbles:!0,composed:!0});this.dispatchEvent(t)}dispatchNextButtonToggleEvent(){this.dispatchEvent(new CustomEvent(r.NextButtonToggle,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}dispatchValidateStepEvent(){this.dispatchEvent(new CustomEvent(r.ValidateStep,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}render(){return E(x||(x=I(['\n      <div class="input-group">\n        <ix-textbox\n          required\n          id="first-name"\n          label="First name"\n          name="first-name"\n          type="text"\n          value=',"\n          @input=","\n          pattern=",'\n          maxLength="50"\n          data-testid="step-one-first-name"\n        ></ix-textbox>\n        <ix-textbox\n          required\n          id="last-name"\n          label="Last name"\n          name="last-name"\n          type="text"\n          value=',"\n          @input=","\n          pattern=",'\n          maxLength="50"\n          data-testid="step-one-last-name"\n        ></ix-textbox>\n      </div>\n      <div class="input-group">\n        <ix-textbox\n          required\n          id="email"\n          label="Email Address"\n          name="email"\n          type="email"\n          value=',"\n          @input=",'\n          data-testid="step-one-email"\n        ></ix-textbox>\n        <ix-phone-input\n          required\n          id="phone-number"\n          label="Phone Number"\n          name="phone"\n          value=',"\n          @input=","\n          @country-change=",'\n          data-testid="step-one-phone-number"\n        ></ix-phone-input>\n      </div>\n      <div style="display:flex; justify-content:flex-end; padding-top: 8px;">\n        <ix-button\n          type="submit"\n          ?disabled=',"\n          has-icon\n          trailing-icon\n          @click=",'\n          data-testid="step-one-next-button"\n        >\n          Next\n          <md-icon slot="icon">east</md-icon>\n        </ix-button>\n      </div>\n    '])),this._newContact.firstName,()=>this.validateInput(this.firstName,"Invalid first name"),c.name,this._newContact.lastName,()=>this.validateInput(this.lastName,"Invalid last name"),c.name,this._newContact.email,()=>this.validateEmailInput(this.email,"Invalid email address"),this._newContact.phone,()=>this.validatePhoneInput(this.phone,"Invalid phone number"),()=>this.phone.value?this.validatePhoneInput(this.phone,"Invalid phone number"):null,!this._nextButtonEnabled||this.validatingForm,this.dispatchNextStepEvent)}};i.styles=[_,C],s([h({type:Object})],i.prototype,"newContact",void 0),s([h({type:Boolean})],i.prototype,"validatingForm",void 0),s([p()],i.prototype,"_newContact",void 0),s([p()],i.prototype,"_nextButtonEnabled",void 0),i=s([f("create-user-step-one")],i);export{i as CreateUserStepOne};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management8.js

@@ -1 +0,0 @@
-import{findChildNodeById as u,updateNodeCheckedStatus as m}from"@digital-realty/ix-generic-tree";import{userFlagTypeList as f}from"../../../models/ui-user-management.js";import n from"../../../services/ui-user-management19.js";import{getSpaceNameTreeNodeFromTreeNode as g}from"../../../services/ui-user-management21.js";function h(r,c){const o={id:"root",label:"",children:[],customerKnownSpaceName:""},d=new n,i=structuredClone(r.rolesData.filter(e=>e.locations.length>0).filter(e=>!e.role.removed).flatMap(e=>e.locations)),a=c.data;a&&a.length&&g(a[0],o),i.forEach(e=>{const t=u(o,e.id);t&&(t.checked=!0,m(t,o),d.update(o))});const s={label:"",isOpen:!1,rootNode:o},l=[],p=f.map(e=>{const t=structuredClone(s);return t.updateService=new n,t.updateService.updates=structuredClone(d.nodeUpdates),t.label=e.text,l.push({key:e.text,items:[]}),t});r.genericFlagsData=[...p],r.flagData=l}export{h as generateFlagsDataForAccount};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management9.js

@@ -1 +0,0 @@
-import{__decorate as n}from"tslib";import{LitElement as F,nothing as g,html as i}from"lit";import{property as c,state as d,query as m,customElement as P}from"lit/decorators.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"../user-details/ui-user-management2.js";import"../../Shared/ui-user-management4.js";import"../user-details/ui-user-management6.js";import"../user-details/ui-user-management3.js";import"./ui-user-management11.js";import"../user-details/ui-user-management5.js";import{elementTheme as S}from"@digital-realty/theme";import{calculateCheckedEndNodesCount as O,updateNodeCheckedStatus as N}from"@digital-realty/ix-generic-tree";import{StepFourStyles as B}from"../../../styles/ui-user-management18.js";import{TWStyles as k}from"../../../ui-user-management2.js";import{getPermissionData as V}from"../../../services/ui-user-management20.js";import{clear as L}from"../../../services/ui-user-management21.js";import{CreateUserEvents as u}from"../../../constants/events/ui-user-management2.js";import{getAccountByNumber as U}from"../../../services/ui-user-management10.js";var R=Object.freeze,q=Object.defineProperty,l=(e,t)=>R(q(e,"raw",{value:R(t||e.slice())})),A,b,f,D,I,_,y,x,C,E,w,T;let s=class extends F{constructor(){super(...arguments),this.dataForAccounts=[],this.permissions=[],this._dataForAccounts=[],this.showPermissionsDialog=!1,this.removeRoleDialogOpen=!1,this._nextButtonEnabled=!1}connectedCallback(){super.connectedCallback(),this._dataForAccounts=this.dataForAccounts,this._selectedAccountId=this.selectedAccountId,this._selectedRoleId=this.selectedRoleId,this.validateStep(),this.dispatchValidateStepEvent(),this.setInitialRole()}get noOfLocations(){var e;return O((e=this.selectedRoleData)===null||e===void 0?void 0:e.genericTreeView)}get canAddRolesDisabled(){return this.unAvailableRoles&&this.unAvailableRoles.length<=0}get availableRoles(){const e=this._dataForAccounts.find(o=>o.accountId===this._selectedAccountId),t=e==null?void 0:e.rolesData.filter(o=>o.role.removed===!1);return t==null?void 0:t.flatMap(o=>o.role)}get unAvailableRoles(){const e=this._dataForAccounts.find(o=>o.accountId===this._selectedAccountId),t=e==null?void 0:e.rolesData.filter(o=>o.role.removed===!0);return t==null?void 0:t.flatMap(o=>o.role)}get roles(){const e=this._dataForAccounts.find(t=>t.accountId===this._selectedAccountId);return e==null?void 0:e.rolesData.flatMap(t=>t.role)}get selectedAccount(){return this._dataForAccounts.find(e=>e.accountId===this._selectedAccountId)}get selectedRole(){return this.selectedAccount.rolesData.find(e=>e.role.id===this._selectedRoleId).role}get selectedRolePermissions(){var e,t;return(t=(e=this._dataForAccounts.find(o=>o.accountId===this._selectedAccountId))===null||e===void 0?void 0:e.rolesData.find(o=>o.role.id===this._selectedRoleId))===null||t===void 0?void 0:t.role.permissions}get selectedRoleData(){return this.selectedAccount.rolesData.find(e=>e.role.id===this._selectedRoleId)}toggleActiveCard(e){var t;this._selectedAccountId=e,this._selectedRoleId=(t=this._dataForAccounts.find(o=>o.accountId===e))===null||t===void 0?void 0:t.rolesData[0].role.id,this._dataForAccounts.forEach(o=>{o.accountId!==e?o.active=!1:o.active=!0}),this.roleTabComponent.setActiveRole(this._selectedRoleId),this.setInitialRole(),this.requestUpdate()}setInitialRole(){this.availableRoles&&this.availableRoles.length>0&&(this._selectedRoleId=this.availableRoles[0].id)}dispatchOpenAddAccountRole(){this.addRoleDialog.handleOpenDialog()}dispatchTabControl(e){this._selectedRoleId=this.roles[e].id,this.roleTabComponent.setActiveRole(this._selectedRoleId)}addRole(e){var t;const o=this.selectedAccount.rolesData.findIndex(r=>r.role.id===e);if(this.selectedAccount.rolesData[o].role.permissions.every(r=>r.isNonLocation)){const r=this.selectedAccount.rolesData[o].genericTreeView;if(!(!((t=r==null?void 0:r.children)===null||t===void 0)&&t.length))return;const a=r.children[0];a.checked=!0,N(a,r),this.selectedAccount.rolesData[o].locations.push(a)}else this.selectedAccount.rolesData[o].locations=[];this.selectedAccount.rolesData[o].role.removed=!1,this.requestUpdate(),this.dispatchTabControl(o),this.addRoleDialog.handleCancelChanges()}dispatchRemoveRoleEvent(){const e=this.roles.findIndex(o=>o.id===this._selectedRoleId);this.roles[e].removed=!0;const t=this.selectedAccount.rolesData.findIndex(o=>o.role.id===this._selectedRoleId);this.selectedAccount.rolesData[t].locations=[],this.selectedAccount.rolesData[t].role.removed=!0,this.selectedAccount.rolesData[t].genericTreeView&&L(this.selectedAccount.rolesData[t].genericTreeView),this.validateStep(),this.setInitialRole(),this.requestUpdate()}renderTree(){const e=this._dataForAccounts.find(a=>a.accountId===this._selectedAccountId),t=e==null?void 0:e.rolesData.find(a=>a.role.id===this._selectedRoleId);if(!t)return g;const o={role:t.role.id,rootNode:t.genericTreeView},r=a=>{this.requestUpdate();const{updates:h}=a.detail.message,p=h.find(v=>v.key===t.role.id);p!=null&&p.items?t.locations=p.items.filter(v=>v.checked):t.locations=[],this.validateStep(),this.dispatchUpdateDFAEvent(),this.dispatchNextButtonToggleEvent()};if(o&&o.rootNode){const a=t==null?void 0:t.role.permissions.every(h=>h.isNonLocation);return i(A||(A=l(["<user-details-assignments\n        .assignment=","\n        .contact=","\n        .accountNumber=","\n        @check-toggle=","\n        ?disableTree=","\n      ></user-details-assignments>"])),o,this.contact,e==null?void 0:e.accountId,r,a)}return g}validateStep(){let e=!0;for(const t of this._dataForAccounts)if(!t.rolesData.filter(o=>o.role.removed===!1).every(o=>o.locations.length)){e=!1;break}this._nextButtonEnabled=e}renderRoles(){var e,t;return i(b||(b=l(['\n      <user-details-tab-roles\n        id="role-data-element"\n        .assignedRoles=',"\n        .activeRoleId=","\n        .canRemoveRoles=","\n        .removeRolesDisabled=","\n        .canAddRoles=","\n        .addRolesDisabled=","\n        @role-select=","\n        @open-role-menu=","\n        @open-remove-role-menu=","\n      ></user-details-tab-roles>\n    "])),this.availableRoles,(e=this._selectedRoleId)!==null&&e!==void 0?e:"",!0,((t=this.availableRoles)===null||t===void 0?void 0:t.length)<=1,!0,this.canAddRolesDisabled,o=>this._selectedRoleId=o.detail.roleId,()=>this.dispatchOpenAddAccountRole(),()=>this.removeRoleDialogOpen=!0)}renderAddAccountRoleConfirmation(){var e;return i(f||(f=l(['<add-account-role\n      id="add-role-dialog"\n      .contact=',"\n      .account=","\n      .assignedRoles=","\n      .roles=","\n      @add-role=","\n    >\n    </add-account-role>"])),this.contact,U((e=this.selectedAccount)===null||e===void 0?void 0:e.accountId)||"",this.availableRoles,this.roles,t=>this.addRole(t.detail.roleId))}renderRemoveRoleConfirmation(){return i(D||(D=l(['<changes-confirmation\n      id="remove-role-dialog"\n      ?isOpen=',"\n      .headerText=","\n      .bodyText=","\n      .confirmationButtonText=","\n      @confirm=","\n      @cancel=","\n    >\n    </changes-confirmation>"])),this.removeRoleDialogOpen,"Are you sure you want to remove this role?","The user will no longer be able to perform the permissions of this role for this account.","Remove Role",()=>{this.dispatchRemoveRoleEvent(),this.validateStep(),this.removeRoleDialogOpen=!1},()=>this.removeRoleDialogOpen=!1)}renderControls(){return i(I||(I=l(['\n      <div class="controls">\n        <div class="flex justify-between py-2 items-center permissions-locations">\n          ','\n          <div class="flex items-center">','</div>\n        </div>\n        <div class="next-control">\n          <ix-button\n            id="next-button"\n            type="submit"\n            has-icon\n            trailing-icon\n            ?disabled=',"\n            @click=",'\n            data-testid="step-four-next-button"\n          >\n            Next\n            <md-icon slot="icon">east</md-icon>\n          </ix-button>\n        </div>\n      </div>\n    '])),this.renderViewPermissionsButton(),this.renderLocationsCount(),!this._nextButtonEnabled,()=>{this.dispatchNextStepEvent()})}renderPermissionsDialog(){var e,t;return i(_||(_=l(["\n      <ix-dialog\n        ?open=","\n        @close=",'\n      >\n        <div class="dlr-text-heading" slot="headline">','</div>\n        <div class="permissions-content" slot="content">\n          <user-details-permission\n            inPermissionsDialog\n            .permissionData=','\n          >\n          </user-details-permission>\n        </div>\n        <div class="dialog-actions" slot="actions">\n          <ix-button appearance="text" @click=',' slot="secondary"\n            ><span class="dismiss-btn">Dismiss</span></ix-button\n          >\n        </div>\n      </ix-dialog>\n    '])),this.showPermissionsDialog,()=>this.showPermissionsDialog=!1,this.selectedRole.name,(t=V((e=this.selectedRolePermissions)!==null&&e!==void 0?e:[]))!==null&&t!==void 0?t:[],this.togglePermissionsDialog)}togglePermissionsDialog(){this.showPermissionsDialog=!this.showPermissionsDialog}renderViewPermissionsButton(){return i(y||(y=l(['\n      <div class="tree-view-permissions">\n        <ix-button\n          class="temp-button view-permissions"\n          appearance="text"\n          @click=',"\n        >\n          View Permissions\n        </ix-button>\n      </div>\n    "])),this.togglePermissionsDialog)}renderLocationsCount(){const e=this.noOfLocations?"tree-role-locations-count-active":"tree-role-locations-count",t="dlr-text-default font-bold uppercase ".concat(e);return i(E||(E=l(['<div class="tree-role-locations">\n      <span class=',">\n        ","\n      </span>\n    </div>"])),t,this.noOfLocations?i(x||(x=l([""," locations"])),this.noOfLocations):i(C||(C=l(["Select Locations"]))))}dispatchNextStepEvent(){this.dispatchEvent(new CustomEvent(u.NextStep,{bubbles:!0,composed:!0}))}dispatchNextButtonToggleEvent(){this.dispatchEvent(new CustomEvent(u.NextButtonToggle,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}dispatchValidateStepEvent(){this.dispatchEvent(new CustomEvent(u.ValidateStep,{detail:this._nextButtonEnabled,bubbles:!0,composed:!0}))}dispatchUpdateDFAEvent(){const e=new CustomEvent(u.UpdateDFA,{detail:{dataForAccounts:this._dataForAccounts},bubbles:!0,composed:!0});this.dispatchEvent(e)}renderAccountTabbingCard(){return i(w||(w=l(['\n      <account-tabbing-card\n        data-testid="step-four-account-cards"\n        isRoles\n        .dataForAccounts=',"\n        .selectedAccountId=","\n        @toggle-active-card=","\n      >\n      </account-tabbing-card>\n    "])),this._dataForAccounts,this._selectedAccountId,e=>this.toggleActiveCard(e.detail.accountId))}render(){return i(T||(T=l(['\n      <div class="wizard-step-content overflow-y-auto h-full max-h-screen md:p-1">\n        ','\n        <div class="tree-view-container-content">','</div>\n        <div class="controls-container">','</div>\n        <div class="tree-view-container-footer">',"</div>\n      </div>\n\n      "," ","\n      ","\n    "])),this.renderAccountTabbingCard(),this.renderRoles(),this.renderControls(),this.renderTree(),this.renderAddAccountRoleConfirmation(),this.renderRemoveRoleConfirmation(),this.renderPermissionsDialog())}};s.styles=[B,k,S],n([c({type:Array})],s.prototype,"dataForAccounts",void 0),n([c({type:Array})],s.prototype,"permissions",void 0),n([c({type:String})],s.prototype,"selectedAccountId",void 0),n([c({type:String})],s.prototype,"selectedRoleId",void 0),n([c({type:Object})],s.prototype,"contact",void 0),n([d()],s.prototype,"_dataForAccounts",void 0),n([d()],s.prototype,"_selectedAccountId",void 0),n([d()],s.prototype,"_selectedRoleId",void 0),n([d()],s.prototype,"showPermissionsDialog",void 0),n([d()],s.prototype,"removeRoleDialogOpen",void 0),n([d()],s.prototype,"_nextButtonEnabled",void 0),n([m("#add-role-dialog")],s.prototype,"addRoleDialog",void 0),n([m("#role-data-element")],s.prototype,"roleTabComponent",void 0),n([m("user-details-assignments")],s.prototype,"assignmentTreeComponent",void 0),s=n([P("create-user-step-four")],s);export{s as CreateUserStepFour};

package/dist/ui-user-management/out-tsc/src/components/user-management/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as h}from"tslib";import{css as T,LitElement as U,nothing as u,html as m}from"lit";import{state as f,customElement as j}from"lit/decorators.js";import z from"lodash.debounce";import"@digital-realty/ix-grid/ix-grid.js";import"@digital-realty/ix-grid/ix-grid-no-rows.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import"@digital-realty/ix-icon/ix-icon.js";import"@digital-realty/ix-phone-number/ix-phone-number.js";import"@material/web/icon/icon.js";import{TWStyles as E}from"../../ui-user-management2.js";import v from"../../domain/repositories/ui-user-management4.js";import{columns as w}from"./ui-user-management2.js";import{isRoute as P,navigateTo as I}from"../../routes/ui-user-management2.js";import{RouteNames as y}from"../../routes/ui-user-management.js";import{errorNotification as k}from"../../services/ui-user-management8.js";import{UserContactsTestIds as C}from"../../constants/test-ids/ui-user-management6.js";import{isDesktopView as _}from"../../helpers/ui-user-management3.js";var L=Object.freeze,V=Object.defineProperty,l=(e,t)=>L(V(e,"raw",{value:L(t||e.slice())})),S,x,A,O,D;let n=class extends U{constructor(){super(...arguments),this.localStorageID="usermanagement",this.contacts=[],this.pageData=[],this.recordCount=0,this.sort="firstName",this.order="asc",this.page=1,this.size=25,this.columnReorderingAllowed=!0,this.isLoading=void 0,this.filter={},this.rowsLength=this.contacts.length,this.handleChange=z(async e=>{if(this.isLoading)return;const{columnName:t,page:r,pageSize:s,sortOrder:i,filters:o}=e.detail;this.getTablePage({columnName:t,page:r,pageSize:s,sortOrder:i,filters:o})},1e3,{leading:!1}),this.formatPage=(e,t,r)=>{let s=[...this.contacts];Object.entries(r).forEach(([i,o])=>{s=s.filter(p=>p[i].toLowerCase().includes(o.toLowerCase()))}),e!==""&&t==="asc"?s.sort((i,o)=>i[e].localeCompare(o[e],void 0,{sensitivity:"base"})):e!==""&&t==="desc"&&s.sort((i,o)=>o[e].localeCompare(i[e],void 0,{sensitivity:"base"})),s.length<this.contacts.length?this.rowsLength=s.length:this.rowsLength=this.contacts.length,this.pageData=s,this.requestUpdate()},this.camelCaseToTitleCase=e=>{const t=e.split("");return t[0]=e[0].toUpperCase(),t.join("").replace(/([A-Z])/g," $1").trim()},this.downloadCsv=e=>{e==="all"&&this.downloadAllAsCsv(),e==="filter"&&this.downloadFilterAsCsv()},this.downloadAllAsCsv=async()=>{const e={size:999999999,page:1,sort:this.mapToApiColumn(this.sort),order:this.order};this.isLoading=!0,v.search(e).then(t=>{this.parseDataToCSV(t.contacts,"all-users").then(()=>{this.isLoading=!1})})},this.downloadFilterAsCsv=()=>{var e,t,r,s;const i={size:999999999,page:1,sort:this.mapToApiColumn(this.sort),order:this.order,firstName:(e=this.filter)===null||e===void 0?void 0:e.firstName,lastName:(t=this.filter)===null||t===void 0?void 0:t.lastName,email:(r=this.filter)===null||r===void 0?void 0:r.email,phoneNumber:(s=this.filter)===null||s===void 0?void 0:s.phoneNumber};v.search(i).then(o=>{this.parseDataToCSV(o.contacts,"current-view").then(()=>{this.isLoading=!1})})}}async getTablePage(e){if(!P(y.UserManagement))return;this.isLoading=!0,this.pageData=[],e&&(this.page=e.page||this.page,this.size=e.pageSize||this.size,this.sort=e.columnName||this.sort,this.order=e.sortOrder||this.order,this.filter=e.filters||this.filter);const t=await v.search({page:this.page,size:this.size,firstName:this.filter.firstName,lastName:this.filter.lastName,email:this.filter.email,phoneNumber:this.filter.phoneNumber,sort:this.mapToApiColumn(this.sort),order:this.order});this.contacts=t.contacts,this.recordCount=t.recordCount,this.formatPage(this.sort,this.order,this.filter),this.isLoading=!1}firstUpdated(e){super.firstUpdated(e),this.dispatchEvent(new Event("user-contacts-loaded",{bubbles:!0,composed:!0}))}mapToApiColumn(e){switch(e){case"firstName":return"first_name";case"lastName":return"last_name";default:return e}}async parseDataToCSV(e,t){let r=[];const s=JSON.parse(JSON.stringify(e)),i=localStorage.getItem("ix-grid-".concat(this.localStorageID,"-columns"));if(i)try{r=JSON.parse(i).filter(a=>!a.hidden)}catch(a){throw new Error("Invalid JSON in disabled columns: ".concat(a))}!r.length&&w&&(r=w);const o=s.map(a=>r.reduce((d,{name:c})=>(d[c]=Array.isArray(a[c])?a[c].map(N=>{var g;return(g=N.displayName)!==null&&g!==void 0?g:N.name}).join(" | "):a[c],d),{}));if(!(o.length&&o.some(a=>Object.keys(a).length>0)))return k("CSV could not be downloaded. No records available.",3e3,"center"),Promise.reject();const p=Object.keys(o[0]).map(a=>'"'.concat(this.camelCaseToTitleCase(a),'"')).join(",").replace("Email","Email Address").replace("Phone","Phone Number"),R=o.map(a=>Object.values(a).map(d=>'"'.concat(d,'"')).join(",")),b="".concat(p,"\n").concat(R.join("\n").toString());return this.createDownload(b,t),b}createDownload(e,t){const r=new Blob([e],{type:"text/csv;charset=utf-8;"}),s=URL.createObjectURL(r),i=document.createElement("a");i.href=s,i.target="_blank",i.download=t,i.click(),URL.revokeObjectURL(s)}renderNoRows(){return this.isLoading||this.isLoading===void 0?u:m(S||(S=l(['\n      <ix-grid-no-rows\n        slot="no-rows"\n        .icon="warning-circle-outline"\n        .type="warning"\n      ></ix-grid-no-rows>\n    '])))}renderProgressBar(){return this.isLoading?m(x||(x=l(['<ix-progress\n      aria-label="User contacts"\n      indeterminate\n      data-testid=',"\n    ></ix-progress>"])),C.PROGRESS_BAR):u}render(){return m(O||(O=l(['<div data-theme="ix-theme" class="container">\n      <ix-grid\n        session-storage-key="um-contacts"\n        data-testid="','"\n        .columns=',"\n        .recordCount=","\n        .rows=","\n        .page=","\n        .pageSize=","\n        theme=","\n        .columnReorderingAllowed=","\n        .localStorageID=","\n        @change=","\n        @cell-focus=","\n        @download=","\n      >\n        ",'\n        <div slot="under-header" style="padding: 0px 1px;">',"</div>\n        ","\n      </ix-grid>\n    </div>"])),C.GRID,w,this.recordCount,this.pageData,this.page,this.size,_()?"no-border wrap-cell-content":"no-border",this.columnReorderingAllowed,this.localStorageID,e=>{this.handleChange(e)},e=>{e.detail.context.section==="body"&&I(y.UserManagementDetails,"?id=".concat(e.detail.context.item.id))},e=>this.downloadCsv(e.detail),this.recordCount?m(A||(A=l([' <div slot="header">\n              <h2 class="dlr-text-heading" data-testid="','">\n                '," Users\n              </h2>\n            </div>"])),C.RECORD_COUNT,this.recordCount):u,this.renderProgressBar(),this.renderNoRows())}};n.styles=[E,T(D||(D=l(["\n      :host {\n        --ix-phone-number-font-size: 14px;\n        --ix-phone-number-text-color: rgba(24, 39, 57, 0.94);\n      }\n    "])))],h([f()],n.prototype,"isLoading",void 0),h([f()],n.prototype,"filter",void 0),h([f()],n.prototype,"rowsLength",void 0),n=h([j("user-contacts")],n);export{n as UserContacts};

package/dist/ui-user-management/out-tsc/src/components/user-management/ui-user-management2.js

@@ -1 +0,0 @@
-import{html as a,nothing as h}from"lit";import{UserContactsTestIds as b}from"../../constants/test-ids/ui-user-management6.js";import"@digital-realty/ix-button/ix-button.js";import"./ui-user-management3.js";import{isDesktopView as f}from"../../helpers/ui-user-management3.js";import{iconMap as y}from"../../constants/ui-user-management7.js";var o=Object.freeze,v=Object.defineProperty,t=(e,n)=>o(v(e,"raw",{value:o(n||e.slice())})),s,i,m,l,d,c,p,u;const R=e=>{const[n,r]=y[e]||[null,null];return n&&r?a(s||(s=t(['<ix-icon style="--ix-icon-font-size: 1.25rem; color: ','" filled\n      >',"</ix-icon\n    >"])),r,n):null},w=[{name:"firstName",header:"First name",bodyRenderer:e=>a(i||(i=t(['<span data-testid="','">',"</span>"])),b.GRID_ROW(e.id),e.firstName),sortable:!0,filterable:!0,hidden:!1,width:"8rem"},{name:"lastName",header:"Last name",bodyRenderer:e=>a(m||(m=t(["<span>","</span>"])),e.lastName),sortable:!0,filterable:!0,width:"8rem"},{name:"email",header:"Email Address",bodyRenderer:e=>a(l||(l=t(["<span>","</span>"])),e.email),sortable:!0,width:"10rem",filterable:!0},{name:"phone",header:"Phone Number",bodyRenderer:e=>a(d||(d=t(['<ix-phone-number class="phone-number" .number="','"></ix-phone-number>'])),e.phone),sortable:!0,width:"9rem"},{name:"accounts",header:"Account",autoWidth:!0,bodyRenderer:e=>f()?a(c||(c=t(["<accounts-cell .accountAssociations=","></accounts-cell>"])),e.accounts):a(u||(u=t(['<div class="accounts">\n        ',"\n      </div>"])),e.accounts.map(n=>{var r;return a(p||(p=t([" ",'\n            <span style="min-width: fit-content; padding-right: 2rem"\n              >',"</span\n            >"])),R(n.status.toUpperCase())||h,(r=n.displayName)!==null&&r!==void 0?r:n.name)}))}];export{w as columns};

package/dist/ui-user-management/out-tsc/src/components/user-management/ui-user-management3.js

@@ -1 +0,0 @@
-import{__decorate as r}from"tslib";import{css as W,LitElement as E,html as a,nothing as d}from"lit";import{property as k,state as l,queryAsync as A,customElement as T}from"lit/decorators.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-icon/ix-icon.js";import{TWStyles as R}from"../../ui-user-management2.js";import{iconMap as B}from"../../constants/ui-user-management7.js";var u=Object.freeze,S=Object.defineProperty,s=(t,e)=>u(S(t,"raw",{value:u(e||t.slice())})),_,g,m,w,x,f,v,y,b,C;let o=class extends E{constructor(){super(...arguments),this.accountAssociations=[],this._accountsWithinColWidth=[],this._isTruncated=!1,this._isExpanded=!1,this._rows=[],this._spanWidths=[],this._ixButtonWidth=114,this._getStatusIcon=t=>{const[e,n]=B[t]||[null,null];return e&&n?a(_||(_=s(['<ix-icon style="--ix-icon-font-size: 1.25rem; color: ','" filled\n        >',"</ix-icon\n      >"])),n,e):null}}connectedCallback(){super.connectedCallback(),this.addEventListener("truncation-change",this._handleTruncationChange),this._resizeObserver=new ResizeObserver(()=>{this._checkForTruncation()}),this._resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("truncation-change",this._handleTruncationChange),this._resizeObserver.disconnect()}updated(t){t.has("_isTruncated")&&this.dispatchEvent(new CustomEvent("truncation-change",{bubbles:!1}))}async _setSpanWidths(){const t=await this._accountsContainerPromise;if(!t)return;const e=[...t.querySelectorAll("span.account-name")];this._spanWidths=e.map(n=>{if(!this._isExpanded)return n.getBoundingClientRect().width;const i=parseFloat(window.getComputedStyle(n).paddingLeft)+parseFloat(window.getComputedStyle(n).paddingRight);return n.getBoundingClientRect().width-i})}async _checkForTruncation(){if(this._accountsWithinColWidth=this.accountAssociations,this._spanWidths.length||await this._setSpanWidths(),!this._spanWidths.find(t=>!t)){if(this._isExpanded)this._isExpanded&&this._spanWidths.length&&(this._rows=this._createRows(),this._adjustRowHeight());else{const t=this._calcNumAccountsThatFitPerRow();this._accountsWithinColWidth=this.accountAssociations.slice(0,t[0])}this._isTruncated=this._accountsWithinColWidth.length<this.accountAssociations.length}}_calcNumAccountsThatFitPerRow(){const t=[],e=this.clientWidth-this._ixButtonWidth;let n=0,i=0,c=0;for(;c<this._spanWidths.length;){const h=this._spanWidths[c];n+h>e&&i>0?(t.push(i),n=0,i=0):h>e&&i===0?(t.push(i),c++):(n+=h,i++,c++)}return t.push(i),t}_createRows(){const t=this._calcNumAccountsThatFitPerRow(),e=[];let n=0;for(let i=0;i<t.length;i++){const c=t[i]||1,h=n,p=h+c;e.push(this.accountAssociations.slice(h,p)),n=p}return e}async _adjustRowHeight(){const t=await this._accountsContainerPromise;if(!t)return;const e=this.parentElement,n=e.previousSibling;if(this._isExpanded&&this._rows.length>1){e.style.height="100%";const i=parseInt(window.getComputedStyle(n).paddingTop,10)+parseInt(window.getComputedStyle(n).paddingBottom,10),c=t.clientHeight+i;n.style.height="".concat(c,"px"),n.style.alignContent="center"}else e.style="",n.style="",n.style.alignContent="start"}_handleTruncationChange(){this._isTruncated||this._adjustRowHeight()}async _handleViewMore(t){this._isExpanded=!0,this._adjustRowHeight(),t.stopPropagation()}async _handleViewLess(t){this._isExpanded=!1,this._adjustRowHeight(),t.stopPropagation()}_blockEvent(t){t.stopPropagation()}_renderViewMoreButton(){return this._isExpanded?d:a(g||(g=s(['<ix-button\n      appearance="text"\n      class="inline-block w-[','px]"\n      @click=',"\n      @pointerdown=","\n      @pointerup=","\n      @focusin=","\n    >\n      View More\n    </ix-button>"])),this._ixButtonWidth,this._handleViewMore,this._blockEvent,this._blockEvent,this._blockEvent)}_renderViewLessButton(){return this._isExpanded&&!this._isTruncated&&this._rows.length>1?a(m||(m=s(['<ix-button\n        appearance="text"\n        class="inline-block w-[','px]"\n        @click=',"\n        @pointerdown=","\n        @pointerup=","\n        @focusin=","\n      >\n        View Less\n      </ix-button>"])),this._ixButtonWidth,this._handleViewLess,this._blockEvent,this._blockEvent,this._blockEvent):d}_renderAccount(t){var e,n;const i=this._getStatusIcon(t.status.toUpperCase());return a(x||(x=s(['<span\n      class="account-name relative min-w-fit flex items-start text-nowrap last-of-type:pr-4 [&:not(:last-of-type)]:pr-8"\n    >\n      ',"\n      ","\n    </span>"])),i?a(w||(w=s(['<span class="leading-7 pr-1">',"</span>"])),i):d,(n=(e=t.displayName)===null||e===void 0?void 0:e.trim())!==null&&n!==void 0?n:t.name.trim())}render(){const t=this._rows.length===this.accountAssociations.length&&this._isExpanded;return a(b||(b=s([' <div id="accounts" class="flex flex-wrap text-sm ','">\n      ',"\n      ","\n    </div>"])),t?"flex-col":"",this._isExpanded?a(v||(v=s([" ",""])),this._rows.map(e=>a(f||(f=s(['<div class="account-row flex [&:not(:last-of-type)]:w-full mb-2">\n              ',"\n            </div>"])),e.map(n=>this._renderAccount(n))))):a(y||(y=s([" ",""])),this._accountsWithinColWidth.map(e=>this._renderAccount(e))),this._isTruncated?this._renderViewMoreButton():this._renderViewLessButton())}};o.styles=[R,W(C||(C=s(["\n      :host {\n        display: flex;\n        align-items: center;\n        width: 100%;\n        overflow: hidden;\n        --md-text-button-label-text-size: 12px;\n        --md-text-button-container-height: 1.5rem;\n        --md-text-button-with-leading-icon-leading-space: 4px;\n        --md-text-button-with-leading-icon-trailing-space: 4px;\n        --text-default-line-height: 1.4rem;\n      }\n      .account-name:not(:last-of-type)::after {\n        content: '';\n        display: block;\n        background-color: #0922411f;\n        width: 2px;\n        height: 14px;\n        position: absolute;\n        right: 1em;\n        top: 50%;\n        transform: translate(50%, -50%);\n        margin-right: 1px;\n      }\n    "])))],r([k({type:Array})],o.prototype,"accountAssociations",void 0),r([l()],o.prototype,"_accountsWithinColWidth",void 0),r([l()],o.prototype,"_isTruncated",void 0),r([l()],o.prototype,"_isExpanded",void 0),r([l()],o.prototype,"_rows",void 0),r([A("#accounts")],o.prototype,"_accountsContainerPromise",void 0),o=r([T("accounts-cell")],o);export{o as AccountsCell};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as l}from"tslib";import{nothing as u,html as c}from"lit";import{property as R,state as v,queryAsync as f,customElement as q}from"lit/decorators.js";import{MobxLitElement as z}from"@adobe/lit-mobx";import{cache as W}from"lit/directives/cache.js";import"./ui-user-management2.js";import"./ui-user-management5.js";import"./ui-user-management7.js";import"./ui-user-management6.js";import"./ui-user-management3.js";import"./ui-user-management4.js";import"../../Shared/ui-user-management8.js";import"../../Shared/ui-user-management4.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-button/ix-button.js";import{findChildNodeById as $,updateNodeCheckedStatus as J,isAnyNodeChecked as K}from"@digital-realty/ix-generic-tree";import{elementTheme as Q}from"@digital-realty/theme";import{UserDetailsStyles as X}from"../../../styles/ui-user-management9.js";import{AppGeneralStyles as Y}from"../../../styles/ui-user-management8.js";import"./ui-user-management8.js";import{accountStatusText as Z}from"../../../models/ui-user-management3.js";import{TWStyles as ee}from"../../../ui-user-management2.js";import{successNotification as U,errorNotification as S}from"../../../services/ui-user-management8.js";import{UserDetailsRoutes as y}from"../../../models/ui-user-management4.js";import{userProfile as E}from"../../../state/ui-user-management.js";import{saveControlsEnum as p}from"../../../constants/ui-user-management5.js";import{accountAssociationDraftStore as te}from"../../../state/ui-user-management6.js";import{roleAssignmentDraftStore as g}from"../../../state/ui-user-management8.js";import{saveRoleAssignments as se,getRoleAssignments as ie}from"../../../services/ui-user-management15.js";import{saveFlagAssignments as oe}from"../../../services/ui-user-management18.js";import{hasDLRDomain as b}from"../../../services/ui-user-management9.js";import{getRoleAndFlagTrees as ne}from"../../../services/ui-user-management20.js";import{RoleAssignmentController as ae}from"../../../controllers/ui-user-management4.js";import{getRoleTrees as re}from"../../../services/ui-user-management17.js";import{getRolesBelongingToAccount as le,getRolesFromAssignments as de,getRoleById as ce}from"../../../services/ui-user-management4.js";import{ApplicationEvents as he}from"../../../constants/events/ui-user-management.js";import{contactStore as ue}from"../../../state/ui-user-management7.js";import{UserDetailsPanelTestIds as D}from"../../../constants/test-ids/ui-user-management10.js";import{ApplicationStorage as ge}from"../../../constants/ui-user-management4.js";import C from"../../../services/ui-user-management16.js";import ve from"../../../services/ui-user-management19.js";var I=Object.freeze,me=Object.defineProperty,h=(e,t)=>I(me(e,"raw",{value:I(t||e.slice())})),N,T,O,L,F,P,x,V,k,M,B,_,G;let n=class extends z{constructor(){super(...arguments),this.roleAssignmentController=new ae(this),this.onSuccess=U,this.roles=[],this.userFlagTrees=[],this.assignedRoleTrees=[],this.readonly=!1,this.isPanelLoading=!1,this.roleAssignments=[],this.viewRoute=y.ROLES,this.saveControls=p.hidden,this.flagUpdates=[],this.roleUpdates=[],this.activeRoleId="",this.permissionData=[],this.removeRoleDialogOpen=!1,this.redundantStatuses=["DECLINED","REMOVED"],this.emitRoleUpdates=async()=>{const e=await this.userDetailsAssignments;e&&e.emitUpdates()},this.saveAssignments=async e=>{var t,i,o;const r="".concat((t=this.account)===null||t===void 0?void 0:t.accountNumber,":").concat((i=this.contact)===null||i===void 0?void 0:i.id),s=C.capture(r);if(!this.flagUpdates.length&&s){C.lock(r);for(const m of this.userFlagTrees)m.updateService=new ve,s.forEach(H=>{var A;const w=$(m.rootNode,H.id);w&&(w.checked=!0,J(w,m.rootNode),(A=m.updateService)===null||A===void 0||A.update(m.rootNode))}),m.updateService.updates.length&&this.flagUpdates.push({key:m.label,items:m.updateService.updates})}const a=await this.controlsComponent;if(a.actionsDisabled=!0,a.savingChanges=!0,!this.roleUpdates.length&&!this.flagUpdates.length)return;const d={role:void 0,flag:void 0};this.roleUpdates.length&&(d.role=await se(this.contact.id,this.account.accountNumber,this.roleUpdates),g.clear(),this.roleUpdates=[]),this.flagUpdates.length&&(d.flag=await oe(this.contact.id,this.account.accountNumber,this.flagUpdates),d.flag&&C.remove(r),this.flagUpdates=[]),this.dispatchReloadAccountEvent((o=this.account)===null||o===void 0?void 0:o.accountNumber,!0),a.actionsDisabled=!1,a.savingChanges=!1,this.isPanelLoading=!1;const j=(e==null?void 0:e.detail)==="no-toast";if(d.role===null&&d.flag===null){S("Could not save changes.",3e3,"center");return}(d.flag||d.role)&&!j&&U("Changes saved.",3e3,"center"),(d.flag===null||d.role===null)&&S("Could not save ".concat(d.flag?"flag":d.role?"":"role"," assignments."),3e3,"center")},this.dispatchOpenConfirmation=()=>{this.removeRoleDialogOpen=!0},this.dispatchReloadAccountEvent=async(e,t=!1)=>{this.resetForm(),this.dispatchEvent(new CustomEvent(he.ReloadAccount,{detail:{accountNumber:e,overrideUnsavedChanges:t}}))}}updated(e){super.updated(e),window.sessionStorage.setItem(ge.SessionStorage.HasOutstandingChanges,this.isDirty?"true":"false"),e.has("account")&&(this.viewRoute=y.ROLES)}get fullName(){var e,t;return"".concat((e=this.contact)===null||e===void 0?void 0:e.firstName," ").concat((t=this.contact)===null||t===void 0?void 0:t.lastName)}get canAddRoles(){return!this.readonly&&this.addableRoles.length>0}get canRemoveRoles(){var e;return!this.readonly&&((e=this.assignedRoles)===null||e===void 0?void 0:e.length)}get addRolesDisabled(){var e,t,i,o,r;if(!(!((e=this.account)===null||e===void 0)&&e.accountNumber))return!0;const s=le(this.account.accountNumber,this.roles,b((t=this.contact)===null||t===void 0?void 0:t.email)&&E.hasAssignInternalRoleCreate((i=this.account)===null||i===void 0?void 0:i.accountNumber)).length;return((r=(o=this.assignedRoles)===null||o===void 0?void 0:o.length)!==null&&r!==void 0?r:0)>=s}get addableRoles(){return this.roles.filter(e=>{var t;return!(!((t=this.assignedRoles)===null||t===void 0)&&t.find(i=>i.id===e.id))})}get isDirty(){return this.roleUpdates.length>0||this.flagUpdates.length>0||g.get().length}get showUserFlags(){var e,t;return E.hasExternalUserRead((e=this.account)===null||e===void 0?void 0:e.accountNumber)&&((t=this.account)===null||t===void 0?void 0:t.status)!=="REMOVED"}get showRoles(){var e;return((e=this.account)===null||e===void 0?void 0:e.status)!=="REMOVED"}firstUpdated(){this.account&&this.loadAccount()}async loadAccount(){const e=await this.userDetailsAssignments;e==null||e.assignmentUpdateManagers.forEach(t=>t.nodeManager.reset()),this.roleUpdates=[],this.flagUpdates=[],this.isPanelLoading=!0,await this.getAssignedRoles(),this.isPanelLoading=!1,this.displayDefaultRole(),this.setShowControls()}async getAssignedRoles(){this.roleAssignments=(await ie(this.contact.id,this.account.accountNumber)).filter(e=>e.isActive),this.assignedRoles=[...de(this.roleAssignments),...g.getAsRoles()],await this.getRoleAndFlagTrees()}async getRoleAndFlagTrees(){var e,t,i;if(!(!((e=this.assignedRoles)===null||e===void 0)&&e.length))return;const o=this.assignedRoles.map(a=>a.id),[r,s]=await ne(o,this.contact.id,this.account.accountNumber,b((t=this.contact)===null||t===void 0?void 0:t.email));this.assignedRoleTrees=(i=structuredClone(r))===null||i===void 0?void 0:i.filter(a=>a!==void 0),this.userFlagTrees=structuredClone(s)}displayDefaultRole(){var e;!((e=this.assignedRoles)===null||e===void 0)&&e.length&&(this.activeRoleId=this.assignedRoles[0].id,this.selectRole(this.activeRoleId))}async selectRoleEventHandler(e){this.selectRole(e.detail.roleId)}async selectRole(e){this.activeRoleId=e;const t=await this.roleTabComponent;t==null||t.setActiveRole(this.activeRoleId),this.setShowControls()}setShowControls(){var e;if(this.isPanelLoading||((e=this.account)===null||e===void 0?void 0:e.status)===Z.REMOVED){this.saveControls=p.hidden;return}const t=this.assignedRoleTrees.filter(i=>i!==void 0).every(i=>K(i.rootNode));g.get().length?this.saveControls=this.isDirty?t?p.enabled:p.disabled:p.disabled:this.saveControls=this.isDirty?t?p.enabled:p.disabled:p.hidden}async addRole(e){const t=await this.addRoleDialog;t&&(t.isOpen=!1),this.isPanelLoading=!0;const i={roleId:e,contactId:this.contact.id,accountNumber:this.account.accountNumber,isActive:!0};g.set([...g.get(),i]);const o=ce(i.roleId);if(!o||!this.assignedRoles)return;this.assignedRoles=[...this.assignedRoles,o];const[r]=await re([e],this.contact.id,this.account.accountNumber,b(this.contact.email));this.assignedRoleTrees.push(r);const s=await this.addRoleDialog;s&&(s.isOpen=!1),this.isPanelLoading=!1,this.selectRole(o.id)}async removeRole(e){var t;const i=await this.userDetailsAssignments,o=this.assignedRoles.find(s=>s.id===e);if(!o)return;if(g.getAsRoles().findIndex(s=>s.id===o.id)>-1){g.removeRole(e);const s=i==null?void 0:i.assignmentUpdateManagers.find(a=>{var d;return a.accountId===((d=this.account)===null||d===void 0?void 0:d.accountNumber)});s&&s.nodeManager.nodeUpdates.find(a=>a.key===e)&&s.nodeManager.remove(e),this.assignedRoles=this.assignedRoles.filter(a=>a.id!==o.id),this.assignedRoleTrees=(t=this.assignedRoleTrees)===null||t===void 0?void 0:t.filter(a=>a!==void 0).filter(a=>a.role!==o.id)}else{this.isPanelLoading=!0;const s=this.roleAssignments.filter(a=>a.roleId===e&&a.isActive);await this.roleAssignmentController.removeRoleAssignment(s),await this.getAssignedRoles(),this.assignedRoles=this.assignedRoles.filter(a=>a.id!==o.id),this.isPanelLoading=!1}this.roleUpdates=this.roleUpdates.filter(s=>s.key!==e),this.assignedRoleTrees=this.assignedRoleTrees.filter(s=>!!s&&s.role!==o.id);const r=await this.roleTabComponent;r==null||r.requestUpdate("assignedRoles",[]),this.displayDefaultRole()}resetForm(){this.displayDefaultRole(),this.roleUpdates=[],this.flagUpdates=[],te.clear(),g.clear(),this.setShowControls()}updateView(e){this.viewRoute=e,e===y.ROLES&&this.selectRole(this.activeRoleId)}async openAddRoleDialog(){const e=await this.addRoleDialog;e&&e.handleOpenDialog()}removeRoleButtonStatus(){var e,t;const i=g.get().map(r=>r.roleId),o=(t=((e=this.assignedRoles)!==null&&e!==void 0?e:[]).filter(r=>!i.includes(r.id)))!==null&&t!==void 0?t:[];return i.find(r=>r===this.activeRoleId)!=null?!1:o.length<2}renderPermissions(){var e,t;return!(!((e=this.assignedRoles)===null||e===void 0)&&e.length)||this.redundantStatuses.includes((t=this.account)===null||t===void 0?void 0:t.status)?u:c(N||(N=h(["\n      <user-details-permission .activeRoleId=","> </user-details-permission>\n    "])),this.activeRoleId)}renderRemovedOrDeclinedAccount(){var e;return this.account?c(T||(T=h(["\n      <user-account-removed-declined\n        .status=","\n        .roles=","\n        .accountNumber=","\n        .contactID=","\n        .changedBy=","\n        .changedAt=","\n      ></user-account-removed-declined>\n    "])),this.account.status,this.roles,this.account.accountNumber,(e=this.contact)===null||e===void 0?void 0:e.id,this.account.statusUpdateBy,this.account.statusUpdateAt):u}renderRoles(){return!this.account||!this.contact||!this.assignedRoles?u:this.redundantStatuses.includes(this.account.status)?u:c(O||(O=h(['\n      <user-details-tab-roles\n        id="role-data-element"\n        .assignedRoles=',"\n        .activeRoleId=","\n        .canRemoveRoles=","\n        .canAddRoles=","\n        .removeRolesDisabled=","\n        .addRolesDisabled=","\n        @role-select=","\n        @open-role-menu=","\n        @open-remove-role-menu=","\n      >\n      </user-details-tab-roles>\n    "])),this.assignedRoles,this.activeRoleId,this.canRemoveRoles,this.canAddRoles,this.removeRoleButtonStatus(),this.addRolesDisabled,e=>this.selectRoleEventHandler(e),()=>this.openAddRoleDialog(),()=>this.dispatchOpenConfirmation())}renderLoading(){return this.isPanelLoading?c(L||(L=h(['<ix-progress\n        aria-label="User details panel"\n        .indeterminate=',"\n        data-testid=","\n      >\n      </ix-progress>"])),!0,D.PROGRESS_BAR):u}renderTree(){var e,t,i;if(!(!((e=this.assignedRoles)===null||e===void 0)&&e.length))return u;let o;if(this.activeRoleId)o=this.assignedRoleTrees.filter(s=>s!==void 0).find(s=>s.role===this.activeRoleId);else{const[s]=this.assignedRoleTrees;o=s}const r=s=>{this.roleUpdates=s.detail.message.updates,this.setShowControls()};return o&&o.rootNode&&!this.redundantStatuses.includes((t=this.account)===null||t===void 0?void 0:t.status)?c(F||(F=h(["<user-details-assignments\n        .assignment=","\n        .contact=","\n        .accountNumber=","\n        .readonly=","\n        .activeRoleId=","\n        @check-toggle=","\n      ></user-details-assignments>"])),o,this.contact,(i=this.account)===null||i===void 0?void 0:i.accountNumber,this.readonly,this.activeRoleId,r):u}renderFlags(){const e=t=>{this.flagUpdates=structuredClone(t.detail.message.updates),this.setShowControls()};return!this.account||!this.userFlagTrees?u:c(P||(P=h(["<user-flags\n      .flags=","\n      searchEnabled\n      showCheckboxes\n      .disableCheckboxes=","\n      .contact=","\n      @check-toggle=","\n    ></user-flags>"])),this.userFlagTrees,this.readonly,this.contact,e)}renderControls(){return c(x||(x=h(["<user-details-controls\n      .roles=","\n      .account=","\n      .contact=","\n      .saveControls=","\n      .readonly=","\n      .emitRoleUpdates=","\n      ?isPanelLoading=","\n      @reset-changes=","\n      @update-changes=","\n      @reload-account=","\n    >\n    </user-details-controls>"])),this.roles,this.account,ue.get(),this.saveControls,this.readonly,this.emitRoleUpdates,this.isPanelLoading,()=>this.resetForm(),this.saveAssignments,e=>this.dispatchReloadAccountEvent(e.detail.accountNumber,e.detail.overrideUnsavedChanges))}renderRemoveRoleConfirmation(){return c(V||(V=h(['<changes-confirmation\n      id="data-loss-dialog"\n      class="z-50 relative"\n      .headerText=',"\n      .bodyText=","\n      .confirmationButtonText=","\n      ?isOpen=","\n      @confirm=","\n      @cancel=","\n      data-testid=","\n    >\n    </changes-confirmation>"])),"Are you sure you want to remove this role?","The user will no longer be able to perform the permissions of this role for this account.","Remove Role",this.removeRoleDialogOpen,()=>{this.removeRole(this.activeRoleId),this.removeRoleDialogOpen=!1},()=>{this.removeRoleDialogOpen=!1},D.DIALOG_REMOVE_ROLE)}renderAddAccountRoleConfirmation(){return this.assignedRoles?c(k||(k=h(['<add-account-role\n      id="add-role-dialog"\n      .contact=',"\n      .account=","\n      .roles=","\n      .assignedRoles=","\n      ?loading=","\n      @add-role=","\n      data-testid=","\n    >\n    </add-account-role>"])),this.contact,this.account,this.roles,this.assignedRoles,this.isPanelLoading,e=>this.addRole(e.detail.roleId),D.DIALOG_ADD_ROLE):u}renderRoleView(){return c(M||(M=h(['<div id="roles-view">\n      <div>','</div>\n\n      <div class="grid grid-cols-1 xl:grid-cols-2 h-full p-4">\n        <div class="grow h-full">','</div>\n        <div class="tree-view grow h-full lg:overflow-auto pl-2">',"</div>\n      </div>\n    </div>"])),this.renderRoles(),this.renderPermissions(),this.renderTree())}renderFlagsView(){return this.showUserFlags===!1?u:c(B||(B=h(['<div id="flags-view">\n      <div class="grid grid-cols-1 xl:grid-cols-1 h-full">\n        <div class="grow h-full mt-6 px-4">','</div>\n        <div class="grow h-full mt-2 flag-text">\n          Learn more about user flags <a id="flag-text-link" href="#">here.</a>\n        </div>\n      </div>\n    </div>'])),this.renderFlags())}renderNavigation(){var e;return this.isPanelLoading||this.redundantStatuses.includes((e=this.account)===null||e===void 0?void 0:e.status)?u:c(_||(_=h(['<div class="user-details-navigation">\n      <user-details-navigation\n        .view=',"\n        ?showFlags=","\n        ?showRoles=","\n        .navigate=","\n      ></user-details-navigation>\n    </div>"])),this.viewRoute,this.showUserFlags,this.showRoles,t=>this.updateView(t))}renderView(){var e;let t=u;return this.showRoles&&this.viewRoute===y.ROLES&&(t=this.renderRoleView()),this.showUserFlags&&this.viewRoute===y.USERFLAGS&&(t=this.renderFlagsView()),this.redundantStatuses.includes((e=this.account)===null||e===void 0?void 0:e.status)&&(t=this.renderRemovedOrDeclinedAccount()),t}render(){return c(G||(G=h(['\n      <div class="user-details-panel">\n        '," ","\n        ","\n      </div>\n\n      "," ","\n    "])),this.renderControls(),this.renderNavigation(),W(this.isPanelLoading?this.renderLoading():this.renderView()),this.renderAddAccountRoleConfirmation(),this.renderRemoveRoleConfirmation())}};n.styles=[Y,X,ee,Q],l([R({type:Object,attribute:!1})],n.prototype,"account",void 0),l([R({type:Object,attribute:!1})],n.prototype,"contact",void 0),l([R({type:Array,attribute:!1})],n.prototype,"assignedRoles",void 0),l([R({type:Array,attribute:!1})],n.prototype,"roles",void 0),l([R({type:Array,attribute:!1})],n.prototype,"userFlagTrees",void 0),l([R({type:Array,attribute:!1})],n.prototype,"assignedRoleTrees",void 0),l([R({type:Boolean})],n.prototype,"readonly",void 0),l([v()],n.prototype,"isPanelLoading",void 0),l([v()],n.prototype,"roleAssignments",void 0),l([v()],n.prototype,"viewRoute",void 0),l([v()],n.prototype,"saveControls",void 0),l([v()],n.prototype,"flagUpdates",void 0),l([v()],n.prototype,"roleUpdates",void 0),l([v()],n.prototype,"activeRoleId",void 0),l([v()],n.prototype,"permissionData",void 0),l([v()],n.prototype,"removeRoleDialogOpen",void 0),l([f("#role-data-element")],n.prototype,"roleTabComponent",void 0),l([f("user-details-controls")],n.prototype,"controlsComponent",void 0),l([f("#add-role-dialog")],n.prototype,"addRoleDialog",void 0),l([f("user-details-assignments")],n.prototype,"userDetailsAssignments",void 0),l([f("user-flags")],n.prototype,"userFlags",void 0),n=l([q("user-details-panel")],n);export{n as UserDetailsPanel};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management10.js

@@ -1 +0,0 @@
-import{__decorate as p}from"tslib";import{LitElement as v,html as u}from"lit";import{property as f,customElement as h}from"lit/decorators.js";import{UserDetailPermissionsStyles as y}from"../../../styles/ui-user-management22.js";import{TWStyles as x}from"../../../ui-user-management2.js";import{NonLocationPermissionTestIds as a}from"../../../constants/test-ids/ui-user-management18.js";var d=Object.freeze,b=Object.defineProperty,E=(i,n)=>d(b(i,"raw",{value:d(n||i.slice())})),c;let e=class extends v{constructor(){super(...arguments),this.permission=void 0}render(){var i,n,s,o,t,r,l,m;return u(c||(c=E(['<div\n      class="permission-container-row"\n      data-testid=','\n    >\n      <div class="flex items-center justify-between">\n        <div class="flex items-center">\n          <p\n            class="m-0 permission-name permission-item-name pl-1"\n            data-testid=',"\n          >\n            ",'\n          </p>\n        </div>\n        <p\n          class="m-0 pl-4 capitalize permission-overall-privilege mr-4"\n          data-testid=',"\n        >\n          <small>",'</small>\n        </p>\n      </div>\n      <div class="permission-items-container">\n        <div class="flex pl-13 items-center permission-item non-location">\n          <span class="non-location-icon"><md-icon slot="icon">info</md-icon></span>\n          <p class="text-left dlr-text-caption">\n            You don\'t need to select location or assets for this permission\n          </p>\n        </div>\n      </div>\n    </div>'])),a.ROW((n=(i=this.permission)===null||i===void 0?void 0:i.name)!==null&&n!==void 0?n:""),a.NAME((o=(s=this.permission)===null||s===void 0?void 0:s.name)!==null&&o!==void 0?o:""),(t=this.permission)===null||t===void 0?void 0:t.name,a.PRIVILEGE((l=(r=this.permission)===null||r===void 0?void 0:r.name)!==null&&l!==void 0?l:""),(m=this.permission)===null||m===void 0?void 0:m.privilege)}};e.styles=[y,x],p([f({type:Object,attribute:!1})],e.prototype,"permission",void 0),e=p([h("non-location-permission")],e);export{e as NonLocationPermission};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management11.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{LitElement as n,html as l}from"lit";import{property as m,customElement as p}from"lit/decorators.js";import{UserDetailPermissionsStyles as a}from"../../../styles/ui-user-management22.js";import{TWStyles as v}from"../../../ui-user-management2.js";var t=Object.freeze,c=Object.defineProperty,d=(e,i)=>t(c(e,"raw",{value:t(i||e.slice())})),o;let r=class extends n{constructor(){super(...arguments),this.permission=void 0}render(){var e,i;return l(o||(o=d(['\n      <div class="permission-container-row">\n        <div class="flex items-center justify-between">\n          <div class="flex items-center">\n            <p class="m-0 permission-name pl-1">','</p>\n          </div>\n          <p class="m-0 pl-4 capitalize permission-overall-privilege mr-4">\n            <small>',"</small>\n          </p>\n        </div>\n      </div>\n    "])),(e=this.permission)===null||e===void 0?void 0:e.name,(i=this.permission)===null||i===void 0?void 0:i.privilege)}};r.styles=[a,v],s([m({type:Object,attribute:!1})],r.prototype,"permission",void 0),r=s([p("non-category-permission")],r);export{r as NonCategoryPermission};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management2.js

@@ -1 +0,0 @@
-import{__decorate as n}from"tslib";import{LitElement as u,html as t,nothing as D}from"lit";import{repeat as m}from"lit/directives/repeat.js";import{property as p,state as v,customElement as P}from"lit/decorators.js";import"./ui-user-management9.js";import"./ui-user-management10.js";import"./ui-user-management11.js";import{UserDetailPermissionsStyles as M}from"../../../styles/ui-user-management22.js";import{TWStyles as L}from"../../../ui-user-management2.js";import{getPermissionData as x}from"../../../services/ui-user-management20.js";import{roleStore as I}from"../../../state/ui-user-management3.js";var l=Object.freeze,N=Object.defineProperty,r=(s,o)=>l(N(s,"raw",{value:l(o||s.slice())})),c,d,f,g,h;let e=class extends u{constructor(){super(...arguments),this.inPermissionsDialog=!1,this.permissionData=[]}updated(s){s.has("activeRoleId")&&this.hydratePermissions()}hydratePermissions(){const s=I.get().find(o=>o.id===this.activeRoleId);s!=null&&s.permissions&&(this.permissionData=x(s.permissions))}render(){const s=this.permissionData.filter(i=>i.category!=="Misc.").flatMap(i=>i.items).filter(i=>i.isNonLocation),o=structuredClone(this.permissionData).filter(i=>i.category!=="Misc.").filter(i=>i.items.some(a=>!a.isNonLocation)).map(i=>({...i,items:i.items.filter(a=>!a.isNonLocation)})),y=this.permissionData.filter(i=>!i.category||i.category==="Misc.").flatMap(i=>i.items);return t(h||(h=r(['\n      <div\n        data-testid="permissions-container"\n        class="','"\n      >\n        ',"\n        ","\n        ","\n        ","\n      </div>\n    "])),this.inPermissionsDialog?"permissions-dialog-container":"",this.inPermissionsDialog?D:t(c||(c=r(['<h3 class="dlr-text-heading">Permissions</h3>']))),m(s,i=>i.id,i=>t(d||(d=r(["\n            <non-location-permission .permission=","></non-location-permission>\n          "])),i)),m(o,i=>i.items,i=>t(f||(f=r(["\n            <permission-group .permissionGroup=","></permission-group>\n          "])),i)),m(y,i=>i.id,i=>t(g||(g=r(["\n            <non-category-permission .permission=","></non-category-permission>\n          "])),i)))}};e.styles=[M,L],n([p()],e.prototype,"activeRoleId",void 0),n([p({type:Boolean})],e.prototype,"inPermissionsDialog",void 0),n([v()],e.prototype,"permissionData",void 0),e=n([P("user-details-permission")],e);export{e as UserDetailsPermission};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management3.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as b,html as o}from"lit";import{property as d,state as r,queryAsync as f,customElement as C}from"lit/decorators.js";import{AppGeneralStyles as x}from"../../../styles/ui-user-management8.js";import{UserDetailsStyles as R}from"../../../styles/ui-user-management9.js";import{getRolesBelongingToAccount as E}from"../../../services/ui-user-management4.js";import{TWStyles as A}from"../../../ui-user-management2.js";import{ApplicationEvents as O}from"../../../constants/events/ui-user-management.js";import{AddAccountRoleTestIds as l}from"../../../constants/test-ids/ui-user-management15.js";import{userProfile as k}from"../../../state/ui-user-management.js";import{hasDLRDomain as B}from"../../../services/ui-user-management9.js";var c=Object.freeze,L=Object.defineProperty,s=(e,n)=>c(L(e,"raw",{value:c(n||e.slice())})),h,p,u,m,v,g;let t=class extends b{constructor(){super(...arguments),this.roles=[],this.assignedRoles=[],this.isOpen=!1,this.loading=!1,this.roleId="",this.disabled=!0,this.handleEscapeKeyBinding=this.handleEscapeKey.bind(this),this.handleCancelChangesBinding=this.handleCancelChanges.bind(this)}get name(){var e,n;return"".concat((e=this.contact)===null||e===void 0?void 0:e.firstName," ").concat((n=this.contact)===null||n===void 0?void 0:n.lastName)}get addableRoles(){var e,n,a;if(!(!((e=this.account)===null||e===void 0)&&e.accountNumber))return[];const y=B((n=this.contact)===null||n===void 0?void 0:n.email)&&k.hasAssignInternalRoleCreate((a=this.account)===null||a===void 0?void 0:a.accountNumber);return E(this.account.accountNumber,this.roles,y)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleEscapeKeyBinding),this.addEventListener("blur",this.handleCancelChangesBinding)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleEscapeKeyBinding),this.removeEventListener("blur",this.handleCancelChangesBinding)}handleEscapeKey(e){return e.which===27&&(this.isOpen=!1),null}async handleOpenDialog(){this.isOpen=!0;const e=await this.rolesMenu;e==null||e.reset(),this.disabled=!0}async handleConfirmChanges(){this.dispatchEvent(new CustomEvent(O.AddRole,{detail:{roleId:this.roleId}}))}async handleCancelChanges(){this.isOpen=!1}handleRoleSelect(e){e&&(this.disabled=!1)}renderRoleOptions(){return o(p||(p=s(["\n      ","\n    "])),this.addableRoles.map((e,n)=>o(h||(h=s([' <ix-select-option\n          class="option"\n          value=',"\n          ?disabled=","\n          @click=","\n          data-testid=",'\n        >\n          <div slot="headline">',"</div>\n        </ix-select-option>"])),n,this.assignedRoles.some(a=>a.id===e.id),()=>{this.roleId=this.addableRoles[n].id},l.ROLE_OPTION(e.name),e.name)))}renderHeader(){var e;return o(u||(u=s([' <div\n      id="confirmation-header"\n      slot="headline"\n      style="max-width: 560px;"\n      data-testid=','\n    >\n      <h1 class="dlr-text-heading break-words">\n        Add Role to '," for ","\n      </h1>\n    </div>"])),l.HEADING,this.name,(e=this.account)===null||e===void 0?void 0:e.name)}renderContent(){return o(m||(m=s([' <div slot="content" method="dialog">\n      <form slot="content" style="padding-top: 0px" id="add-role-to-roles" method="dialog">\n        <ix-select\n          quick\n          menu-below\n          class="thick"\n          id="roles-menu"\n          menu-positioning="fixed"\n          @input=',"\n          data-testid=","\n        >\n          ","\n        </ix-select>\n      </form>\n    </div>"])),e=>this.handleRoleSelect(e.target.value),l.ROLE_SELECTOR,this.renderRoleOptions())}renderFooter(){return o(v||(v=s(['\n      <div class="add-roles-dialog-actions" slot="actions">\n        <ix-button\n          form="confirm-updates"\n          appearance="text"\n          text="Cancel"\n          ?disabled=',"\n          @click=","\n          data-testid=",'\n        >\n          Cancel\n        </ix-button>\n        </ix-button>\n        <ix-button\n          id="add-account-button"\n          form="confirm-updates"\n          appearance="text"\n          text="Add Role"\n          ?disabled=',"\n          ?submitting=","\n          @click=","\n          data-testid=","\n        >Add Role\n        </ix-button>\n      </div>\n    "])),this.loading,()=>this.handleCancelChanges(),l.BTN_CANCEL,this.disabled,this.loading,this.handleConfirmChanges,l.BTN_ADD)}render(){return o(g||(g=s([' <ix-dialog class="z-50 relative" id="add-role-to-account" ?open=',">\n      "," "," ","\n    </ix-dialog>"])),this.isOpen,this.renderHeader(),this.renderContent(),this.renderFooter())}};t.styles=[x,R,A],i([d({type:Object})],t.prototype,"contact",void 0),i([d({type:Object})],t.prototype,"account",void 0),i([d({type:Array})],t.prototype,"roles",void 0),i([d({type:Array})],t.prototype,"assignedRoles",void 0),i([d({type:Boolean,reflect:!0})],t.prototype,"isOpen",void 0),i([r()],t.prototype,"loading",void 0),i([r()],t.prototype,"roleId",void 0),i([r()],t.prototype,"disabled",void 0),i([f("#roles-menu")],t.prototype,"rolesMenu",void 0),t=i([C("add-account-role")],t);export{t as AddAccountRole};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management4.js

@@ -1 +0,0 @@
-import{__decorate as a}from"tslib";import{html as e,nothing as r}from"lit";import{property as v,state as h,customElement as P}from"lit/decorators.js";import{MobxLitElement as F}from"@adobe/lit-mobx";import"@digital-realty/ix-tabs/ix-tabs.js";import"@digital-realty/ix-tabs/ix-primary-tab.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-menu/ix-menu.js";import"@digital-realty/ix-menu/ix-menu-item.js";import{elementTheme as j}from"@digital-realty/theme";import{accountStatusIconMap as z,accountStatusText as l,accountStatusIconColourMap as g}from"../../../models/ui-user-management3.js";import{userProfile as A}from"../../../state/ui-user-management.js";import{UserDetailsStyles as G}from"../../../styles/ui-user-management9.js";import{AppGeneralStyles as W}from"../../../styles/ui-user-management8.js";import{TWStyles as $}from"../../../ui-user-management2.js";import{successNotification as q}from"../../../services/ui-user-management8.js";import{saveControlsEnum as p}from"../../../constants/ui-user-management5.js";import{AccountAssociationController as H}from"../../../controllers/ui-user-management5.js";import{contactStore as m}from"../../../state/ui-user-management7.js";import{accountAssociationDraftStore as x}from"../../../state/ui-user-management6.js";import{ApplicationEvents as C}from"../../../constants/events/ui-user-management.js";import{UserDetailsControlsTestIds as c}from"../../../constants/test-ids/ui-user-management16.js";import J from"../../../services/ui-user-management16.js";var f=Object.freeze,K=Object.defineProperty,o=(t,s)=>f(K(t,"raw",{value:f(s||t.slice())})),D,E,S,T,N,R,y,U,O,I,_,B,w,M,k,L,V;let i=class extends F{constructor(){super(...arguments),this.accountAssociationController=new H(this),this.roles=[],this.saveControls=p.hidden,this.isLoading=!1,this.readonly=!1,this.actionsDisabled=!1,this.removeAccountDialogOpen=!1,this.suspendingAccess=!1,this.restoringAccess=!1,this.removingAccount=!1,this.savingChanges=!1,this.cancellingChanges=!1,this.mobileMenuOpen=!1}statusIcon(t){return z[t]}dispatchUpdateEvent(){this.dispatchEvent(new CustomEvent(C.UpdateChanges,{detail:"no-toast"}))}dispatchReloadAccountEvent(t=!1){var s;this.dispatchEvent(new CustomEvent(C.ReloadAccount,{detail:{accountNumber:(s=this.account)===null||s===void 0?void 0:s.accountNumber,overrideUnsavedChanges:t}}))}async addAccount(){var t,s,n;this.actionsDisabled=!0,this.savingChanges=!0,!((t=this.contact)===null||t===void 0)&&t.accounts.some(u=>{var d;return u.accountNumber===((d=this.account)===null||d===void 0?void 0:d.accountNumber)&&u.status==="REMOVED"})?await this.accountAssociationController.restore((s=this.account)===null||s===void 0?void 0:s.accountNumber,this.contact.id):await this.accountAssociationController.add((n=this.account)===null||n===void 0?void 0:n.accountNumber,this.contact.id),this.emitRoleUpdates&&await this.emitRoleUpdates(),await m.refresh(),x.clear(),this.dispatchUpdateEvent(),this.actionsDisabled=!1,this.savingChanges=!1}async restoreAccount(){var t;this.actionsDisabled=!0,this.restoringAccess=!0,await this.accountAssociationController.restore((t=this.account)===null||t===void 0?void 0:t.accountNumber,this.contact.id),await m.refresh(),this.dispatchReloadAccountEvent(!0),this.actionsDisabled=!1,this.restoringAccess=!1}async suspendAccount(){var t;this.actionsDisabled=!0,this.suspendingAccess=!0,await this.accountAssociationController.suspend((t=this.account)===null||t===void 0?void 0:t.accountNumber,this.contact.id),await m.refresh(),this.dispatchReloadAccountEvent(!0),this.actionsDisabled=!1,this.suspendingAccess=!1}async removeAccount(){var t;this.actionsDisabled=!0,this.removingAccount=!0,await this.accountAssociationController.remove((t=this.account)===null||t===void 0?void 0:t.accountNumber,this.contact.id),await m.refresh(),this.actionsDisabled=!1,this.removingAccount=!1,this.removeAccountDialogOpen=!1,this.dispatchReloadAccountEvent()}cancelChanges(){var t,s,n;this.actionsDisabled=!0;const u="".concat(x.get().accountNumber,":").concat((t=this.contact)===null||t===void 0?void 0:t.id);if(J.remove(u),!(!((s=this.contact)===null||s===void 0)&&s.accounts.find(d=>{var b;return d.accountNumber===((b=this.account)===null||b===void 0?void 0:b.accountNumber)}))){const[d]=((n=this.contact)===null||n===void 0?void 0:n.accounts)||[];d&&(this.account=d)}this.dispatchReloadAccountEvent(!0),this.actionsDisabled=!1}openMobileOptions(){this.mobileMenuOpen=!this.mobileMenuOpen}resendInvite(){q("Invitation has been re-sent.",3e3,"center")}renderRemoveAccountButton(){return e(D||(D=o(['<ix-button\n      appearance="filled"\n      class="cancel"\n      ?disabled=',"\n      @click=",'\n      id="remove-account-button"\n      data-testid=','\n      ><span class="remove-account">Remove Account</span></ix-button\n    >'])),this.actionsDisabled,()=>{this.removeAccountDialogOpen=!0},c.BTN_REMOVE_ACCOUNT)}renderRestoreSuspendRemove(){var t,s,n;return this.isLoading?r:this.saveControls?r:this.readonly?r:((t=this.account)===null||t===void 0?void 0:t.status)===l.SUSPENDED?e(E||(E=o(["<ix-button\n          @click=","\n          ?disabled=","\n          ?submitting=",'\n          id="restore-account-button"\n          class="mr-1"\n          data-testid=','\n        >\n          <span class="font-bold">Restore Access</span>\n        </ix-button>\n        ',""])),this.restoreAccount,this.actionsDisabled&&!this.restoringAccess,this.restoringAccess,c.BTN_RESTORE_ACCESS,this.renderRemoveAccountButton()):((s=this.account)===null||s===void 0?void 0:s.status)===l.ACTIVE?e(S||(S=o(['<ix-button\n          id="suspend-button"\n          class="suspend-button cancel"\n          appearance="outlined"\n          ?disabled=',"\n          ?submitting=","\n          @click=","\n          data-testid=","\n        >\n          Suspend Access\n        </ix-button>\n        ",""])),this.actionsDisabled&&!this.suspendingAccess,this.suspendingAccess,this.suspendAccount,c.BTN_SUSPEND_ACCESS,this.renderRemoveAccountButton()):((n=this.account)===null||n===void 0?void 0:n.status)===l.INVITED?e(T||(T=o([" ",""])),this.renderRemoveAccountButton()):r}renderRestoreSuspendRemoveMobile(){var t,s,n,u,d;return this.isLoading?r:this.saveControls?r:A.isProfileOfLoggedInUser((t=this.contact)===null||t===void 0?void 0:t.email)?r:!A.hasExternalUserUpdate((s=this.account)===null||s===void 0?void 0:s.accountNumber)&&!A.hasExternalUserCreate((n=this.account)===null||n===void 0?void 0:n.accountNumber)?r:((u=this.account)===null||u===void 0?void 0:u.status)===l.SUSPENDED?e(N||(N=o(["<ix-menu-item @click=",'\n          ><span class="font-bold">Restore Access</span>\n        </ix-menu-item>\n        <ix-menu-item\n          @click=','\n          ><span class="font-bold">Remove Account</span>\n        </ix-menu-item>'])),this.restoreAccount,()=>{this.removeAccountDialogOpen=!0}):((d=this.account)===null||d===void 0?void 0:d.status)===l.ACTIVE?e(R||(R=o(["<ix-menu-item @click=",'\n          ><span class="font-bold">Suspend Access</span>\n        </ix-menu-item>\n        <ix-menu-item\n          @click=','\n          ><span class="font-bold">Remove Account</span>\n        </ix-menu-item>'])),this.suspendAccount,()=>{this.removeAccountDialogOpen=!0}):r}renderResendInviteButton(){var t;return((t=this.account)===null||t===void 0?void 0:t.status)!==l.INVITED||this.isLoading?r:e(y||(y=o(['<ix-button\n      appearance="filled"\n      @click=','\n      id="resend-invite-button"\n      data-testid=','\n      ><span class="font-bold">Resend <br />Invite</span>\n    </ix-button>'])),()=>this.resendInvite(),c.BTN_RESEND_INVITE)}renderButtons(){return this.isLoading||this.saveControls===p.hidden?r:e(U||(U=o(['<div id="draft-assignment-controls" class="panel-button-container">\n      <ix-button\n        appearance="outlined"\n        ?disabled=',"\n        ?submitting=","\n        @click=",'\n        id="cancel-role-button"\n        data-testid=','\n      >\n        Cancel\n      </ix-button>\n      <ix-button\n        id="save-role-button"\n        ?disabled=',"\n        ?submitting=","\n        @click=","\n        data-testid=","\n      >\n        Save\n      </ix-button>\n    </div>"])),this.actionsDisabled,this.cancellingChanges,()=>this.cancelChanges(),c.BTN_CANCEL,this.saveControls===p.disabled||this.actionsDisabled,this.savingChanges,this.dispatchUpdateEvent,c.BTN_SAVE)}renderDraftButtons(){return this.isLoading?r:e(O||(O=o(['<div id="draft-association-controls" class="panel-button-container">\n      <ix-button\n        id="cancel-role-button"\n        appearance="outlined"\n        ?disabled=',"\n        @click=",'\n        data-testid="','"\n      >\n        Cancel\n      </ix-button>\n\n      <ix-button\n        appearance="filled"\n        id="save-role-button"\n        ?disabled=',"\n        ?submitting=","\n        @click=",'\n        data-testid="','"\n      >\n        Save\n      </ix-button>\n    </div>'])),this.actionsDisabled,this.cancelChanges,c.BTN_DRAFT_CANCEL,(this.actionsDisabled||this.saveControls===p.disabled||this.saveControls===p.hidden)&&!this.savingChanges,this.actionsDisabled,this.addAccount,c.BTN_DRAFT_SAVE)}renderStatus(){var t,s;if(!this.account||this.isLoading)return r;const n=this.account.status;return n===l.REMOVED?e(I||(I=o(['<div class="panel-status">\n        <p class="dlr-text-small" data-testid="','">Account Removed</p>\n        <ix-icon filled>',"</ix-icon>\n      </div>"])),c.ACCOUNT_STATUS,this.statusIcon(n)):n===l.DECLINED?e(_||(_=o(['<div class="panel-status">\n        <p class="dlr-text-small" data-testid="','">\n          Account Invitation Declined By User\n        </p>\n        <ix-icon filled>',"</ix-icon>\n      </div>"])),c.ACCOUNT_STATUS,this.statusIcon(n)):n===l.SUSPENDED?e(B||(B=o(['<div class="panel-status">\n        <p class="dlr-text-small account-status-suspend" data-testid="','">\n          Suspended on\n          <ix-date type="static" value=','></ix-date>\n        </p>\n        <ix-icon filled class="warning text-2xl">',"</ix-icon>\n      </div>"])),c.ACCOUNT_STATUS,(t=this.account)===null||t===void 0?void 0:t.statusUpdateAt,this.statusIcon(n)):this.account.status===l.INVITED?e(w||(w=o(['<div class="panel-status">\n        <p class="dlr-text-small" data-testid="','">\n          Invited on\n          <ix-date type="static" value=',"></ix-date>\n        </p>\n        <ix-icon filled style=","\n          >","</ix-icon\n        >\n      </div>"])),c.ACCOUNT_STATUS,(s=this.account)===null||s===void 0?void 0:s.statusUpdateAt,"color: ".concat(g[n]),this.statusIcon(n)):this.account.status===l.DRAFT?e(M||(M=o(['<div class="panel-status">\n        <p class="dlr-text-small" data-testid="','">Draft</p>\n        <ix-icon class="text-2xl" filled style=',"\n          >","</ix-icon\n        >\n      </div>"])),c.ACCOUNT_STATUS,"color: ".concat(g[n]),this.statusIcon(n)):e(k||(k=o(['<div class="panel-status">\n      <ix-icon style="color:rgb(76, 175, 80);" filled class="mt-1 text-2xl"\n        >','</ix-icon\n      >\n      <p class="dlr-text-small" data-testid="','">Active</p>\n    </div>'])),this.statusIcon(n),c.ACCOUNT_STATUS)}renderRemoveAccountConfirmation(){return e(L||(L=o(['<changes-confirmation\n      id="remove-account-dialog"\n      data-testid="remove-account-dialog"\n      class="z-50 relative"\n      ?isOpen=',"\n      ?submitting=","\n      .headerText=","\n      .confirmationButtonText=","\n      @confirm=","\n      @cancel=","\n    >\n    </changes-confirmation>"])),this.removeAccountDialogOpen,this.removingAccount,"The user will no longer be able to access this account.","Remove Account",()=>{this.removeAccount()},()=>{this.removeAccountDialogOpen=!1})}render(){var t;return this.account?e(V||(V=o(['<div>\n      <div class="flex items-center p-4 pb-0 lg:p-2 justify-between user-status">\n        <div class="flex items-center user-status-header">\n          <h1 class="dlr-text-heading lg:pl-4" data-testid="','">\n            ','\n          </h1>\n          <span style="position: relative">\n            <ix-icon\n              id="anchor"\n              filled\n              class="cursor-pointer mobile-options"\n              @click=','\n              >more_vert</ix-icon\n            >\n            <ix-menu anchor="anchor" ?open=',">\n              ",'\n            </ix-menu>\n          </span>\n        </div>\n        <div class="user-details-controls flex items-center pr-4">\n          '," ","\n          ","\n          ","\n          ","\n        </div>\n      </div>\n    </div>"])),c.ACCOUNT_NAME,(t=this.account.displayName)!==null&&t!==void 0?t:this.account.name,this.openMobileOptions,this.mobileMenuOpen,this.renderRestoreSuspendRemoveMobile(),this.renderStatus(),this.renderResendInviteButton(),this.renderRestoreSuspendRemove(),this.account.status===l.DRAFT?this.renderDraftButtons():this.renderButtons(),this.renderRemoveAccountConfirmation()):r}};i.styles=[W,G,$,j],a([v()],i.prototype,"account",void 0),a([v()],i.prototype,"contact",void 0),a([v()],i.prototype,"roles",void 0),a([v()],i.prototype,"saveControls",void 0),a([v()],i.prototype,"isLoading",void 0),a([v({type:Boolean})],i.prototype,"readonly",void 0),a([h()],i.prototype,"actionsDisabled",void 0),a([h()],i.prototype,"removeAccountDialogOpen",void 0),a([h()],i.prototype,"suspendingAccess",void 0),a([h()],i.prototype,"restoringAccess",void 0),a([h()],i.prototype,"removingAccount",void 0),a([h()],i.prototype,"savingChanges",void 0),a([h()],i.prototype,"cancellingChanges",void 0),a([h()],i.prototype,"mobileMenuOpen",void 0),a([v()],i.prototype,"emitRoleUpdates",void 0),i=a([P("user-details-controls")],i);export{i as UserDetailsControls};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management5.js

@@ -1 +0,0 @@
-import{__decorate as a}from"tslib";import{css as N,LitElement as f,html as b}from"lit";import x from"lodash.debounce";import{property as d,state as c,customElement as I}from"lit/decorators.js";import{collapseAllNodes as C,updateNodeCheckedStatus as m}from"@digital-realty/ix-generic-tree";import"@digital-realty/ix-generic-tree/ix-generic-tree.js";import{getRoleDataItem as T}from"../../../services/ui-user-management17.js";import{TWStyles as M}from"../../../ui-user-management2.js";import{getSpaceNameTreeNodeFromTreeNode as k}from"../../../services/ui-user-management21.js";import S from"../../../services/ui-user-management22.js";import{ApplicationEvents as E}from"../../../constants/events/ui-user-management.js";import{errorService as g}from"../../../services/ui-user-management.js";import{hasDLRDomain as U}from"../../../services/ui-user-management9.js";import{roleStore as R}from"../../../state/ui-user-management3.js";import{resetSelected as w,findMatchingNodes as O,configureSelectedNodes as A,onSearchNavigation as D}from"../../../services/ui-user-management23.js";import L from"../../../services/ui-user-management16.js";import{accountAssociationDraftStore as j}from"../../../state/ui-user-management6.js";var u=Object.freeze,F=Object.defineProperty,p=(e,t)=>u(F(e,"raw",{value:u(t||e.slice())})),v,y;let n=class extends f{constructor(){super(...arguments),this.searching=!1,this.disableTree=!1,this.readonly=!1,this.activeRoleId="",this.searchResultCount=0,this.searchResultIndex=0,this.selectedIds=[],this.loadingNodes=!1,this.assignmentUpdateManagers=[],this.searchText="",this.onSearchTextChange=x(async e=>{var t;this.searchText=e.detail.searchText;const s=(t=this.assignment)===null||t===void 0?void 0:t.rootNode;w(s);const i=O(s,this.searchText);i.length&&C(s),this.searchResultCount=i.length;const o=A(s,i);[this.selectedId]=o,this.selectedIds=[...o],this.searchResultIndex=o.indexOf(this.selectedId)+1,this.requestUpdate()},500)}updated(e){super.updated(e),e.has("activeRoleId")&&this.handleNonLocationTrees()}disconnectedCallback(){super.disconnectedCallback(),this.emitUpdates()}emitUpdates(){var e,t;const s=j.get(),i=(e=this.assignmentUpdateManagers.find(l=>l.accountId===s.accountNumber))===null||e===void 0?void 0:e.nodeManager,o=i==null?void 0:i.nodeUpdates.flatMap(l=>l.item.nodeUpdates);if(!(s!=null&&s.accountNumber)&&!i)return;const r={data:o||[],options:{consume:!1}},h="".concat(s.accountNumber,":").concat((t=this.contact)===null||t===void 0?void 0:t.id);L.emit(h,r)}dispatchCheckToggleEvent(e){this.dispatchEvent(new CustomEvent(E.CheckToggle,{detail:{message:{updates:structuredClone(e)}}}))}handleNonLocationTrees(){const e=R.get().find(o=>{var r;return o.id===((r=this.assignment)===null||r===void 0?void 0:r.role)});if(!e||!this.assignment)return;if(!e.permissions.every(o=>o.isNonLocation)){this.disableTree=!1;return}const t=this.assignment.rootNode.children[0];t.checked=!0,this.disableTree=!0,m(t,this.assignment.rootNode);const s=this.getOrCreateNodeManager();if(!s)return;const i=s.nodeUpdates.find(o=>{var r;return o.key===((r=this.assignment)===null||r===void 0?void 0:r.role)});i&&(i.item.update(this.assignment.rootNode),this.dispatchCheckToggleEvent(s.nodeChanges))}onTreeCheckToggle(e){var t;try{const s=this.getOrCreateNodeManager();if(!s)throw new Error("Node manager is missing.");const i=s.nodeUpdates.find(o=>{var r;return o.key===((r=this.assignment)===null||r===void 0?void 0:r.role)});i&&i.item.update(e.detail.message.rootNode),!((t=this.assignment)===null||t===void 0)&&t.rootNode&&(this.assignment.rootNode=structuredClone(e.detail.message.rootNode)),this.dispatchCheckToggleEvent(s.nodeChanges)}catch(s){g.handleError(s,"Failed to toggle tree check.")}}async onTreeExpandToggle(e){var t,s;try{const i=e.detail.message.update,o=e.detail.message.node;if(o.children&&o.children.length)return;if(!this.contact.id||!this.accountNumber)throw new Error("Contact ID or Account Number is missing.");o.loading=!0;const r=await T((t=this.assignment)===null||t===void 0?void 0:t.role,this.contact.id,this.accountNumber,o.id,void 0,!0,U((s=this.contact)===null||s===void 0?void 0:s.email));o.loading=!1,r[0].inventoryItems&&r[0].inventoryItems.length&&(r[0].inventoryItems.forEach(h=>{k(h,o),o.originalCheckedStatus!==o.checked&&m(o,o)}),i())}catch(i){g.handleError(i,"Failed to expand tree node.")}}destroyRoleManager(){const e=this.assignmentUpdateManagers.find(t=>t.accountId===this.accountNumber);e&&(e.nodeManager.reset(),this.assignmentUpdateManagers=this.assignmentUpdateManagers.filter(t=>t.accountId!==this.accountNumber))}getOrCreateNodeManager(){var e;let t;try{if(!this.accountNumber)throw new Error("Account number is missing.");t=(e=this.assignmentUpdateManagers.find(s=>s.accountId===this.accountNumber))===null||e===void 0?void 0:e.nodeManager,t||(this.assignmentUpdateManagers.push({accountId:this.accountNumber,nodeManager:new S}),t=this.assignmentUpdateManagers.find(s=>s.accountId===this.accountNumber).nodeManager)}catch(s){g.handleError(s,"Failed to get or create node manager.")}return t}disableCheckboxes(){return this.readonly?!0:this.disableTree}onSearchNavigation(e){if(!this.selectedIds.length)return;const t=D(e.detail.direction,this.selectedId,this.selectedIds);this.selectedId=t!=null?t:this.selectedId,this.searchResultIndex=this.selectedIds.indexOf(this.selectedId)+1,this.requestUpdate()}render(){var e;const t=this.getOrCreateNodeManager();return t&&this.assignment&&t.create(this.assignment.role),b(v||(v=p(['\n      <div class="flex items-center py-[0.75rem]">\n        <h1 class="dlr-text-heading">Portal Access</h1>\n        <ix-progress\n          .linear=',"\n          .indeterminate=",'\n          style="visibility: ','"\n        ></ix-progress>\n      </div>\n      <ix-generic-tree\n        data-testid="location-treeview"\n        .rootNode=',"\n        .searchText=","\n        .selectedId=","\n        .showCheckboxes=","\n        .disableCheckboxes=","\n        @search-text-change=","\n        @search-navigation=","\n        @check-toggle=","\n        @expand-toggle=","\n        searchEnabled\n        .searchResultCount=","\n        .searchResultIndex=",'\n        searchPlaceholder="Search by Site or Asset Name.."\n      ></ix-generic-tree>\n    '])),!1,!0,this.searching?"visible":"hidden",(e=this.assignment)===null||e===void 0?void 0:e.rootNode,this.searchText,this.selectedId,!0,this.disableCheckboxes(),this.onSearchTextChange,s=>this.onSearchNavigation(s),s=>this.onTreeCheckToggle(s),s=>this.onTreeExpandToggle(s),this.searchResultCount,this.searchResultIndex)}};n.styles=[M,N(y||(y=p(["\n      :host {\n        --md-circular-progress-size: 28px;\n      }\n    "])))],a([d({type:Object,attribute:!1})],n.prototype,"assignment",void 0),a([d({type:Object})],n.prototype,"contact",void 0),a([d({type:String})],n.prototype,"accountNumber",void 0),a([d({type:String})],n.prototype,"selectedId",void 0),a([d({type:Boolean})],n.prototype,"searching",void 0),a([d({type:Boolean})],n.prototype,"disableTree",void 0),a([d({type:Boolean})],n.prototype,"readonly",void 0),a([d({type:String})],n.prototype,"activeRoleId",void 0),a([c()],n.prototype,"searchResultCount",void 0),a([c()],n.prototype,"searchResultIndex",void 0),a([c()],n.prototype,"selectedIds",void 0),a([c()],n.prototype,"loadingNodes",void 0),a([c()],n.prototype,"assignmentUpdateManagers",void 0),a([c()],n.prototype,"searchText",void 0),n=a([I("user-details-assignments")],n);export{n as UserDetailsAssignments};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management6.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{LitElement as h,html as i,nothing as l}from"lit";import{property as o,query as v,customElement as u}from"lit/decorators.js";import"@digital-realty/ix-tabs/ix-tabs.js";import"@digital-realty/ix-tabs/ix-primary-tab.js";import"@digital-realty/ix-icon/ix-icon.js";import{elementTheme as y}from"@digital-realty/theme";import{UserDetailsStyles as E}from"../../../styles/ui-user-management9.js";import{AppGeneralStyles as f}from"../../../styles/ui-user-management8.js";import{TWStyles as x}from"../../../ui-user-management2.js";import{UserDetailsTabRolesStyles as g}from"../../../styles/ui-user-management25.js";import{UserDetailsTabRolesTestIds as d}from"../../../constants/test-ids/ui-user-management14.js";var p=Object.freeze,B=Object.defineProperty,a=(e,n)=>p(B(e,"raw",{value:p(n||e.slice())})),c,b,m,R;const r={RoleSelect:"role-select",OpenRoleMenu:"open-role-menu",RemoveRoleMenu:"open-remove-role-menu"};let t=class extends h{constructor(){super(...arguments),this.disableEscapeKeyBinding=this.disableEscapeKey.bind(this),this.assignedRoles=[],this.activeRoleId="",this.canAddRoles=!1,this.addRolesDisabled=!1,this.canRemoveRoles=!1,this.removeRolesDisabled=!1}connectedCallback(){super.connectedCallback(),this.tabs&&this.tabs.addEventListener("keydown",this.disableEscapeKeyBinding)}disconnectedCallback(){super.disconnectedCallback(),this.tabs&&this.tabs.removeEventListener("keydown",this.disableEscapeKeyBinding)}disableEscapeKey(e){return e.which===27?!1:null}handleRoleClick(e,n){this.dispatchEvent(new CustomEvent(r.RoleSelect,{detail:{roleId:n},bubbles:!0,composed:!0})),e.target.scrollIntoView({inline:"center",behavior:"smooth",block:"nearest"})}dispatchOpenRoleMenu(){this.dispatchEvent(new CustomEvent(r.OpenRoleMenu,{bubbles:!0,composed:!0}))}dispatchOpenRemoveRoleMeu(){this.dispatchEvent(new CustomEvent(r.RemoveRoleMenu,{bubbles:!0,composed:!0}))}setActiveRole(e){this.tabs&&(this.tabs.activeTabIndex=this.assignedRoles.findIndex(n=>n.id===e))}renderAddRoleButton(){return this.canAddRoles?i(c||(c=a(["\n      <ix-button\n        data-testid=",'\n        appearance="text"\n        @click=','\n        class="primary"\n        aria-label="Add Role"\n        ?disabled=','\n        has-icon\n      >\n        <md-icon slot="icon">add</md-icon>\n        Add Role\n      </ix-button>\n    '])),d.BTN_ADD_ROLE,()=>this.dispatchOpenRoleMenu(),this.addRolesDisabled):l}renderRemoveRoleButton(){return this.canRemoveRoles?i(b||(b=a(["\n      <ix-button\n        data-testid=",'\n        appearance="outlined"\n        .disabled=',"\n        @click=",'\n        class="cancel"\n      >\n        <span>REMOVE ROLE</span>\n      </ix-button>\n    '])),d.BTN_REMOVE_ROLE,this.removeRolesDisabled,()=>this.dispatchOpenRemoveRoleMeu()):l}renderRole(e){return e?i(m||(m=a(['<ix-primary-tab\n      data-testid="ix-tab-role-','"\n      @click=',"\n      ?activeDisabled=","\n      ><span id=",' class="font-bold flex items-center uppercase"\n        >',"</span\n      >\n    </ix-primary-tab>"])),e.id,n=>this.handleRoleClick(n,e.id),e.id===this.activeRoleId,"role-tab-".concat(e.id),e.name):l}render(){return i(R||(R=a(['\n      <div class="tab-container">\n        <div class="flex gap-4 max-w-full overflow-hidden tab-outer-wrapper">\n          <div class="flex-1 overflow-auto tab-inner-wrapper">\n            <ix-tabs\n              data-testid="ix-tabs-roles"\n              id="roles-tabs"\n              .scrollButtons=','\n              hideScrollBar\n              left-align="true"\n            >\n              ','\n            </ix-tabs>\n          </div>\n          <div class="flex items-center gap-4 shrink-0 tab-inner-wrapper">\n            '," ","\n          </div>\n        </div>\n      </div>\n    "])),this.assignedRoles.length>1,this.assignedRoles.map(e=>this.renderRole(e)),this.renderAddRoleButton(),this.renderRemoveRoleButton())}};t.styles=[f,E,x,y,g],s([o({type:Array,attribute:!1})],t.prototype,"assignedRoles",void 0),s([o({type:String,attribute:!1})],t.prototype,"activeRoleId",void 0),s([o({type:Boolean})],t.prototype,"canAddRoles",void 0),s([o({type:Boolean})],t.prototype,"addRolesDisabled",void 0),s([o({type:Boolean})],t.prototype,"canRemoveRoles",void 0),s([o({type:Boolean})],t.prototype,"removeRolesDisabled",void 0),s([v("#roles-tabs")],t.prototype,"tabs",void 0),t=s([u("user-details-tab-roles")],t);export{t as UserDetailsTabRoles};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management7.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as h,html as n,nothing as r}from"lit";import{property as s,query as y,queryAsync as b,customElement as m}from"lit/decorators.js";import"@digital-realty/ix-tabs/ix-tabs.js";import{elementTheme as g}from"@digital-realty/theme";import"@digital-realty/ix-tabs/ix-primary-tab.js";import{UserDetailsStyles as u}from"../../../styles/ui-user-management9.js";import{AppGeneralStyles as w}from"../../../styles/ui-user-management8.js";import{TWStyles as f}from"../../../ui-user-management2.js";import{UserDetailsRoutes as a}from"../../../models/ui-user-management4.js";import{UserDetailsNavigationTestIds as E}from"../../../constants/test-ids/ui-user-management12.js";var l=Object.freeze,x=Object.defineProperty,o=(e,v)=>l(x(e,"raw",{value:l(v||e.slice())})),d,p,c;let t=class extends h{constructor(){super(...arguments),this.disableEscapeKeyBinding=this.disableEscapeKey.bind(this),this.view=a.ROLES,this.showFlags=!1,this.showRoles=!0}get viewIndex(){return this.view===a.ROLES?0:1}connectedCallback(){super.connectedCallback(),this.tabs&&this.tabs.addEventListener("keydown",this.disableEscapeKeyBinding)}disconnectedCallback(){super.disconnectedCallback(),this.tabs&&this.tabs.removeEventListener("keydown",this.disableEscapeKeyBinding)}disableEscapeKey(e){return e.which===27?!1:null}firstUpdated(){this.tabsAsync.then(e=>{e.activeTabIndex=this.viewIndex})}dispatchNavigationEvent(e){this.navigate&&(this.view=e,this.navigate(e))}renderNavigation(e){return n(d||(d=o(["<ix-primary-tab\n      @click=","\n      .activeDisabled=",'\n      data-testid="','"\n      ><span class="font-bold flex items-center uppercase">',"</span>\n    </ix-primary-tab>"])),()=>this.dispatchNavigationEvent(e),e.key===this.view.key,E.TAB(e.key),e.text)}render(){return!this.showRoles&&!this.showFlags?n(p||(p=o(["",""])),r):n(c||(c=o(['<ix-tabs\n        id="navigation-tabs"\n        hideScrollBar\n        left-align\n        data-testid="ix-tabs-navigation"\n      >\n        ',"\n        ",'\n      </ix-tabs>\n      <div class="user-detail-navigation"></div>'])),this.renderNavigation(a.ROLES),this.showFlags?this.renderNavigation(a.USERFLAGS):r)}};t.styles=[w,u,f,g],i([s({type:Object})],t.prototype,"navigate",void 0),i([s({type:Object})],t.prototype,"view",void 0),i([s({type:Boolean})],t.prototype,"showFlags",void 0),i([s({type:Boolean})],t.prototype,"showRoles",void 0),i([y("#navigation-tabs")],t.prototype,"tabs",void 0),i([b("#navigation-tabs")],t.prototype,"tabsAsync",void 0),t=i([m("user-details-navigation")],t);export{t as UserDetailsNavigation};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management8.js

@@ -1 +0,0 @@
-import{__decorate as o}from"tslib";import{LitElement as m,html as r,nothing as v}from"lit";import{property as s,state as h,customElement as y}from"lit/decorators.js";import{UserAccountRemovedStyles as g}from"../../../styles/ui-user-management23.js";import A from"../../../domain/repositories/ui-user-management6.js";import"@digital-realty/ix-date/ix-date.js";var i=Object.freeze,R=Object.defineProperty,a=(t,n)=>i(R(t,"raw",{value:i(n||t.slice())})),d,p,u,l;let e=class extends m{constructor(){super(...arguments),this.roles=[],this.userRoleAssignments=[]}get dateText(){return this.status==="DECLINED"?"Account Invitation Declined By User On":"Account Removed On"}renderRoles(){var t;return this.roles&&((t=this.role)===null||t===void 0?void 0:t.length)===1?r(d||(d=a(["",""])),this.roles[0].name):this.userRoleAssignments.map(n=>r(p||(p=a(["","<br />"])),n.name))}update(t){(t.has("contactID")||t.has("accountNumber"))&&this.getRoleAssignments(),super.update(t)}async getRoleAssignments(){if(!this.contactID)return;const t=await A.get({contactId:this.contactID,accountNumber:this.accountNumber}),n=new Set(t.map(c=>c.roleId));this.userRoleAssignments=this.roles.filter(c=>n.has(c.id))}render(){return r(l||(l=a(['<div class="removed-account-container">\n      <div class="removed-account-row">\n        <span class="removed-account-title">','</span>\n        <p class="removed-account-text">\n          <ix-date type="static" value=',"></ix-date>\n        </p>\n      </div>\n      ",'\n      <div class="removed-account-row">\n        <span class="removed-account-title">Roles</span>\n        <p class="removed-account-text">',"</p>\n      </div>\n    </div>"])),this.dateText,this.changedAt,this.status==="REMOVED"?r(u||(u=a(['<div class="removed-account-row">\n            <span class="removed-account-title">Account Removed by</span>\n            <p class="removed-account-text">',"</p>\n          </div>"])),this.changedBy):v,this.renderRoles())}};e.styles=[g],o([s({type:String})],e.prototype,"status",void 0),o([s({type:String})],e.prototype,"accountNumber",void 0),o([s({type:String})],e.prototype,"contactID",void 0),o([s({type:Array,attribute:!1})],e.prototype,"roles",void 0),o([s({type:String,attribute:!1})],e.prototype,"changedBy",void 0),o([s({type:String,attribute:!1})],e.prototype,"changedAt",void 0),o([h()],e.prototype,"userRoleAssignments",void 0),e=o([y("user-account-removed-declined")],e);export{e as UserAccountRemovedDeclined};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-details/ui-user-management9.js

@@ -1 +0,0 @@
-import{__decorate as u}from"tslib";import{LitElement as O,html as h,nothing as E}from"lit";import{property as w,state as R,customElement as _}from"lit/decorators.js";import{UserDetailPermissionsStyles as b}from"../../../styles/ui-user-management22.js";import{TWStyles as I}from"../../../ui-user-management2.js";import{PermissionGroupTestIds as s}from"../../../constants/test-ids/ui-user-management17.js";var P=Object.freeze,x=Object.defineProperty,y=(i,e)=>P(x(i,"raw",{value:P(e||i.slice())})),f,g,G;let n=class extends O{constructor(){super(...arguments),this.permissionGroup=void 0,this.isOpen=!1}onClick(){this.isOpen=!this.isOpen,this.requestUpdate()}renderPermissionItemRow(i,e){return h(f||(f=y(['\n      <div class="flex justify-between pl-11 items-center permission-item">\n        <p data-testid=',">",'</p>\n        <p\n          class="capitalize permission-item-privilege pr-4"\n          data-testid=',"\n        >\n          <small>","</small>\n        </p>\n      </div>\n    "])),s.PERM_NAME(i),i,s.PERM_PRIVILEGE(i),e)}renderPermissionItems(i){return this.isOpen?h(g||(g=y(['<div class="permission-items-container">\n        ',"\n      </div>"])),i.filter(e=>!e.isNonLocation).map(e=>this.renderPermissionItemRow(e.name,e.privilege))):E}render(){var i,e,t,r,o,l,p,m,a,d,v,c;return h(G||(G=y(['<div\n      class="permission-container-row"\n      data-testid=','\n    >\n      <div class="flex items-center justify-between">\n        <div class="flex items-center">\n          <ix-icon-button\n            icon=','\n            @click="','"\n            data-testid=','\n          >\n          </ix-icon-button>\n          <p\n            class="m-0 permission-name permission-item-name pl-1"\n            id="permission-item-name"\n            data-testid=',"\n          >\n            ",'\n          </p>\n        </div>\n        <p\n          class="m-0 pl-4 capitalize permission-overall-privilege mr-4"\n          data-testid=',"\n        >\n          <small>","</small>\n        </p>\n      </div>\n      ","\n    </div>"])),s.ROW((e=(i=this.permissionGroup)===null||i===void 0?void 0:i.category)!==null&&e!==void 0?e:""),this.isOpen?"arrow_drop_down":"arrow_right",this.onClick,s.BTN_EXPAND((r=(t=this.permissionGroup)===null||t===void 0?void 0:t.category)!==null&&r!==void 0?r:""),s.CATEGORY((l=(o=this.permissionGroup)===null||o===void 0?void 0:o.category)!==null&&l!==void 0?l:""),(p=this.permissionGroup)===null||p===void 0?void 0:p.category,s.OVERALL_PERM((a=(m=this.permissionGroup)===null||m===void 0?void 0:m.category)!==null&&a!==void 0?a:""),(d=this.permissionGroup)===null||d===void 0?void 0:d.overallPrivilege,this.renderPermissionItems((c=(v=this.permissionGroup)===null||v===void 0?void 0:v.items)!==null&&c!==void 0?c:[]))}};n.styles=[b,I],u([w({type:Object,attribute:!1})],n.prototype,"permissionGroup",void 0),u([R()],n.prototype,"isOpen",void 0),n=u([_("permission-group")],n);export{n as PermissionItem};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-profile/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as a}from"tslib";import{html as s,nothing as m}from"lit";import{property as h,state as r,query as U,customElement as k}from"lit/decorators.js";import{MobxLitElement as G}from"@adobe/lit-mobx";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-select/ix-select-option.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-tree/ix-tree.js";import"./ui-user-management3.js";import{AccountsCardStyles as M}from"../../../styles/ui-user-management11.js";import{accountStatusText as l}from"../../../models/ui-user-management3.js";import{userProfile as w}from"../../../state/ui-user-management.js";import{getRolesBelongingToAccount as B}from"../../../services/ui-user-management4.js";import{TWStyles as V}from"../../../ui-user-management2.js";import{accountAssociationDraftStore as p}from"../../../state/ui-user-management6.js";import{roleAssignmentDraftStore as F}from"../../../state/ui-user-management8.js";import{roleStore as g}from"../../../state/ui-user-management3.js";import{ApplicationEvents as P}from"../../../constants/events/ui-user-management.js";import{appState as q}from"../../../state/ui-user-management2.js";import{AccountsCardTestIds as c}from"../../../constants/test-ids/ui-user-management9.js";import{hasDLRDomain as z}from"../../../services/ui-user-management9.js";import{buildAccountTree as H}from"../../../services/ui-user-management14.js";var v=Object.freeze,j=Object.defineProperty,d=(t,e)=>v(j(t,"raw",{value:v(e||t.slice())})),b,N,D,x,C,O,f,R,y,E,I,T,_,L;let o=class extends G{constructor(){super(...arguments),this.assignableAccounts=[],this.activeAccountNumber="",this.readonly=!1,this.isAddAccountDialogOpen=!1,this.isAddRoleDialogOpen=!1,this.addAccountDisabled=!0,this.addRoleDisabled=!0,this.selectedAccountNumber="",this.selectedRoleName="",this.activeAccountIndex=0,this.addingAccount=!1,this.changeSelectedAccount=async(t,e=!1)=>{this.activeAccountIndex=this.assignedAccounts.findIndex(i=>i.accountNumber===t),!(this.activeAccountNumber===this.assignedAccounts[this.activeAccountIndex].accountNumber&&l.DRAFT!==this.assignedAccounts[this.activeAccountIndex].status)&&this.activeAccountIndex>-1&&this.dispatchEvent(new CustomEvent(P.ChangeAccountAssociation,{detail:{accountNumber:t,overrideUnsavedChanges:e}}))},this.onAccountClick=t=>{this.changeSelectedAccount(t)}}get assignedAccounts(){return[...this.contact.accounts,p.get()]}get assignedAccountNames(){var t,e,i;return(i=(e=(t=this.contact)===null||t===void 0?void 0:t.accounts)===null||e===void 0?void 0:e.filter(n=>n.status!==l.REMOVED))===null||i===void 0?void 0:i.map(n=>n.name)}get selectedAccountName(){var t;const e=this.assignableAccounts.find(i=>i.accountNumber===this.selectedAccountNumber);return(t=e==null?void 0:e.displayName)!==null&&t!==void 0?t:e==null?void 0:e.name}get roleNames(){const t=q.getAccounts().find(n=>n.accountNumber===this.selectedAccountNumber)||null,e=z(this.contact.email)&&w.hasAssignInternalRoleCreate(this.selectedAccountNumber),i=B(t==null?void 0:t.accountNumber,g.get(),e);return i==null?void 0:i.map(n=>n.name)}get fullName(){var t,e;return"".concat((t=this.contact)===null||t===void 0?void 0:t.firstName," ").concat((e=this.contact)===null||e===void 0?void 0:e.lastName)}firstUpdated(){this.changeSelectedAccount(this.assignedAccounts[this.activeAccountIndex].accountNumber)}willUpdate(){!this.assignedAccounts[this.activeAccountIndex].accountNumber&&this.assignedAccounts.length&&this.changeSelectedAccount(this.assignedAccounts[0].accountNumber)}closeAndOpenAddRoleDialog(){this.handleDialogClose("add-account"),this.handleDialogOpen("add-role")}handleDialogOpen(t){t==="add-account"&&(this.isAddAccountDialogOpen=!0,this.selectedAccountNumber="",this.addAccountDisabled=!0,this.requestUpdate()),t==="add-role"&&(this.handleDialogClose("add-account"),this.isAddRoleDialogOpen=!0)}handleDialogClose(t){t==="add-account"&&(this.isAddAccountDialogOpen=!1),t==="add-role"&&(this.isAddRoleDialogOpen=!1,this.selectedAccountNumber="")}handleDialogReset(){this.handleDialogClose("add-account"),this.handleDialogClose("add-role"),this.rolesMenu&&this.rolesMenu.reset(),this.addAccountDisabled=!0,this.addRoleDisabled=!0,this.selectedAccountNumber="",this.selectedRoleName=""}createDraftAssociation(){const t=g.get().find(A=>A.name===this.selectedRoleName),e=this.assignableAccounts.find(A=>A.accountNumber===this.selectedAccountNumber);if(!t||!e)return;const i=this.contact.accounts.findIndex(A=>A.accountNumber===e.accountNumber);i>-1&&(this.contact.accounts=this.contact.accounts.filter((A,S)=>S!==i),this.requestUpdate("contact",[]));const n=[{roleId:t.id,contactId:this.contact.id,accountNumber:e.accountNumber,isActive:!0}],u={name:e.name,status:l.DRAFT,accountNumber:e.accountNumber,displayName:e.displayName};p.set(u),F.set(n),this.changeSelectedAccount(this.selectedAccountNumber,!0),this.handleDialogReset()}renderAccounts(){var t;const e=(t=this.assignedAccounts)===null||t===void 0?void 0:t.filter(n=>n.status===l.ACTIVE||n.status===l.INVITED||n.status===l.DRAFT),i=this.assignedAccounts.filter(n=>n.status===l.SUSPENDED||n.status===l.REMOVED||n.status===l.DECLINED).filter(n=>!e.find(u=>u.displayName===n.displayName));return s(C||(C=d(['\n      <ul class="accounts-list" data-testid="','">\n        ',"\n        ","\n      </ul>\n    "])),c.ACCOUNTS_LIST,e==null?void 0:e.map(n=>s(b||(b=d(['\n              <dr-account\n                data-testid="','"\n                .account=',"\n                .active=","\n                .status=","\n                @account-click=","\n              >\n              </dr-account>\n            "])),c.ACCOUNT(n.accountNumber),n,n.accountNumber===this.activeAccountNumber,n.status,u=>this.onAccountClick(u.detail.accountNumber))),i.length>0?s(D||(D=d([' <ix-divider class="divider" data-testid=',"></ix-divider>\n              ",""])),c.ACCOUNT_DIVIDER,i.map(n=>s(N||(N=d([' <dr-account\n                  data-testid="','"\n                  .account=',"\n                  .active=","\n                  .status=","\n                  @account-click=","\n                ></dr-account>"])),c.ACCOUNT(n.accountNumber),n,n.accountNumber===this.activeAccountNumber,n.status,u=>this.onAccountClick(u.detail.accountNumber)))):s(x||(x=d([""]))))}disableAssignedAccountsInTree(t){t&&(Array.isArray(t)?t.forEach(e=>this.disableAssignedAccountsInTree(e)):(t.id&&this.assignedAccounts.some(e=>e.accountNumber===t.id&&e.status.toLowerCase()!==l.REMOVED.toLowerCase())&&(t.disabled=!0,t.children&&t.children.length>0&&(t.expanded=!0)),t.children&&Array.isArray(t.children)&&t.children.forEach(e=>this.disableAssignedAccountsInTree(e))))}renderAccountTree(){const t=H(this.assignableAccounts);return this.disableAssignedAccountsInTree(t),s(O||(O=d(['\n      <p class="text-black font-medium text-base">Select Account</p>\n      <div\n        class="border-solid border-2 rounded-md min-h-[250px] max-h-[250px] max-w-lg overflow-auto"\n      >\n        <ix-tree\n          id="account-select-tree"\n          .rootNode=',"\n          @on-tree-node-selected=",'\n          data-testid="','"\n        >\n        </ix-tree>\n      </div>\n    '])),t,e=>this.handleAccountSelection(e),c.ACCOUNT_DIALOG_ACCOUNT_TREE)}handleAccountSelection(t){const e=t.detail.message.node||t.detail.message;e.disabled||(this.addAccountDisabled=!1,this.selectedAccountNumber=e.id)}renderRoleOptions(){return s(R||(R=d(["\n      ","\n    "])),this.roleNames.map((t,e)=>s(f||(f=d([' <ix-select-option\n          data-testid="','"\n          value=',"\n          @click=",'\n        >\n          <div slot="headline" class="option">',"</div>\n        </ix-select-option>"])),c.ROLE_OPTION(t),e,()=>{this.addRoleDisabled=!1,this.selectedRoleName=t},t)))}renderAddAccountDialog(){var t;return s(y||(y=d(['\n      <ix-dialog\n          class="dialog z-50 relative"\n          data-testid=',"\n          ?open=","\n          @closed=",'\n        >\n          <div data-testid="','" class="dlr-text-heading" slot="headline">Add an Account to ','</div>\n          \n          <div slot="content" style="padding: 24px;">\n            ','\n          </div>\n\n          <div class="dialog-actions" slot="actions">\n            <ix-button\n              data-testid="','"\n              form="add-account-id"\n              appearance="text"\n              text="Cancel"\n              @click=','\n              >\n              Cancel\n            </ix-button\n            >\n            </ix-button>\n            <ix-button\n              data-testid="','"\n              id="add-account-button"\n              form="add-account-id"\n              appearance="text"\n              text="Add Account"\n              .disabled=',"\n              @click=","\n              >Add Account</ix-button\n            >\n          </div>\n        </ix-dialog>\n    "])),c.ACCOUNT_DIALOG,this.isAddAccountDialogOpen,()=>this.handleDialogClose("add-account"),c.ACCOUNT_DIALOG_HEADER,(t=this.fullName)!==null&&t!==void 0?t:"this user",this.isAddAccountDialogOpen?this.renderAccountTree():m,c.ACCOUNT_DIALOG_CANCEL,()=>this.handleDialogReset(),c.ACCOUNT_DIALOG_CONFIRM,this.addAccountDisabled,()=>{this.closeAndOpenAddRoleDialog()})}renderAddRoleDialog(){var t,e;return s(E||(E=d(['\n      <ix-dialog\n        class="dialog z-50 relative"\n        data-testid=',"\n        ?open=","\n        @closed=",'\n      >\n        <div class="dlr-text-heading" slot="headline" data-testid="','">\n          Add a Role to '," for\n          ",'\n        </div>\n        <form slot="content" id="add-role-to-account-id" method="dialog">\n          <ix-select\n            data-testid="','"\n            wide-menu\n            class="thick"\n            id="roles-menu"\n            menu-positioning="fixed"\n            >','</ix-select\n          >\n        </form>\n        <div class="dialog-actions" slot="actions">\n          <ix-button\n            data-testid="','"\n            form="add-role-to-account-id"\n            appearance="text"\n            text="Cancel"\n            ?disabled=',"\n            @click=",'\n          >\n            <span class="button-label">Cancel</span>\n          </ix-button>\n          <ix-button\n            data-testid="','"\n            form="add-role-to-account-id"\n            appearance="text"\n            text="Add Account"\n            ?disabled=',"\n            ?submitting=","\n            @click=",'\n          >\n            <span class="button-label">Add Role</span>\n          </ix-button>\n        </div>\n      </ix-dialog>\n    '])),c.ROLE_DIALOG,this.isAddRoleDialogOpen,()=>this.handleDialogClose("add-role"),c.ROLE_DIALOG_HEADER,(t=this.fullName)!==null&&t!==void 0?t:"this user",(e=this.selectedAccountName)!==null&&e!==void 0?e:"this account",c.ROLE_DIALOG_SELECT,this.renderRoleOptions(),c.ROLE_DIALOG_CANCEL,this.addingAccount,()=>this.handleDialogReset(),c.ROLE_DIALOG_CONFIRM,this.addRoleDisabled,this.addingAccount,()=>this.createDraftAssociation())}renderAccountsCard(){return s(T||(T=d(['\n      <div class="accounts-card">\n        <div class="accounts-card-header" data-testid=','>\n          <div class="dlr-text-heading accounts-card-header-text">Accounts</div>\n          ','\n        </div>\n        <div class="accounts-card-body" data-testid=',">\n          ","\n        </div>\n      </div>\n    "])),c.CARD_HEADER,this.renderButton(),c.CARD_BODY,this.contact.accounts.length>0?this.renderAccounts():s(I||(I=d(["You have no accounts"]))))}renderButton(){return this.readonly?m:s(_||(_=d(['<ix-button\n        data-testid="','"\n        appearance="text"\n        text="Add Account"\n        has-icon\n        @click=','\n      >\n        <md-icon slot="icon">add</md-icon>\n        Add Account\n      </ix-button>'])),c.BTN_ADD_ACCOUNT,()=>this.handleDialogOpen("add-account"))}render(){return s(L||(L=d(["\n      "," "," ","\n    "])),this.renderAccountsCard(),this.renderAddAccountDialog(),this.renderAddRoleDialog())}};o.styles=[M,V],a([h()],o.prototype,"contact",void 0),a([h({type:Array,attribute:!1})],o.prototype,"assignableAccounts",void 0),a([h({type:String})],o.prototype,"activeAccountNumber",void 0),a([h({type:Boolean})],o.prototype,"readonly",void 0),a([r()],o.prototype,"isAddAccountDialogOpen",void 0),a([r()],o.prototype,"isAddRoleDialogOpen",void 0),a([r()],o.prototype,"addAccountDisabled",void 0),a([r()],o.prototype,"addRoleDisabled",void 0),a([r()],o.prototype,"selectedAccountNumber",void 0),a([r()],o.prototype,"selectedRoleName",void 0),a([r()],o.prototype,"activeAccountIndex",void 0),a([r()],o.prototype,"addingAccount",void 0),a([U("#roles-menu")],o.prototype,"rolesMenu",void 0),o=a([k("accounts-card")],o);export{o as AccountsCard};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-profile/ui-user-management2.js

@@ -1 +0,0 @@
-import{__decorate as l}from"tslib";import{html as p,nothing as O}from"lit";import{property as v,state as N,query as m,customElement as C}from"lit/decorators.js";import{MobxLitElement as L}from"@adobe/lit-mobx";import"@digital-realty/ix-phone-input/ix-phone-input.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-textbox/ix-textbox.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";import"@digital-realty/ix-phone-number/ix-phone-number.js";import{userProfile as b}from"../../../state/ui-user-management.js";import{UserProfileStyles as T}from"../../../styles/ui-user-management3.js";import{setIxTextBoxValue as u,setIxPhoneInputValue as g,setIxCheckBoxValue as V,getIxTextBoxValue as x,getIxPhoneInputValue as E,getIxCheckBoxValue as F,formatPhoneNumber as y}from"../../../helpers/ui-user-management3.js";import{validateInput as c,validatePhoneNumber as I,mapValidationErrors as M,validations as D}from"../../../helpers/ui-user-management2.js";import{TWStyles as R}from"../../../ui-user-management2.js";import{successNotification as k}from"../../../services/ui-user-management8.js";import{contactStore as B}from"../../../state/ui-user-management7.js";import{UserDetailsViewTestIds as h}from"../../../constants/test-ids/ui-user-management8.js";var S=Object.freeze,q=Object.defineProperty,f=(e,i)=>S(q(e,"raw",{value:S(i||e.slice())})),w,A,P;let t=class extends L{constructor(){super(...arguments),this.allowSave=!0,this.isEditProfileDialogOpen=!1}firstUpdated(){this.allowSave=!1}shouldUpdate(){return!!this.contact}willUpdate(e){e.has("contact")&&this.handleDialogReset()}handleDialogClose(){this.isEditProfileDialogOpen=!1,this.handleDialogReset()}handleDialogOpen(){this.isEditProfileDialogOpen=!0,this.validateDialogFields()}handleDialogReset(){u(this.firstName,this.contact.firstName),u(this.lastName,this.contact.lastName),u(this.email,this.contact.email),g(this.phoneNumber,this.contact.phone),V(this.evacAssistance,this.contact.evacAssistance),this.allowSave=!0}validateDialogFields(){c(this.firstName,this.firstName.value,"Invalid first name"),c(this.lastName,this.lastName.value,"Invalid last name"),c(this.email,this.email.value,"Invalid email"),I(this.phoneNumber,this.phoneNumber.value)}dispatchUpdateUserEvent(){var e,i,a,n,o;const s={...this.contact};s.firstName=(e=x(this.firstName))!==null&&e!==void 0?e:this.firstName.value,s.lastName=(i=x(this.lastName))!==null&&i!==void 0?i:this.lastName.value,s.email=(a=x(this.email))!==null&&a!==void 0?a:this.email.value,s.phone=(n=E(this.phoneNumber))!==null&&n!==void 0?n:this.phoneNumber.value,s.evacAssistance=(o=F(this.evacAssistance))!==null&&o!==void 0?o:this.evacAssistance.checked,B.set({...s});try{this.saveChanges(s),k("Changes saved.",3e3,"center")}catch(r){if(r.statusCode==="400"){M([this.firstName,this.lastName,this.email],r.errors),this.phoneNumber.error=!0;const d=r.errors.find(U=>U.field===this.phoneNumber.id);d&&(this.phoneNumber.errorText=d.error)}}finally{this.isEditProfileDialogOpen=!1}}renderEditForm(){var e,i,a,n,o,s,r,d;return p(w||(w=f(['<ix-dialog\n      class="dialog z-50 relative"\n      id="edit-profile-dialog"\n      ?open=',"\n      @close=",'\n    >\n      <div class="dlr-text-heading" slot="headline">Edit Profile</div>\n      <form\n        class="dialog-form min-w-0 max-w-full max-[640px]:w-screen"\n        slot="content"\n        id="edit-profile-id"\n        method="dialog"\n      >\n        <div class="user-profile-name-input-group grid grid-cols-1 sm:grid-cols-2">\n          <div class="user-profile-input">\n            <ix-textbox\n              required="true"\n              id="first-name"\n              class="textbox"\n              type="text"\n              pattern=','\n              maxLength="50"\n              label="First Name"\n              placeholder="i.e. First Name"\n              value=',"\n              @input=",'\n            ></ix-textbox>\n          </div>\n          <div class="user-profile-input">\n            <ix-textbox\n              required="true"\n              id="last-name"\n              class="textbox"\n              type="text"\n              pattern=','\n              maxLength="50"\n              label="Last Name"\n              placeholder="i.e. Last Name"\n              value=',"\n              @input=",'\n            ></ix-textbox>\n          </div>\n        </div>\n\n        <div class="user-profile-input">\n          <ix-phone-input\n            required\n            id="phone-number"\n            class="single-row-textbox"\n            label="Phone Number"\n            value=',"\n            @input=",'\n          ></ix-phone-input>\n        </div>\n        <div class="user-profile-input">\n          <ix-textbox\n            required="true"\n            id="email"\n            class="single-row-textbox"\n            type="email"\n            label="Email Address"\n            value=',"\n            @input=",'\n          ></ix-textbox>\n        </div>\n      </form>\n\n      <div class="dialog-actions" slot="actions">\n        <ix-button\n          form="edit-profile-id"\n          appearance="text"\n          text="Cancel"\n          @click=','\n        >\n          Cancel\n        </ix-button>\n        <ix-button\n          id="save-user-button"\n          appearance="text"\n          text="Save Changes"\n          .disabled=',"\n          @click=","\n        >\n          Save Changes\n        </ix-button>\n      </div>\n    </ix-dialog>"])),this.isEditProfileDialogOpen,()=>this.handleDialogClose(),D.name,(i=(e=this.contact)===null||e===void 0?void 0:e.firstName)!==null&&i!==void 0?i:"",()=>{this.allowSave=c(this.firstName,this.firstName.value,"Invalid first name")},D.name,(n=(a=this.contact)===null||a===void 0?void 0:a.lastName)!==null&&n!==void 0?n:"",()=>{this.allowSave=c(this.lastName,this.lastName.value,"Invalid last name")},(s=y((o=this.contact)===null||o===void 0?void 0:o.phone))!==null&&s!==void 0?s:"",()=>{g(this.phoneNumber,y(E(this.phoneNumber))),this.allowSave=I(this.phoneNumber,"Invalid phone number")},(d=(r=this.contact)===null||r===void 0?void 0:r.email)!==null&&d!==void 0?d:"",()=>{this.allowSave=c(this.email,this.email.value,"Invalid email")},()=>this.handleDialogClose(),!this.allowSave,()=>{this.dispatchUpdateUserEvent()})}renderButton(){return b.hasExternalUserUpdate(this.selectedAccountNumber)&&!b.isProfileOfLoggedInUser(this.contact.email)?p(A||(A=f(['<ix-button\n        id="open-user-button"\n        appearance="text"\n        has-icon\n        @click=','\n      >\n        <md-icon class="edit-icon" slot="icon">edit</md-icon>\n        Edit Profile\n      </ix-button>'])),()=>this.handleDialogOpen()):O}render(){var e,i,a,n;return p(P||(P=f(['\n      <div class="user-details-card">\n        <div class="user-details-header">\n          <h1 class="dlr-text-heading">User Details</h1>\n        </div>\n        <div>\n          <div class="user-details-body grid md:grid-cols-2 gap-x-8 gap-y-4 pb-[1.5rem]">\n            <div class="first-name-container">\n              <p class="dlr-text-caption-alt text-on-surface-variant">FIRST NAME</p>\n              <div class="first-name" data-testid=',">\n                ",'\n              </div>\n            </div>\n            <div class="last-name-container">\n              <p class="dlr-text-caption-alt text-on-surface-variant">LAST NAME</p>\n              <div class="last-name" data-testid=',">\n                ",'\n              </div>\n            </div>\n            <div class="email-container">\n              <p class="dlr-text-caption-alt  text-on-surface-variant">EMAIL ADDRESS</p>\n              <div class="email" data-testid=',">",'</div>\n            </div>\n            <div class="phone-number-container">\n              <p class="dlr-text-caption-alt text-on-surface-variant">PHONE NUMBER</p>\n              <ix-phone-number\n                .number="','"\n                data-testid=',"\n              ></ix-phone-number>\n            </div>\n          </div>\n        </div>\n      </div>\n      ","\n    "])),h.FIRST_NAME,(e=this.contact)===null||e===void 0?void 0:e.firstName,h.LAST_NAME,(i=this.contact)===null||i===void 0?void 0:i.lastName,h.EMAIL,(a=this.contact)===null||a===void 0?void 0:a.email,(n=this.contact)===null||n===void 0?void 0:n.phone,h.PHONE,this.renderEditForm())}};t.styles=[T,R],l([v({type:String})],t.prototype,"selectedAccountNumber",void 0),l([v({type:Object})],t.prototype,"contact",void 0),l([v({type:Object})],t.prototype,"saveChanges",void 0),l([N()],t.prototype,"allowSave",void 0),l([N()],t.prototype,"isEditProfileDialogOpen",void 0),l([m("#first-name")],t.prototype,"firstName",void 0),l([m("#last-name")],t.prototype,"lastName",void 0),l([m("#email")],t.prototype,"email",void 0),l([m("#phone-number")],t.prototype,"phoneNumber",void 0),l([m("#evac-assistance")],t.prototype,"evacAssistance",void 0),t=l([C("user-details-view")],t);export{t as UserDetailsView};

package/dist/ui-user-management/out-tsc/src/components/user-management/user-profile/ui-user-management3.js

@@ -1 +0,0 @@
-import{__decorate as o}from"tslib";import{LitElement as m,html as p}from"lit";import{property as e,customElement as h}from"lit/decorators.js";import{DrAccountStyles as y}from"../../../styles/ui-user-management24.js";import{accountStatusTextMap as f,accountStatusIconMap as x,accountStatusIconColourMap as S}from"../../../models/ui-user-management3.js";import"@digital-realty/ix-icon/ix-icon.js";import{TWStyles as b}from"../../../ui-user-management2.js";import{DrAccountTestIds as a}from"../../../constants/test-ids/ui-user-management13.js";var d=Object.freeze,E=Object.defineProperty,N=(t,c)=>d(E(t,"raw",{value:d(c||t.slice())})),v;let n=class extends m{constructor(){super(...arguments),this.active=!1,this.isSelected=!1}get statusText(){return f[this.status]}get statusIcon(){return x[this.status]}dispatchChangeAccountEvent(){var t;this.dispatchEvent(new CustomEvent("account-click",{detail:{accountNumber:(t=this.account)===null||t===void 0?void 0:t.accountNumber}}))}render(){var t,c,i,s,u,r,l;return p(v||(v=N(['\n      <div>\n        <div class="account-container">\n          <li\n            class=',"\n            @click=","\n            @keydown=","\n            data-testid=","\n          >\n            <p\n              class=","\n              data-testid=","\n            >\n              ",'\n            </p>\n            <div class="flex items-center mr-4">\n              <div class="account-rhs-section">\n                <p\n                  class="dlr-text-small"\n                  data-testid="','"\n                >\n                  ','\n                </p>\n              </div>\n              <ix-icon\n                filled\n                class="mt-1 ml-2 text-2xl"\n                data-testid=',"\n                style=","\n                >","</ix-icon\n              >\n            </div>\n          </li>\n        </div>\n      </div>\n    "])),"account".concat(this.active?"-active":" "," ").concat(this.isSelected?"font-bold":""),()=>this.dispatchChangeAccountEvent(),()=>this.dispatchChangeAccountEvent(),a.EVENT_DISPATCH_EL((t=this.account)===null||t===void 0?void 0:t.accountNumber),"account-name ml-4 dlr-text-small ".concat(this.active?"font-bold":""),a.NAME((c=this.account)===null||c===void 0?void 0:c.accountNumber),(s=(i=this.account)===null||i===void 0?void 0:i.displayName)!==null&&s!==void 0?s:(u=this.account)===null||u===void 0?void 0:u.name,a.STATUS((r=this.account)===null||r===void 0?void 0:r.accountNumber),this.statusText,a.ICON((l=this.account)===null||l===void 0?void 0:l.accountNumber),"color: ".concat(S[this.status]),this.statusIcon)}};n.styles=[y,b],o([e({type:Object})],n.prototype,"account",void 0),o([e({type:Boolean})],n.prototype,"active",void 0),o([e({type:String})],n.prototype,"status",void 0),o([e({type:Boolean})],n.prototype,"isSelected",void 0),n=o([h("dr-account")],n);export{n as DrAccount};

package/dist/ui-user-management/out-tsc/src/constants/events/ui-user-management.js

@@ -1 +0,0 @@
-const e={AccountSwitched:"account-switched",AuthenticationComplete:"authentication",CancelCreateUser:"cancel-create-user",ChangeUserAccount:"change-user-account",CloseDrawer:"close-drawer",CheckToggle:"check-toggle",CloseDialog:"close-dialog",CreateNewContact:"create-new-contact",CreateRole:"create-role",CreateUser:"create-user",AddRole:"add-role",ChangeAccountAssociation:"change-account",UpdateChanges:"update-changes",ReloadAccount:"reload-account",CreateUserClicked:"create-user-clicked",DrawerClose:"drawer-close",DuplicateRole:"duplicate-role",ErrorRaised:"um:error-raised",EvacAssistanceRequired:"evac-assistance-required",GridViewUpdate:"grid-view-update",NextButtonToggle:"next-button-toggle",NextStep:"next-step",OpenDialog:"open-dialog",PreviousStep:"previous-step",RefreshTable:"refresh-table",ResetSuccess:"reset-success",RouteChanged:"vaadin-router-location-changed",SetStep:"set-step",ToggleDialog:"toggle-dialog",ToggleDraft:"toggle-draft",ToggleDrawer:"toggle-drawer",ToggleNavBar:"toggle-menu",UpdateAccounts:"update-accounts",UpdateContact:"update-contact",UpdateDFA:"update-dfa",UpdateForm:"update-form",UserFlagUpdate:"user-flag-update",EditProfile:"edit-profile"};export{e as ApplicationEvents};

package/dist/ui-user-management/out-tsc/src/constants/events/ui-user-management2.js

@@ -1 +0,0 @@
-const e={CancelCreateUser:"cancel-create-user",CloseDrawer:"close-drawer",CreateContact:"create-contact",CreateNewContact:"create-new-contact",EvacAssistanceRequired:"evac-assistance-required",NextButtonToggle:"next-button-toggle",NextStep:"next-step",ResetSuccess:"reset-success",SetStep:"set-step",ToggleDialog:"toggle-dialog",ToggleDraft:"toggle-draft",ToggleDrawer:"toggle-drawer",UpdateAccounts:"update-accounts",UpdateContact:"update-contact",UpdateDFA:"update-dfa",UpdateFlags:"update-flags",ValidateStep:"validate-step"};export{e as CreateUserEvents};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management.js

@@ -1 +0,0 @@
-class e{}e.CRUMBS="user-management-details-view-crumbs",e.USER_DETAILS="user-management-details-view-user-details",e.ACCOUNTS_CARD="user-management-details-view-accounts-card",e.USER_DETAILS_PANEL="user-management-details-view-user-details-panel",e.USER_MANAGEMENT_PANEL="user-management-details-view-user-management-panel";export{e as UserManagementDetailsViewTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management10.js

@@ -1 +0,0 @@
-class e{}e.DIALOG_ADD_ROLE="user-details-panel-dialog-add-role",e.DIALOG_REMOVE_ROLE="user-details-panel-dialog-remove-role",e.PROGRESS_BAR="user-details-panel-progress-bar";export{e as UserDetailsPanelTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management11.js

@@ -1 +0,0 @@
-class a{}a.ACCORDION=s=>"user-flags-accordion-".concat(s),a.COMPONENT=s=>"user-flags-".concat(s),a.TREE=s=>"user-flags-tree-".concat(s),a.ASSIGNMENT_COUNT=s=>"user-flags-assignment-count-".concat(s),a.SEARCH_BOX=()=>"search-box";export{a as UserFlagsTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management12.js

@@ -1 +0,0 @@
-class s{}s.TAB=a=>"user-details-navigation-tab-".concat(a);export{s as UserDetailsNavigationTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management13.js

@@ -1 +0,0 @@
-class n{}n.STATUS=c=>"dr-account-status-".concat(c!=null?c:""),n.ICON=c=>"dr-account-icon-".concat(c!=null?c:""),n.NAME=c=>"dr-account-name-".concat(c!=null?c:""),n.EVENT_DISPATCH_EL=c=>"dr-account-event-el-".concat(c!=null?c:"");export{n as DrAccountTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management14.js

@@ -1 +0,0 @@
-class e{}e.BTN_ADD_ROLE="user-details-tab-roles-btn-add-role",e.BTN_REMOVE_ROLE="user-details-tab-roles-btn-remove-role";export{e as UserDetailsTabRolesTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management15.js

@@ -1 +0,0 @@
-class o{}o.HEADING="add-account-role-dialog-heading",o.ROLE_SELECTOR="add-account-role-dialog-role-selector",o.ROLE_OPTION=a=>"add-account-role-dialog-role-option-".concat(a),o.BTN_CANCEL="add-account-role-dialog-cancel-button",o.BTN_ADD="add-account-role-dialog-add-role-button",o.SUCCESS_MESSAGE="add-account-role-dialog-success-message";export{o as AddAccountRoleTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management16.js

@@ -1 +0,0 @@
-class c{}c.BTN_RESTORE_ACCESS="udc-btn-restore-access",c.BTN_SUSPEND_ACCESS="udc-btn-suspend-access",c.BTN_REMOVE_ACCOUNT="udc-btn-remove-account",c.BTN_RESEND_INVITE="udc-btn-resend-invite",c.BTN_DRAFT_CANCEL="udc-btn-draft-cancel",c.BTN_DRAFT_SAVE="udc-btn-draft-save",c.ACCOUNT_NAME="udc-account-name",c.ACCOUNT_STATUS="udc-account-status",c.BTN_SAVE="udc-btn-save",c.BTN_CANCEL="udc-btn-cancel";export{c as UserDetailsControlsTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management17.js

@@ -1 +0,0 @@
-class r{}r.ROW=o=>"permission-group-row-".concat(o),r.CATEGORY=o=>"permission-group-category-".concat(o),r.OVERALL_PERM=o=>"permission-group-overall-".concat(o),r.BTN_EXPAND=o=>"permission-group-btn-expand-".concat(o),r.PERM_NAME=o=>"permission-group-name-".concat(o),r.PERM_PRIVILEGE=o=>"permission-group-privilege-".concat(o);export{r as PermissionGroupTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management18.js

@@ -1 +0,0 @@
-class n{}n.ROW=o=>"non-location-permission-row-".concat(o),n.NAME=o=>"non-location-permission-item-".concat(o),n.PRIVILEGE=o=>"non-location-permission-privilege-".concat(o);export{n as NonLocationPermissionTestIds};

package/dist/ui-user-management/out-tsc/src/constants/test-ids/ui-user-management2.js

@@ -1 +0,0 @@
-class e{}e.ALL_ROLES="role-management-view-all-roles",e.VIEW_ROLE="role-management-view-view-role",e.DIALOG="role-management-view-before-leave-dialog";export{e as RoleManagementViewTestIds};