@digital-realty/ui-service-management 1.0.0-alpha.1

package/dist/components/facility-access/details/permanent-badge/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import"@digital-realty/ix-divider/ix-divider.js";import{LitElement as o,html as c}from"lit";import{property as n,customElement as d}from"lit/decorators.js";import{TWStyles as l}from"../../../../ui-service-management2.js";import{ServiceTicketsStyles as m}from"../../../../styles/ui-service-management5.js";import"./ui-service-management4.js";import"./ui-service-management5.js";import"../ui-service-management3.js";import"../ui-service-management2.js";import"../../ui-service-management2.js";var r=Object.freeze,p=Object.defineProperty,v=(e,i)=>r(p(e,"raw",{value:r(i||e.slice())})),a;let t=class extends o{constructor(){super(...arguments),this.hasPermissions=!1}render(){var e,i;return c(a||(a=v(['\n      <fa-ticket-information-section\n        class="w-100"\n        .selectedTicket=','\n      ></fa-ticket-information-section>\n\n      <ix-divider></ix-divider>\n\n      <pb-ticket-details-section class="w-100"></pb-ticket-details-section>\n\n      <ix-divider></ix-divider>\n\n      <div class="ticket-details-body__section">\n        <span class="informations-section__title">Badge Holder Details</span>\n\n        <visitors-grid\n          .items=',"\n          .showCompany=","\n          .useBadgeHolderText=",'\n        ></visitors-grid>\n      </div>\n\n      <ix-divider></ix-divider>\n\n      <pb-requested-access-details-section\n        class="w-100"\n        .siteDetails=','\n      ></pb-requested-access-details-section>\n\n      <ix-divider></ix-divider>\n\n      <fa-notifications-attachments-section\n        class="w-100"\n        ?IsDisabled=',"\n        .selectedTicket=","\n        .submissionState=","\n      ></fa-notifications-attachments-section>\n    "])),this.parentState.selectedTicket,(e=this.parentState.selectedTicket)===null||e===void 0?void 0:e.visitors,!0,!0,(i=this.parentState.selectedTicket)===null||i===void 0?void 0:i.sitesDetails,!this.hasPermissions,this.parentState.selectedTicket,this.parentState.submissionResult.state)}};t.styles=[m,l],s([n()],t.prototype,"hasPermissions",void 0),s([n()],t.prototype,"parentState",void 0),t=s([d("permanent-badge-new-ticket-details")],t);export{t as PermanentBadgeNewTicketDetails};

package/dist/components/facility-access/details/permanent-badge/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import"@digital-realty/ix-divider/ix-divider.js";import{LitElement as o,html as c}from"lit";import{property as n,customElement as d}from"lit/decorators.js";import{TWStyles as l}from"../../../../ui-service-management2.js";import{ServiceTicketsStyles as m}from"../../../../styles/ui-service-management5.js";import"./ui-service-management4.js";import"./ui-service-management5.js";import"../ui-service-management3.js";import"../ui-service-management2.js";import"../../ui-service-management2.js";var r=Object.freeze,p=Object.defineProperty,v=(e,i)=>r(p(e,"raw",{value:r(i||e.slice())})),a;let t=class extends o{constructor(){super(...arguments),this.hasPermissions=!1}render(){var e,i;return c(a||(a=v(['\n      <fa-ticket-information-section\n        class="w-100"\n        .selectedTicket=','\n      ></fa-ticket-information-section>\n\n      <ix-divider></ix-divider>\n\n      <pb-ticket-details-section class="w-100"></pb-ticket-details-section>\n\n      <ix-divider></ix-divider>\n\n      <div class="ticket-details-body__section">\n        <span class="informations-section__title">Badge Holder Details</span>\n\n        <visitors-grid\n          .items=',"\n          .showCompany=","\n          .useBadgeHolderText=",'\n        ></visitors-grid>\n      </div>\n\n      <ix-divider></ix-divider>\n\n      <pb-requested-access-details-section\n        class="w-100"\n        .siteDetails=','\n      ></pb-requested-access-details-section>\n\n      <ix-divider></ix-divider>\n\n      <fa-notifications-attachments-section\n        class="w-100"\n        ?IsDisabled=',"\n        .selectedTicket=","\n        .submissionState=","\n      ></fa-notifications-attachments-section>\n    "])),this.parentState.selectedTicket,(e=this.parentState.selectedTicket)===null||e===void 0?void 0:e.visitors,!0,!0,(i=this.parentState.selectedTicket)===null||i===void 0?void 0:i.sitesDetails,!this.hasPermissions,this.parentState.selectedTicket,this.parentState.submissionResult.state)}};t.styles=[m,l],s([n()],t.prototype,"hasPermissions",void 0),s([n()],t.prototype,"parentState",void 0),t=s([d("permanent-badge-modify-ticket-details")],t);export{t as PermanentBadgeModifyTicketDetails};

package/dist/components/facility-access/details/permanent-badge/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-divider/ix-divider.js";import{LitElement as p,html as n}from"lit";import{property as a,customElement as v}from"lit/decorators.js";import f from"../../../../services/ui-service-management4.js";import{ServiceTicketsStyles as h}from"../../../../styles/ui-service-management5.js";import"../../../shared/ui-service-management9.js";import"../../ui-service-management2.js";import"../ui-service-management2.js";import"../ui-service-management3.js";import"./ui-service-management5.js";var r=Object.freeze,u=Object.defineProperty,s=(e,i)=>r(u(e,"raw",{value:r(i||e.slice())})),d,c,l,m;let t=class extends p{constructor(){super(),this.useNewDatePickerComponent=!1,this.hasPermissions=!1,this.useNewDatePickerComponent=f.showNewDatePickerComponent()}get renderTerminationDetails(){var e,i;return n(l||(l=s(['\n      <div class="ticket-details-body__section">\n        <span class="informations-section__title">\n          Access Termination Details\n        </span>\n        <div class="informations-section__items-row">\n          <info-field\n            label="Terminate All Access"\n            class="informations-section__items-col"\n            value="Yes"\n            hideIcon\n          ></info-field>\n          <info-field\n            label="End Date"\n            class="informations-section__items-col"\n            hideIcon\n            useHtmlValue\n          >\n            <div slot="htmlValue">\n              ',"\n            </div>\n          </info-field>\n        </div>\n      </div>\n    "])),this.useNewDatePickerComponent===!0?n(d||(d=s(['<ix-date-next\n                    name="endDate"\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date-next>"])),(e=this.parentState.selectedTicket)===null||e===void 0?void 0:e.endDate,!0):n(c||(c=s(['<ix-date\n                    name="endDate"\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),(i=this.parentState.selectedTicket)===null||i===void 0?void 0:i.endDate,!0))}render(){var e;return n(m||(m=s(['\n      <fa-ticket-information-section\n        class="w-100"\n        .selectedTicket=','\n      ></fa-ticket-information-section>\n\n      <ix-divider></ix-divider>\n\n      <pb-ticket-details-section class="w-100"></pb-ticket-details-section>\n\n      <ix-divider></ix-divider>\n\n      <div class="ticket-details-body__section">\n        <span class="informations-section__title">Badge Holder Details</span>\n        <visitors-grid\n          .items=',"\n          .showCompany=","\n          .useBadgeHolderText=","\n        ></visitors-grid>\n      </div>\n\n      <ix-divider></ix-divider>\n\n      ",'\n\n      <ix-divider></ix-divider>\n\n      <fa-notifications-attachments-section\n        class="w-100"\n        ?IsDisabled=',"\n        .selectedTicket=","\n        .submissionState=","\n      ></fa-notifications-attachments-section>\n    "])),this.parentState.selectedTicket,(e=this.parentState.selectedTicket)===null||e===void 0?void 0:e.visitors,!0,!0,this.renderTerminationDetails,!this.hasPermissions,this.parentState.selectedTicket,this.parentState.submissionResult.state)}};t.styles=[h],o([a()],t.prototype,"hasPermissions",void 0),o([a()],t.prototype,"parentState",void 0),t=o([v("permanent-badge-terminate-ticket-details")],t);export{t as PermanentBadgeTerminateTicketDetails};

package/dist/components/facility-access/details/permanent-badge/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as c}from"tslib";import{MobxLitElement as k}from"@adobe/lit-mobx";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import{html as s,nothing as D}from"lit";import{property as h,customElement as w}from"lit/decorators.js";import x from"../../../../services/ui-service-management4.js";import{permanentBadgeState as n}from"../../../../state/ui-service-management8.js";import{siteNavigationState as y}from"../../../../state/ui-service-management12.js";import{InfoFieldStyles as _}from"../../../../styles/ui-service-management9.js";import{ServiceTicketsStyles as S}from"../../../../styles/ui-service-management5.js";import{TWStyles as T}from"../../../../ui-service-management2.js";import"../../ui-service-management3.js";var d=Object.freeze,C=Object.defineProperty,a=(e,t)=>d(C(e,"raw",{value:d(t||e.slice())})),r,m,v,u,p,f;const b=window.globalConfig;let l=class extends k{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=x.showNewDatePickerComponent()}async connectedCallback(){var e,t;super.connectedCallback();const i=await y.getServiceBackend((e=n.selectedTicket)===null||e===void 0?void 0:e.accountNumber,(t=n.selectedTicket)===null||t===void 0?void 0:t.sitesDetails[0].site.id,"Facilities_access");n.newTicket.serviceBackend=i}renderSiteLocations(){var e,t,i;return!((t=(e=n.selectedTicket)===null||e===void 0?void 0:e.sitesDetails)===null||t===void 0)&&t.length?(i=this.siteDetails)===null||i===void 0?void 0:i.map(o=>s(r||(r=a(["<requested-location-details-grid\n        .items=","\n        .site=","\n        showStatus\n        showModifiedBy\n        showColumnHeaders\n        .showLocationDates=","\n      ></requested-location-details-grid>"])),o==null?void 0:o.locations,o.site,!b["SM:HideLocationDates"])):D}render(){var e,t,i,o;return s(f||(f=a(['<div class="ticket-details-body__section">\n      <span class="informations-section__title">Requested Access Details</span>\n      <div class="informations-section__items">\n        <div class="informations-section__items-row">\n          <info-field\n            class="informations-section__items-col"\n            label="Badge Start Date"\n            useHtmlValue\n            hideIcon\n          >\n            <div slot="htmlValue">\n              ','\n            </div>\n          </info-field>\n          <info-field\n            class="informations-section__items-col"\n            label="Badge Expiration Date"\n            useHtmlValue\n            hideIcon\n          >\n            <div slot="htmlValue">\n              ','\n            </div>\n          </info-field>\n        </div>\n      </div>\n      <div class="font-bold">Site & Locations</div>\n      ',"\n    </div>"])),this.useNewDatePickerComponent===!0?s(m||(m=a(['<ix-date-next\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date-next>"])),(e=n.selectedTicket)===null||e===void 0?void 0:e.startDate,!0):s(v||(v=a(['<ix-date\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),(t=n.selectedTicket)===null||t===void 0?void 0:t.startDate,!0),this.useNewDatePickerComponent===!0?s(u||(u=a(['<ix-date-next\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date-next>"])),(i=n.selectedTicket)===null||i===void 0?void 0:i.endDate,!0):s(p||(p=a(['<ix-date\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),(o=n.selectedTicket)===null||o===void 0?void 0:o.endDate,!0),this.renderSiteLocations())}};l.styles=[S,_,T],c([h({type:Array})],l.prototype,"siteDetails",void 0),l=c([w("pb-requested-access-details-section")],l);export{l as PermanentBadgeRequestedAccessDetailsSection};

package/dist/components/facility-access/details/permanent-badge/ui-service-management5.js

@@ -0,0 +1 @@
+import{__decorate as m}from"tslib";import{html as l,nothing as f}from"lit";import{MobxLitElement as v}from"@adobe/lit-mobx";import{customElement as p}from"lit/decorators.js";import"../../../shared/ui-service-management9.js";import{SharedTicketStatus as _}from"../../../../enums/ui-service-management.js";import{ServiceTicketsStyles as u}from"../../../../styles/ui-service-management5.js";import{permanentBadgeState as i}from"../../../../state/ui-service-management8.js";import{getPermanentBadgeCategoryLabel as k}from"../../../../helpers/ui-service-management3.js";var a=Object.freeze,T=Object.defineProperty,r=(e,n)=>a(T(e,"raw",{value:a(n||e.slice())})),c,d;let t=class extends v{render(){var e,n,o,s;return l(d||(d=r(['\n      <div class="ticket-details-body__section">\n        <span class="informations-section__title">Ticket Details</span>\n        <div class="informations-section__items">\n          <div class="informations-section__items-row">\n            <info-field\n              label="Request Type"\n              class="informations-section__items-col"\n              .value="','"\n              hideIcon\n            >\n            </info-field>\n            <info-field\n              label="Category"\n               class="informations-section__items-col"\n              .value="','"\n              hideIcon\n            >\n            </info-field>\n          </div>\n        </div>\n\n          ',"\n        </div>\n      </div>\n    "])),(e=i.selectedTicket)===null||e===void 0?void 0:e.requestType,k((n=i.selectedTicket)===null||n===void 0?void 0:n.category),((o=i.selectedTicket)===null||o===void 0?void 0:o.state)===_.Cancelled?l(c||(c=r([' <div class="informations-section__items-row">\n                  <info-field\n                    label="Reason for Cancellation"\n                    .value=',"\n                    hideIcon\n                  >\n                  </info-field>\n                </div>"])),(s=i.selectedTicket)===null||s===void 0?void 0:s.cancellationReason):f)}};t.styles=[u],t=m([p("pb-ticket-details-section")],t);export{t as PermanentBadgeTicketDetailsSection};

package/dist/components/facility-access/details/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-grid/ix-grid.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-toast/ix-toasters.js";import{LitElement as S,html as a,nothing as E}from"lit";import{property as c,state as p,customElement as k}from"lit/decorators.js";import{LocationPrivilegeLevels as P}from"../../../constants/ui-service-management4.js";import{UnableToProcessRequestMessage as T}from"../../../constants/ui-service-management5.js";import{getAllowedLocations as _}from"../../../services/ui-service-management5.js";import I from"../../../services/ui-service-management4.js";import{ServiceTicketsStyles as O}from"../../../styles/ui-service-management5.js";import{TWStyles as B}from"../../../ui-service-management2.js";import{LockIconFilled as N}from"../../shared/ui-service-management11.js";import"./ui-service-management4.js";import{FacilityAccessStyles as R}from"../../../styles/ui-service-management6.js";var h=Object.freeze,H=Object.defineProperty,o=(t,e)=>h(H(t,"raw",{value:h(e||t.slice())})),m,v,u,g,y,x,D,b,w,f,L,C,A;const M=5,F=window.globalConfig;let l=class extends S{get showLocationDates(){return!F["SM:HideLocationDates"]}constructor(){super(),this.isDialogOpen=!1,this.isLoading=!1,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=I.showNewDatePickerComponent()}async fetchAllowedLocations(t){this.allowedLocationIds=new Set;try{this.isLoading=!0,await Promise.all(t.map(e=>_(P.Approve,this.permissionType,"Facilities_access",e.site.siteId,"").then(i=>{i.forEach(s=>{this.allowedLocationIds.add(s.id)})})))}finally{this.isLoading=!1}}setSiteDetails(t){this.siteDetails=t.map(e=>({...e,locations:e.locations.filter(i=>i.status!=="Expired").map(i=>{const s=i.status==="Outstanding",n=this.allowedLocationIds.has(i.id);return{...i,isEditable:s,hasApprovePermission:n,disabled:s&&!n}})}))}async handleDialogOpen(t){this.isDialogOpen=!0,this.allowedLocationIds||await this.fetchAllowedLocations(t),this.setSiteDetails(t)}handleDialogClose(){this.isDialogOpen=!1,this.siteDetails=[]}handleStatusAllChange(t){if(!this.siteDetails)return;const e=this.siteDetails.map(i=>{const s=i.locations.map(n=>n.isEditable&&n.hasApprovePermission?{...n,status:t}:n);return{...i,locations:s}});this.siteDetails=e}handleStatusChange(t,e){if(!t.isEditable||!t.hasApprovePermission||!this.siteDetails)return;const i=this.siteDetails.map(s=>{if(s.site.siteId===t.site){const n=s.locations.map(d=>d.id===t.id?{...d,status:e}:d);return{...s,locations:n}}return s});this.siteDetails=i}async handleSave(){var t,e;try{this.isLoading=!0;const i=((t=this.siteDetails)===null||t===void 0?void 0:t.flatMap(s=>s.locations.filter(n=>n.isEditable&&(n.status==="Approved"||n.status==="Denied"||n.status==="Cancelled"))))||[];i.length>0&&await((e=this.postLocationsHandler)===null||e===void 0?void 0:e.call(this,i))}catch(i){console.error("Error updating location permissions:",i),this.renderErrorToast(T)}finally{this.isLoading=!1,this.handleDialogClose()}}renderErrorToast(t){window.dispatchEvent(new CustomEvent("add-toast",{detail:{id:"test",content:a(m||(m=o([' <ix-message-toast\n            forceClose="false"\n            toastId="test"\n            type="error"\n            >',"\n          </ix-message-toast>"])),t),vertical:"bottom",horizontal:"center",animated:!0,above:!1}}))}getColumns(){const t=[{name:"status",header:"Status",width:"260px",bodyRenderer:e=>a(v||(v=o(["<approve-deny-buttons\n            .selection=","\n            ?isDisabled=","\n            ?hasPermission=","\n            .handleClick=","\n          ></approve-deny-button>"])),e.status,!e.isEditable,e.hasApprovePermission,i=>this.handleStatusChange(e,i))},{name:"locations",header:"Locations",width:"200px",bodyRenderer:e=>a(u||(u=o(["<div>","</div>"])),e.id)}];return this.showLocationDates&&t.push({name:"startDateTime",header:"Start Date & Time",bodyRenderer:e=>a(x||(x=o(["<div>\n              ","\n            </div>"])),this.useNewDatePickerComponent?a(g||(g=o(['<ix-date-next\n                    type="static"\n                    variant="date-time"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  ></ix-date-next>"])),e.startDate,!0):a(y||(y=o(['<ix-date\n                    type="static"\n                    variant="date-time"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),e.startDate,!0))},{name:"endDateTime",header:"End Date & Time",bodyRenderer:e=>a(w||(w=o(["<div>\n              ","\n            </div>"])),this.useNewDatePickerComponent?a(D||(D=o(['<ix-date-next\n                    type="static"\n                    variant="date-time"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  ></ix-date-next>"])),e.endDate,!0):a(b||(b=o(['<ix-date\n                    type="static"\n                    variant="date-time"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),e.endDate,!0))}),t.push({name:"modifiedBy",header:"Modified By",bodyRenderer:e=>a(f||(f=o([" <div>","</div>"])),e.modifiedBy)}),t}render(){var t;return a(A||(A=o([' <ix-dialog\n      id="approve-deny-dialog"\n      ?open=',"\n      @keydown=","\n      @close=",'\n    >\n      <div slot="content" class="approve-deny__container">\n        <h3 class="approve-deny__title text-2xl font-bold">\n          Requested Access Details\n        </h3>\n        <ix-divider class="approve-deny__divider"></ix-divider>\n        ','\n        <div class="approve-deny__scroll-container">\n          <div class="flex pl-[20px] mb-[24px]">\n            <input class="blank-focus-input-styles" />\n            <ix-button\n              appearance="text"\n              name="approveAllBtn"\n              has-icon\n              @click=','\n            >\n              <md-icon slot="icon">playlist_add_check</md-icon>\n              <span class="button-label">APPROVE ALL</span>\n            </ix-button>\n            <ix-button\n              appearance="text"\n              name="denyAllBtn"\n              has-icon\n              @click=','\n            >\n              <div slot="icon">\n                <svg\n                  xmlns="http://www.w3.org/2000/svg"\n                  width="24"\n                  height="22"\n                  viewBox="0 0 24 24"\n                >\n                  ','\n                </svg>\n              </div>\n              <span class="button-label">DENY ALL</span>\n            </ix-button>\n          </div>\n          ','\n          <section class="flex justify-end mb-5">\n            <ix-button\n              appearance="text"\n              name="dismissBtn"\n              @click=','\n            >\n              <span class="button-label">DISMISS</span>\n            </ix-button>\n            <ix-button\n              appearance="text"\n              name="saveBtn"\n              @click=','\n            >\n              <span class="button-label">SAVE CHANGES</span>\n            </ix-button>\n          </section>\n        </div>\n      </div>\n    </ix-dialog>'])),this.isDialogOpen,e=>{e.key==="Escape"&&this.handleDialogClose()},()=>{this.handleDialogClose()},this.isLoading?a(L||(L=o(['<div class="w-full approve-deny__progress-container">\n              <ix-progress .indeterminate=',"></ix-progress>\n            </div>"])),!0):E,()=>this.handleStatusAllChange("Approved"),()=>this.handleStatusAllChange("Denied"),N,(t=this.siteDetails)===null||t===void 0?void 0:t.map(e=>a(C||(C=o(['\n              <section class="px-[24px] pb-[24px]">\n                <div>\n                  <div class="mb-4">','</div>\n                </div>\n                <ix-grid\n                  session-storage-key="sm-approve-deny"\n                  class="ix-grid-cell-pointer-default"\n                  column-reordering-allowed\n                  .columns=',"\n                  .rows=","\n                  .rowLimit=","\n                  .hideHeader=","\n                ></ix-grid>\n              </section>\n            "])),e.site.displayName,this.getColumns(),e.locations,M,!0)),()=>{this.handleDialogClose()},()=>{this.handleSave()})}};l.styles=[O,B,R],r([c()],l.prototype,"permissionType",void 0),r([c({type:Function})],l.prototype,"postLocationsHandler",void 0),r([p()],l.prototype,"siteDetails",void 0),r([p()],l.prototype,"isDialogOpen",void 0),r([p()],l.prototype,"isLoading",void 0),l=r([k("approve-deny-dialog")],l);export{l as ApproveDenyDialog};

package/dist/components/facility-access/details/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import{LitElement as l,html as d}from"lit";import{property as c,customElement as m}from"lit/decorators.js";import{ServiceTicketSubmissionStates as p,ServiceTicketTypes as v}from"../../../constants/ui-service-management2.js";import{OtherPartiesToNotify as u}from"../../../constants/ui-service-management5.js";import{isTicketDisabled as f}from"../../../helpers/ui-service-management7.js";import"../../shared/ui-service-management5.js";import{renderChips as h}from"../../shared/ui-service-management9.js";import{ServiceTicketsStyles as y}from"../../../styles/ui-service-management5.js";var a=Object.freeze,b=Object.defineProperty,T=(e,t)=>a(b(e,"raw",{value:a(t||e.slice())})),r;let i=class extends l{constructor(){super(...arguments),this.IsDisabled=!1}async update(e){var t;if(super.update(e),this.submissionState===p.Submitted){const s=(t=this.shadowRoot)===null||t===void 0?void 0:t.getElementById("attachments-section");s&&await s.refreshAttachmentList()}}render(){var e,t,s,n;return d(r||(r=T(['<div class="ticket-details-body__section">\n      <span class="informations-section__title"\n        >Notifications & Attachments</span\n      >\n\n      <div class="informations-section__items-row">\n        <info-field\n          label=',"\n          .hideIcon=","\n          .useHtmlValue=",'\n        >\n          <div slot="htmlValue">\n            ','\n          </div>\n        </info-field>\n      </div>\n      <attachments-section\n        id="attachments-section"\n        .ticketType=',"\n        .requestType=","\n        .ticketNumber=","\n        ?IsDisabled=","\n      ></attachments-section>\n    </div>"])),u,!0,!0,h((e=this.selectedTicket)===null||e===void 0?void 0:e.contacts),v.FacilityAccess,(t=this.selectedTicket)===null||t===void 0?void 0:t.requestType,(s=this.selectedTicket)===null||s===void 0?void 0:s.id,this.IsDisabled||f((n=this.selectedTicket)===null||n===void 0?void 0:n.state))}};i.styles=[y],o([c({type:Boolean})],i.prototype,"IsDisabled",void 0),o([c()],i.prototype,"selectedTicket",void 0),o([c()],i.prototype,"submissionState",void 0),i=o([m("fa-notifications-attachments-section")],i);export{i as FacilityAccessNotificationsAttachmentsSection};

package/dist/components/facility-access/details/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as v}from"tslib";import"@digital-realty/ix-chip/ix-custom-chip.js";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import{LitElement as g,html as e}from"lit";import{ifDefined as b}from"lit-html/directives/if-defined.js";import{property as D,customElement as I}from"lit/decorators.js";import{mapStatusToChipAppearance as f}from"../../../helpers/ui-service-management13.js";import w from"../../../services/ui-service-management4.js";import{ServiceTicketsStyles as C}from"../../../styles/ui-service-management5.js";import{NumberIcon as O,DocumentIcon as N,StatusIcon as P,PersonIcon as S,CreateDateIcon as V,UpdatedDateIcon as j}from"../../shared/ui-service-management11.js";import"../../shared/ui-service-management9.js";var u=Object.freeze,A=Object.defineProperty,t=(n,i)=>u(A(n,"raw",{value:u(i||n.slice())})),p,h,k,_,x,T,y;let o=class extends g{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=w.showNewDatePickerComponent()}render(){var n,i,s,l,c,a,d,r,m;return e(y||(y=t([' <div class="ticket-details-body__section">\n      <span class="informations-section__title"\n        >Service Ticket Information</span\n      >\n      <div class="informations-section__items">\n        <div class="informations-section__items-row">\n          <info-field\n            class="informations-section__items-col"\n            label="Ticket Number"\n            value="','"\n          >\n            <svg slot="icon">','</svg>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Ticket Type"\n            value="Facility Access"\n          >\n            <svg slot="icon">','</svg>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Status"\n            useHtmlValue\n          >\n            <svg slot="icon">','</svg>\n            <div slot="htmlValue">\n              ','\n            </div>\n          </info-field>\n          <info-field\n            class="informations-section__items-col"\n            label="Requester"\n            .value=','\n          >\n            <svg slot="icon">','</svg>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Create Date"\n            useHtmlValue\n          >\n            <svg slot="icon">','</svg>\n            <div slot="htmlValue">\n              ','\n            </div>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Updated On"\n            useHtmlValue\n          >\n            <svg slot="icon">','</svg>\n            <div slot="htmlValue">\n              ',"\n            </div>\n          </info-field>\n        </div>\n      </div>\n    </div>"])),b((n=this.selectedTicket)===null||n===void 0?void 0:n.id),O,N,P,f((i=this.selectedTicket)===null||i===void 0?void 0:i.state)!=="default"?e(p||(p=t(["\n                    <ix-custom-chip\n                      pill\n                      appearance=","\n                    ></ix-custom-chip>\n                  "])),f((s=this===null||this===void 0?void 0:this.selectedTicket)===null||s===void 0?void 0:s.state)):e(h||(h=t(['<ix-custom-chip appearance="default" pill noIcon\n                    >',"</ix-custom-chip\n                  >"])),(l=this.selectedTicket)===null||l===void 0?void 0:l.state),(c=this.selectedTicket)===null||c===void 0?void 0:c.requester,S,V,this.useNewDatePickerComponent===!0?e(k||(k=t(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date-next>"])),(a=this.selectedTicket)===null||a===void 0?void 0:a.createdOn):e(_||(_=t(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(d=this.selectedTicket)===null||d===void 0?void 0:d.createdOn),j,this.useNewDatePickerComponent===!0?e(x||(x=t(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date-next>"])),(r=this.selectedTicket)===null||r===void 0?void 0:r.updatedOn):e(T||(T=t(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(m=this.selectedTicket)===null||m===void 0?void 0:m.updatedOn))}};o.styles=[C],v([D({type:Object})],o.prototype,"selectedTicket",void 0),o=v([I("fa-ticket-information-section")],o);export{o as FacilityAccessTicketInformationSection};

package/dist/components/facility-access/details/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{LitElement as l,html as i}from"lit";import{property as o,customElement as v}from"lit/decorators.js";import{LockOpenFilled as c,LockOpen as h,LockIconFilled as m,LockIcon as y}from"../../shared/ui-service-management11.js";import{ServiceTicketsStyles as u}from"../../../styles/ui-service-management5.js";var p=Object.freeze,b=Object.defineProperty,r=(e,t)=>p(b(e,"raw",{value:p(t||e.slice())})),d,a;let n=class extends l{constructor(){super(...arguments),this.isDisabled=!1,this.hasPermission=!1}getClassName(e){let t="approve-deny-buttons__button";return e==="Approved"?t+=" approve-deny-buttons__approve":t+=" approve-deny-buttons__deny",this.selection===e&&(t+=" approve-deny-buttons__selected"),this.isDisabled&&(t+=" approve-deny-buttons__disabled"),t}render(){return!this.hasPermission&&!this.isDisabled?i(d||(d=r(['<div\n        class="approve-deny-buttons approve-deny-buttons__message"\n      >\n        Approval Permission Required\n      </div>']))):i(a||(a=r(['<div\n      class="approve-deny-buttons approve-deny-buttons__container"\n    >\n      <div\n        name="approve"\n        class="','"\n        @click=','\n      >\n        <svg\n          xmlns="http://www.w3.org/2000/svg"\n          width="24"\n          height="25"\n          viewBox="0 0 24 25"\n        >\n          ',"\n        </svg>\n        <span>\n          ",'\n        </span>\n      </div>\n      <div\n        name="deny"\n        class="','"\n        @click=','\n      >\n        <svg\n          xmlns="http://www.w3.org/2000/svg"\n          width="24"\n          height="25"\n          viewBox="0 0 24 25"\n        >\n          ',"\n        </svg>\n        <span>\n          ","\n        </span>\n      </div>\n    </div>"])),this.getClassName("Approved"),()=>{var e;return(e=this.handleClick)===null||e===void 0?void 0:e.call(this,"Approved")},this.selection==="Approved"?c:h,this.selection==="Approved"?"Approved":"Approve",this.getClassName("Denied"),()=>{var e;return(e=this.handleClick)===null||e===void 0?void 0:e.call(this,"Denied")},this.selection==="Denied"?m:y,this.selection==="Denied"?"Denied":"Deny")}};n.styles=[u],s([o({type:String})],n.prototype,"selection",void 0),s([o({type:Boolean})],n.prototype,"isDisabled",void 0),s([o({type:Boolean})],n.prototype,"hasPermission",void 0),s([o({type:Function})],n.prototype,"handleClick",void 0),n=s([v("approve-deny-buttons")],n);export{n as ApproveDenyButtons};

package/dist/components/facility-access/details/visitor-access/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as f}from"tslib";import{html as l,nothing as v}from"lit";import{MobxLitElement as p}from"@adobe/lit-mobx";import{customElement as _}from"lit/decorators.js";import{ifDefined as c}from"lit-html/directives/if-defined.js";import"../../../shared/ui-service-management9.js";import{ServiceTicketsStyles as u}from"../../../../styles/ui-service-management5.js";import{visitorAccessState as n}from"../../../../state/ui-service-management7.js";import{SharedTicketStatus as T}from"../../../../enums/ui-service-management.js";import{TWStyles as k}from"../../../../ui-service-management2.js";var r=Object.freeze,y=Object.defineProperty,a=(e,i)=>r(y(e,"raw",{value:r(i||e.slice())})),d,m;let t=class extends p{render(){var e,i,o,s;return l(m||(m=a(['\n      <div class="ticket-details-body__section">\n        <span class="informations-section__title">Ticket Details</span>\n        <div class="informations-section__items">\n          <div class="informations-section__items-row">\n            <info-field\n              class="informations-section__items-col"\n              label="Request Type"\n              value="','"\n              .hideIcon=','\n            >\n            </info-field>\n\n            <info-field\n              class="informations-section__items-col"\n              label="Category"\n              value="','"\n              .hideIcon=',"\n            >\n            </info-field>\n          </div>\n\n          ","\n        </div>\n      </div>\n    "])),c((e=n.selectedTicket)===null||e===void 0?void 0:e.requestType),!0,c((i=n.selectedTicket)===null||i===void 0?void 0:i.category),!0,((o=n.selectedTicket)===null||o===void 0?void 0:o.state)===T.Cancelled?l(d||(d=a([' <div class="informations-section__items-row">\n                <info-field\n                  label="Reason for Cancellation"\n                  .value=',"\n                  .hideIcon=","\n                >\n                </info-field>\n              </div>"])),(s=n.selectedTicket)===null||s===void 0?void 0:s.cancellationReason,!0):v)}};t.styles=[u,k],t=f([_("va-ticket-details-section")],t);export{t as VisitorAccessTicketDetailsSection};

package/dist/components/facility-access/details/visitor-access/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as f}from"tslib";import{html as l}from"lit";import{ifDefined as n}from"lit-html/directives/if-defined.js";import{MobxLitElement as u}from"@adobe/lit-mobx";import{customElement as _}from"lit/decorators.js";import{ServiceTicketsStyles as p}from"../../../../styles/ui-service-management5.js";import"../../ui-service-management2.js";import"../../../../api/facility-access-api/ui-service-management.js";import{VisitorAccessTicketRequestVisitTypeEnum as T}from"../../../../api/facility-access-api/models/ui-service-management58.js";import{visitorAccessState as o}from"../../../../state/ui-service-management7.js";var a=Object.freeze,V=Object.defineProperty,d=(i,e)=>a(V(i,"raw",{value:a(e||i.slice())})),c,v,m;let r=class extends u{get isEscortedVisitor(){var i;return T.Escorted===((i=o.selectedTicket)===null||i===void 0?void 0:i.visitorType)}renderVisitorTypeFields(){var i,e,t;return this.isEscortedVisitor?l(c||(c=d(['<info-field\n          class="informations-section__items-col"\n          label="Escort First Name"\n          value="','"\n          .hideIcon=','\n        >\n        </info-field>\n\n        <info-field\n          class="informations-section__items-col"\n          label="Escort Last Name"\n          value="','"\n          .hideIcon=',"\n        >\n        </info-field>"])),n((i=o.selectedTicket)===null||i===void 0?void 0:i.escortFirstName),!0,n((e=o.selectedTicket)===null||e===void 0?void 0:e.escortLastName),!0):l(v||(v=d([' <info-field\n      class="informations-section__items-col"\n      label="Visitor Badge Type"\n      value="',' visitor badge"\n      .hideIcon=',"\n    >\n    </info-field>"])),n((t=o.selectedTicket)===null||t===void 0?void 0:t.visitorType),!0)}get visitorHostFirstName(){var i,e,t,s;return(s=(t=(e=(i=o.selectedTicket)===null||i===void 0?void 0:i.sitesDetails)===null||e===void 0?void 0:e[0])===null||t===void 0?void 0:t.visitorHost)===null||s===void 0?void 0:s.firstName}get visitorHostLastName(){var i,e,t,s;return(s=(t=(e=(i=o.selectedTicket)===null||i===void 0?void 0:i.sitesDetails)===null||e===void 0?void 0:e[0])===null||t===void 0?void 0:t.visitorHost)===null||s===void 0?void 0:s.lastName}render(){var i;return l(m||(m=d(['<div class="ticket-details-body__section">\n      <span class="informations-section__title">Visitor Details</span>\n\n      <visitors-grid\n        .items=','\n      ></visitors-grid>\n\n      <div class="informations-section__items">\n        <div class="informations-section__items-row">\n          <info-field\n            class="informations-section__items-col"\n            label="Visitor Type"\n            value="','"\n            .hideIcon=',"\n          >\n          </info-field>\n\n          ",'\n\n          <info-field\n            class="informations-section__items-col"\n            label="Visitor Host First Name"\n            value="','"\n            .hideIcon=','\n          >\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Visitor Host Last Name"\n            value="','"\n            .hideIcon=',"\n          >\n          </info-field>\n        </div>\n      </div>\n    </div>"])),(i=o.selectedTicket)===null||i===void 0?void 0:i.visitors,this.isEscortedVisitor?"Escorted visitor":"Unescorted visitor",!0,this.renderVisitorTypeFields(),n(this.visitorHostFirstName),!0,n(this.visitorHostLastName),!0)}};r.styles=[p],r=f([_("va-visitor-details-section")],r);export{r as VisitorAccessVisitorDetailsSection};

package/dist/components/facility-access/details/visitor-access/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{MobxLitElement as _}from"@adobe/lit-mobx";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import{html as s,nothing as D}from"lit";import{ifDefined as w}from"lit-html/directives/if-defined.js";import{property as b,customElement as x}from"lit/decorators.js";import y from"../../../../services/ui-service-management4.js";import{siteNavigationState as T}from"../../../../state/ui-service-management12.js";import{visitorAccessState as i}from"../../../../state/ui-service-management7.js";import{InfoFieldStyles as C}from"../../../../styles/ui-service-management9.js";import{ServiceTicketsStyles as S}from"../../../../styles/ui-service-management5.js";import{TWStyles as g}from"../../../../ui-service-management2.js";import"../../ui-service-management3.js";var m=Object.freeze,N=Object.defineProperty,a=(e,n)=>m(N(e,"raw",{value:m(n||e.slice())})),v,u,p,f,k,h;const V=window.globalConfig;let l=class extends _{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=y.showNewDatePickerComponent()}async connectedCallback(){var e,n;super.connectedCallback();const t=await T.getServiceBackend((e=i.selectedTicket)===null||e===void 0?void 0:e.accountNumber,(n=i.selectedTicket)===null||n===void 0?void 0:n.site,"Facilities_access");i.newTicket.serviceBackend=t}renderSiteLocations(){var e,n,t;return!((n=(e=i.selectedTicket)===null||e===void 0?void 0:e.sitesDetails)===null||n===void 0)&&n.length?(t=this.siteDetails)===null||t===void 0?void 0:t.map(o=>s(v||(v=a(["<requested-location-details-grid\n        .items=","\n        .site=","\n        showStatus\n        showModifiedBy\n        showColumnHeaders\n        .showLocationDates=","\n      ></requested-location-details-grid>"])),o==null?void 0:o.locations,o.site,!V["SM:HideLocationDates"])):D}render(){var e,n,t,o,d,c;return s(h||(h=a(['<div class="ticket-details-body__section">\n      <span class="informations-section__title">Requested Access Details</span>\n\n      <div class="informations-section__items">\n        <div class="informations-section__items-row">\n          <info-field\n            class="informations-section__items-col"\n            label="Start Date"\n            useHtmlValue\n            .hideIcon=','\n          >\n            <div slot="htmlValue">\n          ','              \n            </div>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="End Date"\n            useHtmlValue\n            .hideIcon=','\n          >\n            <div slot="htmlValue">\n          ','  \n            </div>\n          </info-field>\n        </div>\n      </div>\n\n      <div class="mb-2">\n        <span class="dlr-text-small font-bold">\n          Site & Locations\n        </span>\n      </div>\n\n      ','\n\n      <div class="informations-section__items">\n          <div class="informations-section__items-row">\n            <info-field\n              class="mb-5"\n              label="Representing Company"\n              value="','"\n              .hideIcon=','\n            >\n            </info-field>\n          </div>\n          <div class="informations-section__items-row">\n            <info-field\n              label="Notes"\n              .hideIcon=','\n              useHtmlValue\n            >\n              <div slot="htmlValue" class="break-normal">\n                <span class="whitespace-break-spaces">',"</span>\n              </div>\n            </info-field>\n          </div>\n        </div>\n      </div>\n    </div>"])),!0,this.useNewDatePickerComponent===!0?s(u||(u=a(['<ix-date-next\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date-next>"])),(e=i.selectedTicket)===null||e===void 0?void 0:e.startDate,!0):s(p||(p=a(['<ix-date\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date>"])),(n=i.selectedTicket)===null||n===void 0?void 0:n.startDate,!0),!0,this.useNewDatePickerComponent===!0?s(f||(f=a(['<ix-date-next\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date-next>"])),(t=i.selectedTicket)===null||t===void 0?void 0:t.endDate,!0):s(k||(k=a(['<ix-date\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date>"])),(o=i.selectedTicket)===null||o===void 0?void 0:o.endDate,!0),this.renderSiteLocations(),w((d=i.selectedTicket)===null||d===void 0?void 0:d.representingCompany),!0,!0,(c=i.selectedTicket)===null||c===void 0?void 0:c.notes)}};l.styles=[g,S,C],r([b()],l.prototype,"siteDetails",void 0),l=r([x("va-requested-access-details-section")],l);export{l as VisitorAccessRequestedAccessDetailsSection};

package/dist/components/facility-access/osp/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as k}from"tslib";import{MobxLitElement as f}from"@adobe/lit-mobx";import{nothing as s,html as n}from"lit";import{customElement as T}from"lit/decorators.js";import{until as b}from"lit-html/directives/until.js";import{ApplicationEvents as d}from"../../../constants/ui-service-management.js";import{CancelButtonText as E,EditButtonText as g}from"../../../constants/ui-service-management5.js";import{SharedTicketStatus as l,FacilityAccessTicketStatus as p}from"../../../enums/ui-service-management.js";import{hasOspAccessUpdatePermission as w}from"../../../services/ui-service-management5.js";import{isInsite as P}from"../../../services/ui-service-management6.js";import{ospAccessState as i}from"../../../state/ui-service-management6.js";import{serviceTicketState as x}from"../../../state/ui-service-management4.js";import{TWStyles as B}from"../../../ui-service-management2.js";var m=Object.freeze,L=Object.defineProperty,o=(t,e)=>m(L(t,"raw",{value:m(e||t.slice())})),u,h,v,C;let r=class extends f{constructor(){super(...arguments),this.hasUpdatePermission=void 0}async getUpdatePermissions(){var t,e,a,c;this.hasUpdatePermission!==void 0||!(!((c=(a=(e=(t=i.selectedTicket)===null||t===void 0?void 0:t.sitesDetails)===null||e===void 0?void 0:e[0])===null||a===void 0?void 0:a.locations)===null||c===void 0)&&c.length)||(this.hasUpdatePermission=await w(i.selectedTicket.site))}get canCancel(){var t;return!P(i.selectedTicket.id)||!(!((t=i.selectedTicket)===null||t===void 0)&&t.state)?!1:[l.InProgress.toLowerCase(),p.PendingApproval.toLowerCase(),p.Approved.toLowerCase()].includes(i.selectedTicket.state.toLowerCase())}get canEdit(){var t;return!((t=i.selectedTicket)===null||t===void 0)&&t.state?![l.Cancelled.toLowerCase(),l.Completed.toLowerCase()].includes(i.selectedTicket.state.toLowerCase()):!1}dispatchClickEvent(t){const e=new CustomEvent(t,{bubbles:!0,composed:!0});this.dispatchEvent(e)}renderCancelBtn(){return!this.hasUpdatePermission||!this.canCancel?s:n(u||(u=o(['<ix-button\n      class="cancel"\n      appearance="outlined"\n      name="cancelBtn"\n      @click=','\n    >\n      <span class="button-label">',"</span>\n    </ix-button>"])),()=>{this.dispatchClickEvent(d.CancelTicket)},E)}renderEditBtn(){return!this.hasUpdatePermission||!this.canEdit?s:n(h||(h=o(['<ix-button\n      name="edit-button"\n      @click=','\n      has-icon\n    >\n      <md-icon slot="icon">edit</md-icon>\n      <span>',"</span>\n    </ix-button>"])),()=>{this.dispatchClickEvent(d.EditTicket)},g)}render(){return x.loadings.isTicketCancelling?s:n(C||(C=o(['<div class="w-fit flex gap-2">\n      ',"\n    </div>"])),b(this.getUpdatePermissions().then(()=>n(v||(v=o([" "," ",""])),this.renderCancelBtn(),this.renderEditBtn())),s))}};r.styles=[B],r=k([T("osp-access-button-group")],r);export{r as OspAccessButtonGroup};

package/dist/components/facility-access/osp/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as n}from"tslib";import{html as l,nothing as f}from"lit";import{property as o,customElement as O}from"lit/decorators.js";import"@digital-realty/ix-divider/ix-divider.js";import{ServiceTicketsStyles as b}from"../../../styles/ui-service-management5.js";import{ospAccessState as i}from"../../../state/ui-service-management6.js";import{serviceTicketState as m}from"../../../state/ui-service-management4.js";import{FacilityAccessStyles as E}from"../../../styles/ui-service-management6.js";import{ServiceTicketFormBase as D}from"../../shared/ui-service-management16.js";import"../ui-service-management6.js";import"../ui-service-management7.js";import"../osp-pop/ui-service-management.js";import"../ui-service-management9.js";import"../osp-pop/ui-service-management2.js";import"../ui-service-management8.js";import{TWStyles as g}from"../../../ui-service-management2.js";import{FacilityAccessTicketStatus as k}from"../../../enums/ui-service-management.js";import{getOspsBySite as w}from"../../../services/ui-service-management5.js";import{ospPopMaxDurationDays as T}from"../../../constants/ui-service-management9.js";import{wrappedDivider as u}from"../../../helpers/ui-service-management22.js";import{LocationPrivilegeLevels as x}from"../../../constants/ui-service-management4.js";import{ResultStep as F}from"../../../constants/ui-service-management5.js";import"../../shared/ui-service-management17.js";import{getAllowedSitesWithOspSpaceInfo as q}from"../../../services/ui-service-management10.js";import C from"../../../services/ui-service-management19.js";var h=Object.freeze,A=Object.defineProperty,p=(t,e)=>h(A(t,"raw",{value:h(e||t.slice())})),v,S,y;let s=class extends D{constructor(){super(...arguments),this.isEditOn=!1,this.addSitesDetail=i.addSiteLocations.bind(i),this.removeSitesDetail=i.removeSiteLocations.bind(i),this.updateValidationState=i.isRequestedAccessDetailsValid.bind(i),this.getSiteLocations=async t=>(await w(t.siteId)).map(e=>({id:e.id,name:e.name})),this.getSites=async()=>(await q(x.Create)).map(t=>({siteId:t.siteId,displayName:t.displayName,disabled:!t.hasSpaces,accountNumber:t.accountNumber}))}firstUpdated(){this.isEditOn||i.createTicket()}get visitorContactInputsSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("visitor-contact-inputs-section")}get escortedVisitorInputsSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("escorted-visitor-inputs-section")}get visitorHost(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("visitor-host-section")}get requestedAccessDetailsSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("requested-access-details-section")}get serviceImpactedSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("service-impacted-section")}get notificationsAttachmentsSection(){return this.shadowRoot.querySelector("notifications-attachments-section")}validateMandatoryFields(){var t,e,a,r,c,d;(t=this.visitorContactInputsSection)===null||t===void 0||t.validateForm(),(e=this.escortedVisitorInputsSection)===null||e===void 0||e.validateForm(),(a=this.visitorHost)===null||a===void 0||a.validateForm(),(r=this.requestedAccessDetailsSection)===null||r===void 0||r.validateForm(),(c=this.serviceImpactedSection)===null||c===void 0||c.validateForm(),(d=this.notificationsAttachmentsSection)===null||d===void 0||d.validateForm(),this.requestUpdate()}async handleOnSubmit(){if(this.onSubmitted&&this.isEditOn){if(this.validateMandatoryFields(),!i.isNewTicketValid)return;try{await i.submitUpdateTicketRequest()}finally{m.ticketStep=F,this.onSubmitted()}}}handleNextClick(){this.validateMandatoryFields(),i.isNewTicketValid&&this.onNextButtonClick()}renderHeader(){return l(S||(S=p(['\n      <div class="create-edit-facility-access-container__header form-margin">\n        <div class="flex flex-col">\n          <h3 class="dlr-text-page-title ','">\n            '," Facility Access Service Ticket\n            ",'\n          </h3>\n\n          <div class="sub-header dlr-text-heading">\n            <h3 class="my-10">Request Type</h3>\n            <span class="italic dlr-text-small"> *denotes required field </span>\n          </div>\n\n          <span>OSP Access</span>\n          <ix-divider></ix-divider>\n        </div>\n      </div>\n    '])),this.isEditOn?"":"mb-6",this.isEditOn?"Edit":"Create",this.isEditOn?(i===null||i===void 0?void 0:i.selectedTicket)&&l(v||(v=p([" <span>#","</span> "])),i===null||i===void 0?void 0:i.selectedTicket.id):f)}render(){return l(y||(y=p([' <div\n      class="create-edit-facility-access-container wizard-content"\n    >\n      ','\n      <div class="form-wrapper mt-0">\n        <visitor-contact-inputs-section\n          .isEditOn=',"\n          .parentState=","\n          .hideVisitorCount=","\n        ></visitor-contact-inputs-section>\n\n        <br />\n\n        <escorted-visitor-inputs-section\n          .isEditOn=","\n          .parentState=","\n          .showVisitorBadgeType=","\n        ></escorted-visitor-inputs-section>\n\n        ","\n\n        <requested-access-details-section\n          .editable=",'\n          endDateLabel="End Date"\n          startDateLabel="Start Date"\n          .showLocationDates=',"\n          .showLocationTimes=","\n          .useSiteTimeZone=","\n          .sitesDetails=","\n          .addSitesDetail=","\n          .removeSitesDetail=","\n          .updateValidationState=","\n          .permissionType=","\n          .showStartEndDate=","\n          .showVisitorHost=","\n          .showColumnHeaders=","\n          .disableSiteSelection=","\n          .disableLocationSelection=","\n          useLocationName\n          .getSiteLocations=","\n          requireEndDate\n          .startDateMaxDaysInFuture=","\n          .maxDurationInDays=","\n          .getSites=","\n          .disabledOptionSupportingText=","\n        >\n        </requested-access-details-section>\n\n        <br />\n\n        <visitor-host-section\n          .parentState=","\n          .isEditOn=","\n        ></visitor-host-section>\n\n        <br />\n\n        <service-impacted-section\n          .isEditOn=","\n        ></service-impacted-section>\n\n        ","\n\n        <notifications-attachments-section\n          .isEditOn=","\n          .parentState=","\n          .ticketAttachments=","\n        ></notifications-attachments-section>\n\n        <br />\n      </div>\n      <form-footer\n        ?isEditMode=","\n        .isSubmitting=","\n        .handleCancelClick=","\n        .handleSubmitClick=","\n        .handleNextClick=","\n      ></form-footer>\n    </div>"])),this.renderHeader(),this.isEditOn,i,!0,this.isEditOn,i,!1,u(),!this.isEditOn||i.newTicket.status===k.Approved,!0,!0,!0,i.newTicket.sitesDetails,this.addSitesDetail,this.removeSitesDetail,this.updateValidationState,"OSP Access",!1,!1,!0,this.isEditOn,this.isEditOn,this.getSiteLocations,C.OspLocationsMaxStartDateFromToday(),T,this.getSites,"OSP is not supported for this site.",i,this.isEditOn,this.isEditOn,u(),this.isEditOn,i,m.ticketAttachments,this.isEditOn,i.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick())}};s.styles=[b,E,g],n([o({type:Function})],s.prototype,"onNextButtonClick",void 0),n([o({type:Function})],s.prototype,"onSubmitted",void 0),n([o({type:Function})],s.prototype,"onCancelled",void 0),n([o({type:Boolean})],s.prototype,"isEditOn",void 0),s=n([O("create-edit-osp-access-service-ticket")],s);export{s as CreateEditOspAccessServiceTicket};

package/dist/components/facility-access/osp/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as a}from"tslib";import{MobxLitElement as E}from"@adobe/lit-mobx";import{html as s,nothing as d}from"lit";import{property as c,state as N,customElement as D}from"lit/decorators.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-grid/ix-grid.js";import{ResultStep as A}from"../../../constants/ui-service-management5.js";import{serviceTicketState as F}from"../../../state/ui-service-management4.js";import{FacilityAccessStyles as q}from"../../../styles/ui-service-management6.js";import{ServiceTicketsStyles as R}from"../../../styles/ui-service-management5.js";import{TWStyles as V}from"../../../ui-service-management2.js";import"../ui-service-management3.js";import"../ui-service-management2.js";import{ospAccessState as n}from"../../../state/ui-service-management6.js";var m=Object.freeze,C=Object.defineProperty,e=(i,t)=>m(C(i,"raw",{value:m(t||i.slice())})),l,p,v,u,f,y,h,b,_,k,T,x,S,g,w;let r=class extends E{constructor(){super(...arguments),this.isEditOn=!1,this.isSubmitting=!1}async handleOnSubmit(){if(this.onSubmitted)try{this.isSubmitting=!0,this.isEditOn?await n.submitUpdateTicketRequest():await n.submitNewTicketRequest()}finally{F.ticketStep=A,this.isSubmitting=!1,this.onSubmitted()}}renderRequestType(){return s(l||(l=e([' <div class="fa-summary-form__block">\n      <div>\n        <span class="text-xl font-bold"><b>Request Type</b></span>\n        <div>',"</div>\n      </div>\n    </div>"])),n.newTicket.requestType)}renderVisitorDetails(){var i;return!((i=n.newTicket.visitors)===null||i===void 0)&&i.length?s(p||(p=e([' <div class="fa-summary-form__block">\n        <div>Visitor Details</div>\n      </div>\n      <div class="fa-summary-form__block">\n        <visitors-grid\n          .items=',"\n          .editable=","\n          .showCompany=","\n          .showVisitorType=",'\n          .useBadgeHolderText="false"\n        ></visitors-grid>\n      </div>'])),n.newTicket.visitors,!1,!0,!0):d}renderVisitorType(){return s(v||(v=e([' <div class="fa-summary-form__block">\n      <div class="summary-form__field">\n        <span>Visitor Type</span>\n        <span>Escorted Visitor</span>\n      </div>\n\n      ',"\n    </div>"])),this.renderEscortName())}renderEscortName(){return s(u||(u=e([' <div class="summary-form__field">\n        <span>Escort First Name</span>\n        <span>','</span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Escort Last Name</span>\n        <span>',"</span>\n      </div>"])),n.newTicket.escortFirstName,n.newTicket.escortLastName)}renderVisitorHostDetails(){return s(f||(f=e([' <div class="fa-summary-form__block">\n      <span>Visitor Host</span>\n\n      <div class="summary-form__field">\n        <span>Host First Name</span>\n        <span>','</span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Host Last Name</span>\n        <span>',"</span>\n      </div>\n    </div>"])),n.newTicket.hostFirstName,n.newTicket.hostLastName)}renderRequestedAccessDetails(){var i,t;return s(h||(h=e(['\n      <div class="fa-summary-form__block">\n        <span>Requested Access Details</span>\n\n        <div>Sites & Locations</div>\n\n        ','\n\n        <ix-divider></ix-divider>\n\n        <div class="fa-summary-form__block">\n          <div class="summary-form__field">\n            <span>Customer External Reference</span>\n            <span>','</span>\n          </div>\n\n          <div class="summary-form__field">\n            <span>Service Impacted</span>\n            <span\n              >','</span\n            >\n          </div>\n\n          <div class="summary-form__field">\n            <span>Service Impact Description</span>\n            <span>','</span>\n          </div>\n\n          <div class="summary-form__field">\n            <span>Description of the Work to Be Performed</span>\n            <span>',"</span>\n          </div>\n        </div>\n      </div>\n    "])),(t=(i=n.newTicket)===null||i===void 0?void 0:i.sitesDetails)===null||t===void 0?void 0:t.map(o=>s(y||(y=e(['<div class="fa-summary-form__block">\n            <requested-location-details-grid\n              .items=',"\n              .site=","\n              .editable=","\n              showColumnHeaders\n              showLocationDates\n              useLocationName\n            ></requested-location-details-grid>\n          </div>"])),o==null?void 0:o.locations,o.site,!1)),n.newTicket.customerExternalReference,n.newTicket.isServiceImpacted?"Yes":"No",n.newTicket.serviceImpactDescription,n.newTicket.workDescription)}renderContacts(){const i=n.newTicket.contacts;return s(_||(_=e(["<span\n      >","\n    </span>"])),i?i==null?void 0:i.split(",").map(t=>s(b||(b=e([" <ix-chip label=",' appearance="suggestion"></ix-chip\n                  >&nbsp;'])),t)):d)}renderNotificationsAttachments(){var i;return s(T||(T=e([' <div class="fa-summary-form__block">\n      <span>Notifications & Attachments</span>\n      <div class="summary-form__field">\n        <span>Email Notifications</span>\n        ','\n      </div>\n\n      <div class="summary-form__field">\n        <span>Attachments</span>\n        <div>\n          ',"\n        </div>\n      </div>\n    </div>"])),this.renderContacts(),(i=n.newTicket.attachments)===null||i===void 0?void 0:i.map(t=>s(k||(k=e([' <div class="attachments-file-summary">\n                ',"\n              </div>"])),t.fileName)))}renderFormFields(){return n.loadings.isSubmitting?s(x||(x=e([' <div class="w-full flex justify-center mt-12 pr-4">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):s(S||(S=e([' <div class="form-wrapper pr-4">\n      <div class="fa-summary-form">\n        ',"\n\n        <ix-divider></ix-divider>\n\n        "," ","\n\n        <ix-divider></ix-divider>\n\n        ","\n\n        <ix-divider></ix-divider>\n\n        ","\n\n        <ix-divider></ix-divider>\n\n        ","\n      </div>\n    </div>"])),this.renderRequestType(),this.renderVisitorDetails(),this.renderVisitorType(),this.renderVisitorHostDetails(),this.renderRequestedAccessDetails(),this.renderNotificationsAttachments())}render(){return s(w||(w=e([' <div class="wizard-content form-margin">\n      <div class="pr-4">\n        <h1 class="dlr-text-page-title">\n          ',' Facility Access Service Ticket\n        </h1>\n\n        <div class="sub-header">\n          <h3 class="dlr-text-heading">Are the details correct?</h3>\n          <div class="sub-header__action-buttons">\n            ','\n\n            <ix-button\n              name="submit"\n              type="submit"\n              has-icon\n              trailing-icon\n              @click=',"\n              ?submitting=",'\n            >\n              <md-icon slot="icon">east</md-icon>\n              <span class="button-label">YES, SUBMIT</span>\n            </ix-button>\n          </div>\n        </div>\n      </div>\n\n      ',"\n    </div>"])),this.isEditOn?"Edit":"Create",this.isSubmitting?d:s(g||(g=e(['\n                  <ix-button\n                    name="edit"\n                    type="button"\n                    has-icon\n                    trailing-icon\n                    appearance="outlined"\n                    @click=','\n                  >\n                    <span class="button-label">EDIT DETAILS</span>\n                  </ix-button>\n                '])),()=>this.onEditButtonClicked()),this.handleOnSubmit,this.isSubmitting,this.renderFormFields())}};r.styles=[R,q,V],a([c({type:Function})],r.prototype,"onEditButtonClicked",void 0),a([c({type:Function})],r.prototype,"onSubmitted",void 0),a([c({type:Boolean})],r.prototype,"isEditOn",void 0),a([N()],r.prototype,"isSubmitting",void 0),r=a([D("create-edit-osp-access-summary")],r);export{r as CreateEditOspAccessSummary};

package/dist/components/facility-access/osp-pop/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{html as v}from"lit";import{MobxLitElement as p}from"@adobe/lit-mobx";import{property as h,state as L,customElement as c}from"lit/decorators.js";import{FacilityAccessTicketStatus as x}from"../../../enums/ui-service-management.js";import{PopAccessState as N}from"../../../state/ui-service-management5.js";import{FacilityAccessStyles as g}from"../../../styles/ui-service-management6.js";import{ServiceTicketsStyles as F}from"../../../styles/ui-service-management5.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-radio/ix-radio.js";import"../ui-service-management12.js";import"../ui-service-management2.js";var m=Object.freeze,u=Object.defineProperty,f=(e,t)=>m(u(e,"raw",{value:m(t||e.slice())})),l;const d={hostFirstNameErrorText:void 0,hostLastNameErrorText:void 0,hostCompanyErrorText:void 0,hostFirstNameMinLength:1,hostFirstNameMaxLength:50,hostLastNameMinLength:1,hostLastNameMaxLength:50,hostCompanyMinLength:1,hostCompanyMaxLength:120};let i=class extends p{constructor(){super(...arguments),this.isEditOn=!1,this.validations=d}updated(){this.parentState.updateFieldValue("isVisitorHostValid",this.isFormValid)}firstUpdated(){this.validations={...d}}validateForm(){[{fieldName:"hostFirstName",fieldLabel:"Host First Name",value:this.parentState.newTicket.hostFirstName,minLength:this.validations.hostFirstNameMinLength,maxLength:this.validations.hostFirstNameMaxLength},{fieldName:"hostLastName",fieldLabel:"Host Last Name",value:this.parentState.newTicket.hostLastName,minLength:this.validations.hostLastNameMinLength,maxLength:this.validations.hostLastNameMaxLength}].forEach(e=>{const{fieldName:t,fieldLabel:a,value:s,minLength:o,maxLength:n}=e;this.validateField(t,a,s,o,n)}),this.requestUpdate()}get isFormValid(){return!this.validations.hostFirstNameErrorText&&!this.validations.hostLastNameErrorText&&!this.validations.hostCompanyErrorText}handleFieldChange(e,t,a,s,o){this.parentState.updateFieldValue(e,a),this.validateField(e,t,a,s,o)}validateField(e,t,a,s,o){const n="".concat(e,"ErrorText");!a||a.length<s||a.length>o?this.validations[n]="".concat(t," should be a minimum of ").concat(s," and a maximum of ").concat(o," characters."):this.parentState instanceof N&&a.includes("_")?this.validations[n]="".concat(t," contains underscore."):this.validations[n]=void 0}render(){const e=this.parentState.newTicket.status===x.Approved;return v(l||(l=f([' <div class="form-wrapper__fields form-margin">\n      <span>Visitor Host</span>\n\n      <div class="col-2">\n        <ix-textbox\n          label="Host First Name"\n          name="hostFirstName"\n          .minLength=',"\n          .maxLength=","\n          .value=","\n          .error=","\n          .errorText=","\n          .disabled=","\n          required\n          @input=",'\n        ></ix-textbox>\n\n        <ix-textbox\n          label="Host Last Name"\n          name="hostLastName"\n          .minLength=',"\n          .maxLength=","\n          .value=","\n          .error=","\n          .errorText=","\n          .disabled=","\n          required\n          @input=","\n        ></ix-textbox>\n      </div>\n    </div>"])),this.validations.hostFirstNameMinLength,this.validations.hostFirstNameMaxLength,this.parentState.newTicket.hostFirstName,!!this.validations.hostFirstNameErrorText,this.validations.hostFirstNameErrorText,this.isEditOn&&!e,t=>this.handleFieldChange("hostFirstName",t.target.label,t.target.value,this.validations.hostFirstNameMinLength,this.validations.hostFirstNameMaxLength),this.validations.hostLastNameMinLength,this.validations.hostLastNameMaxLength,this.parentState.newTicket.hostLastName,!!this.validations.hostLastNameErrorText,this.validations.hostLastNameErrorText,this.isEditOn&&!e,t=>this.handleFieldChange("hostLastName",t.target.label,t.target.value,this.validations.hostLastNameMinLength,this.validations.hostLastNameMaxLength))}};i.styles=[F,g],r([h()],i.prototype,"parentState",void 0),r([h({type:Boolean})],i.prototype,"isEditOn",void 0),r([L()],i.prototype,"validations",void 0),i=r([c("visitor-host-section")],i);export{i as VisitorHost};

package/dist/components/facility-access/osp-pop/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as m}from"tslib";import{html as f,nothing as T}from"lit";import{MobxLitElement as S}from"@adobe/lit-mobx";import{property as M,state as F,customElement as y}from"lit/decorators.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";import"@digital-realty/ix-accordion/ix-accordion.js";import"@digital-realty/ix-select/ix-select.js";import{FacilityAccessStyles as R}from"../../../styles/ui-service-management6.js";import{ospAccessState as t}from"../../../state/ui-service-management6.js";import{ServiceTicketsStyles as C}from"../../../styles/ui-service-management5.js";import{TWStyles as V}from"../../../ui-service-management2.js";import{maxLengthDescription as D}from"../../../constants/ui-service-management9.js";import{FacilityAccessTicketStatus as O}from"../../../enums/ui-service-management.js";var L=Object.freeze,q=Object.defineProperty,I=(i,e)=>L(q(i,"raw",{value:L(e||i.slice())})),b,k;const E={serviceImpactDescriptionErrorText:void 0,workDescriptionErrorText:void 0,customerExternalReferenceMinLength:0,customerExternalReferenceMaxLength:40,serviceImpactDescriptionMinLength:1,serviceImpactDescriptionMaxLength:D,workDescriptionMinLength:0,workDescriptionMaxLength:D};var d;(function(i){i.isServiceImpacted="isServiceImpacted"})(d||(d={}));let o=class extends S{constructor(){super(...arguments),this.isEditOn=!1,this.validations=E}updated(){t.updateFieldValue("isServiceImpactedSectionValid",this.isFormValid)}firstUpdated(){this.validations={...E}}validateForm(){const i=[];t.newTicket.isServiceImpacted&&i.push({fieldName:"serviceImpactDescription",fieldLabel:"Service Impact Description",value:t.newTicket.serviceImpactDescription,minLength:this.validations.serviceImpactDescriptionMinLength,maxLength:this.validations.serviceImpactDescriptionMaxLength,isRequiredIf:!0,index:0}),i.forEach(e=>{this.validateField(e)}),this.requestUpdate(),t.updateFieldValue("isServiceImpactedSectionValid",this.isFormValid)}get isFormValid(){const i=s=>s===void 0,e=this.validations;return i(e.serviceImpactDescriptionErrorText)&&i(e.workDescriptionErrorText)}handleFieldChange(i,e,s,n,r,c,l){t.updateFieldValue(i,s),c||this.validateField({fieldName:i,fieldLabel:e,value:s,minLength:n,maxLength:r,isRequiredIf:l})}validateField(i){const{fieldName:e,fieldLabel:s,value:n,minLength:r,maxLength:c,isRequiredIf:l,index:p}=i,a="".concat(e,"ErrorText"),h=Array.isArray(this.validations[a]),v=u=>{h?(this.validations[a]||(this.validations[a]=[]),this.validations[a][p]=u):this.validations[a]=u},x=()=>{h?this.validations[a]&&(this.validations[a][p]=void 0):this.validations[a]=void 0},g=()=>{v("".concat(s," should be a minimum of ").concat(r," and a maximum of ").concat(c," characters."))},w=()=>{v("".concat(s," should be a minimum of ").concat(r," character(s)."))};!l&&r&&c&&(!n||n.length<r||n.length>c)?g():l?r&&c&&(!n||n.length<r||n.length>c)?g():r&&(!n||n.length<r)?w():x():x(),this.requestUpdate()}handleCheckboxChange(i,e){t.updateFieldValue(i,e),i===d.isServiceImpacted&&(this.validations.serviceImpactDescriptionErrorText=void 0,t.newTicket.serviceImpactDescription="")}render(){const i=t.newTicket.status===O.Approved;return f(k||(k=I(['\n      <div class="form-wrapper__fields form-margin">\n        <ix-textbox\n          class="w-full mt-[-5px]"\n          label="Customer External Reference"\n          name="customerExternalReference"\n          .minLength=',"\n          .maxLength=","\n          .value=","\n          @input=",'\n        ></ix-textbox>\n\n        <ix-checkbox\n          label="Service Impacted"\n          name="serviceImpacted"\n          arialabel="Service Impacted"\n          @change=',"\n          .checked=","\n          .disabled=","\n        ></ix-checkbox>\n\n        ",'\n\n        <ix-textbox\n          label="Description of the Work to Be Performed"\n          name="workDescription"\n          .minLength=',"\n          .maxLength=","\n          .value=","\n          .error=","\n          .errorText=","\n          .disabled=","\n          @input=","\n        ></ix-textbox>\n      </div>\n    "])),this.validations.customerExternalReferenceMinLength,this.validations.customerExternalReferenceMaxLength,t.newTicket.customerExternalReference,e=>this.handleFieldChange("customerExternalReference",e.target.label,e.target.value,this.validations.customerExternalReferenceMinLength,this.validations.customerExternalReferenceMaxLength,!0),e=>this.handleCheckboxChange(d.isServiceImpacted,e.target.checked),t.newTicket.isServiceImpacted,this.isEditOn&&!i,t.newTicket.isServiceImpacted?f(b||(b=I(['\n              <ix-textbox\n                class="-mb-5"\n                label="Service Impact Description"\n                name="serviceImpactDescription"\n                required\n                .minLength=',"\n                .maxLength=","\n                .value=","\n                .error=","\n                .errorText=","\n                .disabled=","\n                @input=","\n              ></ix-textbox>\n            "])),this.validations.serviceImpactDescriptionMinLength,this.validations.serviceImpactDescriptionMaxLength,t.newTicket.serviceImpactDescription,!!this.validations.serviceImpactDescriptionErrorText,this.validations.serviceImpactDescriptionErrorText,this.isEditOn&&!i,e=>this.handleFieldChange("serviceImpactDescription",e.target.label,e.target.value,this.validations.serviceImpactDescriptionMinLength,this.validations.serviceImpactDescriptionMaxLength)):T,this.validations.workDescriptionMinLength,this.validations.workDescriptionMaxLength,t.newTicket.workDescription,!!this.validations.workDescriptionErrorText,this.validations.workDescriptionErrorText,this.isEditOn&&!i,e=>this.handleFieldChange("workDescription",e.target.label,e.target.value,this.validations.workDescriptionMinLength,this.validations.workDescriptionMaxLength))}};o.styles=[R,C,V],m([M({type:Boolean})],o.prototype,"isEditOn",void 0),m([F()],o.prototype,"validations",void 0),o=m([y("service-impacted-section")],o);export{o as ServiceImpactedSection};

package/dist/components/facility-access/permanent-badge/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as B}from"tslib";import{MobxLitElement as E}from"@adobe/lit-mobx";import{nothing as o,html as a}from"lit";import{customElement as w}from"lit/decorators.js";import{until as v}from"lit-html/directives/until.js";import{LocationPrivilegeLevels as h,LocationPermissionTypes as u}from"../../../constants/ui-service-management4.js";import{ApplicationEvents as p}from"../../../constants/ui-service-management.js";import{CancelButtonText as L,EditButtonText as D}from"../../../constants/ui-service-management5.js";import{SharedTicketStatus as c,FacilityAccessTicketStatus as m}from"../../../enums/ui-service-management.js";import{anyLocationsPending as x}from"../../../helpers/ui-service-management3.js";import{hasPermissionAtAnyLocations as g}from"../../../services/ui-service-management5.js";import{permanentBadgeState as t}from"../../../state/ui-service-management8.js";import{serviceTicketState as U}from"../../../state/ui-service-management4.js";import{TWStyles as S}from"../../../ui-service-management2.js";import{isInsite as O}from"../../../services/ui-service-management6.js";var k=Object.freeze,M=Object.defineProperty,r=(e,i)=>k(M(e,"raw",{value:k(i||e.slice())})),P,C,T,A,b,f;const _=window.globalConfig;let l=class extends E{constructor(){super(...arguments),this.hasUpdatePermission=void 0,this.hasApprovePermission=void 0}async getUpdatePermissions(){var e,i,n,s;this.hasUpdatePermission!==void 0||!(!((s=(n=(i=(e=t.selectedTicket)===null||e===void 0?void 0:e.sitesDetails)===null||i===void 0?void 0:i[0])===null||n===void 0?void 0:n.locations)===null||s===void 0)&&s.length)||(this.hasUpdatePermission=await g(t.selectedTicket.sitesDetails[0].locations.map(d=>d.id),u.PermanentBadge,h.Update))}async getApprovePermissions(){var e,i,n,s;this.hasApprovePermission!==void 0||!(!((s=(n=(i=(e=t.selectedTicket)===null||e===void 0?void 0:e.sitesDetails)===null||i===void 0?void 0:i[0])===null||n===void 0?void 0:n.locations)===null||s===void 0)&&s.length)||(this.hasApprovePermission=await g(t.selectedTicket.sitesDetails.flatMap(d=>d.locations.map(y=>y.id)),u.PermanentBadge,h.Approve))}get canApproveOrDeny(){return t.selectedTicket?t.selectedTicket.category!=="Terminate"&&t.selectedTicket.state!==c.Cancelled&&x(t.selectedTicket.sitesDetails):!1}get canCancel(){var e;return!O(t.selectedTicket.id)||!(!((e=t.selectedTicket)===null||e===void 0)&&e.state)||!_["SM:AllowPermanentBadgeCancellation"]?!1:[c.InProgress.toLowerCase(),m.PendingApproval.toLowerCase(),m.Approved.toLowerCase()].includes(t.selectedTicket.state.toLowerCase())}get canEdit(){var e;return!((e=t.selectedTicket)===null||e===void 0)&&e.state?![c.Cancelled.toLowerCase(),c.Completed.toLowerCase(),m.ApprovalDenied.toLowerCase()].includes(t.selectedTicket.state.toLowerCase()):!1}dispatchClickEvent(e){const i=new CustomEvent(e,{bubbles:!0,composed:!0});this.dispatchEvent(i)}renderApproveDenyBtn(){return!this.hasApprovePermission||!this.canApproveOrDeny?o:a(P||(P=r(['<ix-button\n      name="approveDenyBtn"\n      has-icon\n      @click=','\n    >\n      <md-icon slot="icon">playlist_add_check</md-icon>\n      <span class="button-label">APPROVE/DENY</span>\n    </ix-button>'])),()=>{this.dispatchClickEvent(p.ApproveDenyTicket)})}renderCancelBtn(){return!this.hasUpdatePermission||!this.canCancel?o:a(C||(C=r(['<ix-button\n      class="cancel"\n      appearance="outlined"\n      name="cancelBtn"\n      @click=','\n    >\n      <span class="button-label">',"</span>\n    </ix-button>"])),()=>{this.dispatchClickEvent(p.CancelTicket)},L)}renderEditBtn(){return!this.hasUpdatePermission||!this.canEdit?o:a(T||(T=r(['<ix-button\n      name="edit-button"\n      @click=','\n      has-icon\n    >\n      <md-icon slot="icon">edit</md-icon>\n      <span>',"</span>\n    </ix-button>"])),()=>{this.dispatchClickEvent(p.EditTicket)},D)}render(){return U.loadings.isTicketCancelling?o:a(f||(f=r(['<div class="w-fit flex gap-2">\n      ',"\n      ","\n    </div>"])),v(this.getApprovePermissions().then(()=>a(A||(A=r([" ",""])),this.renderApproveDenyBtn())),o),v(this.getUpdatePermissions().then(()=>a(b||(b=r([" "," ",""])),this.renderCancelBtn(),this.renderEditBtn())),o))}};l.styles=[S],l=B([w("permanent-badge-button-group")],l);export{l as PermanentBadgeButtonGroup};

package/dist/components/facility-access/permanent-badge/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as n}from"tslib";import{html as o,nothing as d}from"lit";import{property as a,customElement as S}from"lit/decorators.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{getPermanentBadgeCategoryLabel as y}from"../../../helpers/ui-service-management3.js";import f from"../../../services/ui-service-management4.js";import{getAllowedLocations as D,getPermissionTypeByFARequestType as b}from"../../../services/ui-service-management5.js";import{permanentBadgeState as t}from"../../../state/ui-service-management8.js";import{serviceTicketState as c}from"../../../state/ui-service-management4.js";import{FacilityAccessStyles as g}from"../../../styles/ui-service-management6.js";import{ServiceTicketsStyles as w}from"../../../styles/ui-service-management5.js";import{TWStyles as k}from"../../../ui-service-management2.js";import{ServiceTicketFormBase as T}from"../../shared/ui-service-management16.js";import"../ui-service-management9.js";import"../ui-service-management6.js";import{LocationPrivilegeLevels as l}from"../../../constants/ui-service-management4.js";import{vaPbStartDateMaxDaysInFuture as E,vaPbMaxDurationDays as _}from"../../../constants/ui-service-management9.js";import{getAllowedSitesWithSpaceInfo as x}from"../../../services/ui-service-management15.js";import{ResultStep as C,SiteNotSupportedMessage as O}from"../../../constants/ui-service-management5.js";import{wrappedDivider as p}from"../../../helpers/ui-service-management22.js";import"../../shared/ui-service-management17.js";var m=Object.freeze,q=Object.defineProperty,r=(e,s)=>m(q(e,"raw",{value:m(s||e.slice())})),u,h,v;let i=class extends T{constructor(){super(...arguments),this.isEditOn=!1,this.updateStartDate=t.updateStartDate.bind(t),this.updateEndDate=t.updateEndDate.bind(t),this.addSitesDetail=t.addSiteLocations.bind(t),this.removeSitesDetail=t.removeSiteLocations.bind(t),this.updateValidationState=t.isRequestedAccessDetailsValid.bind(t),this.getSiteLocations=async e=>(await D(l.Create,"Permanent Badge","Facilities_access",e.siteId)).map(s=>({id:s.id})),this.getSites=async()=>(await x(l.Create)).map(e=>({siteId:e.siteId,displayName:e.displayName,disabled:!e.hasSpaces,accountNumber:e.accountNumber}))}firstUpdated(){this.isEditOn||t.createTicket(),t.newTicket.attachments=[]}get visitorContactInputSection(){return this.shadowRoot.querySelector("visitor-contact-inputs-section")}get requestedAccessDetailsSection(){return this.shadowRoot.querySelector("requested-access-details-section")}get notificationsAttachmentsSection(){return this.shadowRoot.querySelector("notifications-attachments-section")}validateMandatoryFields(){this.visitorContactInputSection.validateForm(),this.requestedAccessDetailsSection.validateForm(),this.notificationsAttachmentsSection.validateForm()}async handleOnSubmit(){if(this.onSubmitted&&this.isEditOn){if(this.validateMandatoryFields(),!t.isNewTicketValid)return;try{await t.submitUpdateTicketRequest()}finally{c.ticketStep=C,this.onSubmitted()}}}handleNextClick(){this.validateMandatoryFields(),t.isNewTicketValid&&this.onNextButtonClick()}renderHeader(){return o(h||(h=r(['<div\n      class="create-edit-facility-access-container__header form-margin"\n    >\n      <div class="flex flex-col">\n        <h3 class="dlr-text-page-title ','">\n          '," Facility Access Service Ticket\n          ",'\n        </h3>\n\n        <div class="sub-header flex_column">\n          <div class="sub-header__row">\n            <div>\n              <h5 class="sub-header__row_caption">Request Type</h5>\n            </div>\n            <div>\n              <h5 class="sub-header__row_caption">Category</h5>\n            </div>\n            <div>\n              <span class="italic">*denotes required field</span>\n            </div>\n          </div>\n          <div class="sub-header__row">\n            <div>\n              <span class="sub-header__row_value">\n                ','\n              </span>\n            </div>\n            <div>\n              <span class="sub-header__row_value">\n                ',"\n              </span>\n            </div>\n            <div>\n              <span></span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <ix-divider></ix-divider>\n    </div> "])),this.isEditOn?"":"mb-6",this.isEditOn?"Edit":"Create",this.isEditOn?(t===null||t===void 0?void 0:t.selectedTicket)&&o(u||(u=r([" <span>#","</span> "])),t===null||t===void 0?void 0:t.selectedTicket.id):d,t.newTicket.requestType,y(t.newTicket.category))}render(){return t.newTicket.requestType?o(v||(v=r(['<div\n      class="create-edit-facility-access-container wizard-content"\n    >\n      ','\n      <div class="form-wrapper mt-0">\n        <visitor-contact-inputs-section\n          .isEditOn=',"\n          .parentState=","\n          .maxContacts=","\n        ></visitor-contact-inputs-section>\n\n        ","\n\n        <requested-access-details-section\n          .editable=",'\n          endDateLabel="Badge Expiration Date"\n          startDateLabel="Badge Start Date"\n          .startDate=',"\n          .updateStartDate=","\n          .endDate=","\n          .requireEndDate=","\n          .showLocationDates=","\n          .updateEndDate=","\n          .sitesDetails=","\n          .addSitesDetail=","\n          .removeSitesDetail=","\n          .updateValidationState=","\n          .permissionType=","\n          .getSiteLocations=","\n          .startDateMaxDaysInFuture=","\n          .maxDurationInDays=","\n          .getSites=","\n          .disabledOptionSupportingText=","\n        >\n        </requested-access-details-section>\n\n        ","\n\n        <notifications-attachments-section\n          .isEditOn=","\n          .parentState=","\n          .ticketAttachments=","\n        ></notifications-attachments-section>\n      </div>\n      <form-footer\n        ?isEditMode=","\n        .isSubmitting=","\n        .handleCancelClick=","\n        .handleSubmitClick=","\n        .handleNextClick=","\n      ></form-footer>\n    </div>"])),this.renderHeader(),this.isEditOn,t,1,p(),!this.isEditOn,t.newTicket.startDate,this.updateStartDate,t.newTicket.endDate,!1,!f.isHideLocationDatesEnabled(),this.updateEndDate,t.newTicket.sitesDetails,this.addSitesDetail,this.removeSitesDetail,this.updateValidationState,b(t.newTicket.requestType),this.getSiteLocations,E,_,this.getSites,O,p(),this.isEditOn,t,c.ticketAttachments,this.isEditOn,t.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick()):d}};i.styles=[w,g,k],n([a({type:Function})],i.prototype,"onNextButtonClick",void 0),n([a({type:Function})],i.prototype,"onSubmitted",void 0),n([a({type:Function})],i.prototype,"onCancelled",void 0),n([a({type:Boolean})],i.prototype,"isEditOn",void 0),i=n([S("create-edit-permanent-badge-new-service-ticket")],i);export{i as CreateEditPermanentBadgeNewServiceTicket};

package/dist/components/facility-access/permanent-badge/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{html as r,nothing as f}from"lit";import{property as l,state as o,customElement as V}from"lit/decorators.js";import{getPermanentBadgeCategoryLabel as C}from"../../../helpers/ui-service-management3.js";import H from"../../../services/ui-service-management4.js";import{getAllowedLocations as k,getAllowedSites as R,getPermissionTypeByFARequestType as T}from"../../../services/ui-service-management5.js";import{mapBadgeHolderResponseToBadgeHolderDetails as M,addBadgeHolderResponseToBadgeHolderList as O}from"../../../services/ui-service-management15.js";import{permanentBadgeState as e}from"../../../state/ui-service-management8.js";import{serviceTicketState as p}from"../../../state/ui-service-management4.js";import{ServiceTicketsStyles as _}from"../../../styles/ui-service-management5.js";import{TWStyles as E}from"../../../ui-service-management2.js";import"../../shared/ui-service-management18.js";import{ServiceTicketFormBase as F}from"../../shared/ui-service-management16.js";import{LocationPrivilegeLevels as g,LocationPermissionTypes as L}from"../../../constants/ui-service-management4.js";import{vaPbStartDateMaxDaysInFuture as x,vaPbMaxDurationDays as q}from"../../../constants/ui-service-management9.js";import{wrappedDivider as m}from"../../../helpers/ui-service-management22.js";import{ResultStep as A}from"../../../constants/ui-service-management5.js";import"../../shared/ui-service-management17.js";var S=Object.freeze,N=Object.defineProperty,c=(t,i)=>S(N(t,"raw",{value:S(i||t.slice())})),v,b,y,B,D;const P=window.globalConfig;let a=class extends F{constructor(){super(...arguments),this.isEditOn=!1,this.badgeHolderSearchResults=[],this.loadingBadgeHolderSearchResults=!1,this.isViewMoreButtonLoading=!1,this.pageCount=1,this.isViewMoreButtonVisible=!1,this.badgeHolderSearchValue=void 0,this.updateStartDate=e.updateStartDate.bind(e),this.updateEndDate=e.updateEndDate.bind(e),this.addSitesDetail=e.addSiteLocations.bind(e),this.removeSitesDetail=e.removeSiteLocations.bind(e),this.updateRequestedAccessDetailsValidationState=e.isRequestedAccessDetailsValid.bind(e),this.updatBadgeholderValidationState=e.isBadgeholderValid.bind(e),this.boundOnBadgeHolderSearch=this.onBadgeHolderSearch.bind(this),this.boundOnSetContact=this.onSetContact.bind(this),this.getSiteLocations=async t=>(await k(g.Create,"Permanent Badge","Facilities_access",t.siteId)).map(i=>({id:i.id})),this.getSites=async()=>(await R(g.Create,L.PermanentBadge,"Facilities_access")).map(t=>({siteId:t.siteId,displayName:t.displayName,disabled:!1,accountNumber:t.accountNumber})),this.handleSearchCleared=()=>{this.badgeHolderSearchResults=[],this.isViewMoreButtonVisible=!1,this.loadingBadgeHolderSearchResults=!1}}firstUpdated(){this.isEditOn||e.createTicket(),e.newTicket.attachments=[]}get requestedAccessDetailsSection(){var t,i;return(i=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("requested-access-details-section"))!==null&&i!==void 0?i:null}get notificationsAttachmentsSection(){var t,i;return(i=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("notifications-attachments-section"))!==null&&i!==void 0?i:null}get selectFilterSearch(){var t,i;return(i=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("select-filter-search"))!==null&&i!==void 0?i:null}validateMandatoryFields(){var t,i,n;(t=this.requestedAccessDetailsSection)===null||t===void 0||t.validateForm(),(i=this.notificationsAttachmentsSection)===null||i===void 0||i.validateForm(),(n=this.selectFilterSearch)===null||n===void 0||n.validateForm()}async handleOnSubmit(){if(this.onSubmitted&&this.isEditOn){if(this.validateMandatoryFields(),!e.isNewTicketValid)return;try{await e.submitUpdateTicketRequest()}finally{p.ticketStep=A,this.onSubmitted()}}}handleNextClick(){this.validateMandatoryFields(),e.isNewTicketValid&&this.onNextButtonClick()}async onBadgeHolderSearch(t,i){if(t.length===0){this.badgeHolderSearchResults=[],this.isViewMoreButtonLoading=!1,this.isViewMoreButtonVisible=!1,this.loadingBadgeHolderSearchResults=!1;return}this.loadingBadgeHolderSearchResults=!0,this.badgeHolderSearchResults=[],this.pageCount=1,this.badgeHolderSearchValue=t;const n=[this.pageCount,this.pageCount+1].map(w=>e.getPermanentBadgeHolders(this.badgeHolderSearchValue,{signal:i},w)),h=await Promise.all(n),[d,u]=h;d.items&&(this.badgeHolderSearchResults=M(d.items)),u.items&&(this.isViewMoreButtonVisible=u.items.length!==0),!i.aborted&&(this.loadingBadgeHolderSearchResults=!1)}async handleOnViewMore(t){this.isViewMoreButtonLoading=!0,this.pageCount+=1;const i=[this.pageCount,this.pageCount+1].map(u=>e.getPermanentBadgeHolders(this.badgeHolderSearchValue,{signal:t},u)),n=await Promise.all(i),[h,d]=n;h.items&&(this.badgeHolderSearchResults=O(this.badgeHolderSearchResults,h.items)),d.items&&(this.isViewMoreButtonVisible=d.items.length!==0),this.isViewMoreButtonLoading=!1}onSetContact(t){e.setBadgeHolder(t),(i=>!Number.isNaN(Date.parse(i)))(t==null?void 0:t.startDate)?(e.updateStartDateSetViaBadgeholder(!0),e.updateStartDate(t==null?void 0:t.startDate)):(e.updateStartDateSetViaBadgeholder(!1),e.clearStartDate()),this.badgeHolderSearchResults=[]}onSelectFilterSearchFocusOut(){this.loadingBadgeHolderSearchResults=!1}renderHeader(){return r(b||(b=c(['<div\n      class="create-edit-facility-access-container__header form-margin"\n    >\n      <div class="flex flex-col">\n        <h3 class="dlr-text-page-title ','">\n          '," Facility Access Service Ticket\n          ",'\n        </h3>\n        <div class="sub-header flex_column">\n          <div class="sub-header__row">\n            <div>\n              <h5 class="sub-header__row_caption">Request Type</h5>\n            </div>\n            <div>\n              <h5 class="sub-header__row_caption">Category</h5>\n            </div>\n            <div>\n              <span class="italic">*denotes required field</span>\n            </div>\n          </div>\n          <div class="sub-header__row">\n            <div>\n              <span class="sub-header__row_value">\n                ','\n              </span>\n            </div>\n            <div>\n              <span class="sub-header__row_value">\n                ',"\n              </span>\n            </div>\n            <div>\n              <span></span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <ix-divider></ix-divider>\n    </div> "])),this.isEditOn?"":"mb-6",this.isEditOn?"Edit":"Create",this.isEditOn?(e===null||e===void 0?void 0:e.selectedTicket)&&r(v||(v=c([" <span>#","</span> "])),e===null||e===void 0?void 0:e.selectedTicket.id):f,e.newTicket.requestType,C(e.newTicket.category))}renderContactDetails(){return this.isEditOn?r(y||(y=c(["<visitor-contact-inputs-section\n        .isEditOn=","\n        .parentState=","\n        .maxContacts=","\n      ></visitor-contact-inputs-section>"])),!0,e,1):r(B||(B=c(['<div class="form-wrapper__fields form-margin">\n      <span>Badge Holder Details</span>\n      <div class="col-1">\n        <select-filter-search\n          label="Choose a Badge Holder"\n          .onChangeCallback=',"\n          .items=","\n          .setContact=","\n          .updateValidationState=","\n          .loading=","\n          .minSearchChars=","\n          @focusout=","\n          .onViewMoreButtonClick=","\n          .isViewMoreButtonVisible=","\n          .isViewMoreButtonLoading=","\n          @search-cleared=","\n        ></select-filter-search>\n      </div>\n    </div>"])),this.boundOnBadgeHolderSearch,this.badgeHolderSearchResults,this.boundOnSetContact,this.updatBadgeholderValidationState,this.loadingBadgeHolderSearchResults,P["SM:BadgeHolderSearchMinChars"],this.onSelectFilterSearchFocusOut,async t=>this.handleOnViewMore(t),this.isViewMoreButtonVisible,this.isViewMoreButtonLoading,this.handleSearchCleared)}render(){return r(D||(D=c(['<div\n      class="create-edit-facility-access-container wizard-content"\n    >\n      ','\n      <div class="form-wrapper mt-0">\n        '," ","\n\n        <requested-access-details-section\n          .editable=",'\n          endDateLabel="Badge Expiration Date"\n          startDateLabel="Badge Start Date"\n          .startDate=',"\n          .updateStartDate=","\n          .endDate=","\n          .updateEndDate=","\n          .sitesDetails=","\n          .addSitesDetail=","\n          .removeSitesDetail=","\n          .disableStartDate=","\n          .updateValidationState=","\n          .permissionType=","\n          .requireEndDate=","\n          .showLocationDates=","\n          .getSiteLocations=","\n          .startDateMaxDaysInFuture=","\n          .maxDurationInDays=","\n          .getSites=","\n        >\n        </requested-access-details-section>\n\n        ","\n\n        <notifications-attachments-section\n          .isEditOn=","\n          .parentState=","\n          .ticketAttachments=","\n        ></notifications-attachments-section>\n      </div>\n      <form-footer\n        ?isEditMode=","\n        .isSubmitting=","\n        .handleCancelClick=","\n        .handleSubmitClick=","\n        .handleNextClick=","\n      ></form-footer>\n    </div>"])),this.renderHeader(),this.renderContactDetails(),m(),!this.isEditOn,e.newTicket.startDate,this.updateStartDate,e.newTicket.endDate,this.updateEndDate,e.newTicket.sitesDetails,this.addSitesDetail,this.removeSitesDetail,e.newTicket.isStartDateSetViaBadgeHolder,this.updateRequestedAccessDetailsValidationState,T(e.newTicket.requestType),!1,!H.isHideLocationDatesEnabled(),this.getSiteLocations,x,q,this.getSites,m(),this.isEditOn,e,p.ticketAttachments,this.isEditOn,e.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick())}};a.styles=[_,E],s([l({type:Function})],a.prototype,"onNextButtonClick",void 0),s([l({type:Function})],a.prototype,"onSubmitted",void 0),s([l({type:Function})],a.prototype,"onCancelled",void 0),s([l({type:Boolean})],a.prototype,"isEditOn",void 0),s([l({attribute:!1})],a.prototype,"onCloseClick",void 0),s([o()],a.prototype,"badgeHolderSearchResults",void 0),s([o()],a.prototype,"loadingBadgeHolderSearchResults",void 0),s([o()],a.prototype,"isViewMoreButtonLoading",void 0),s([o()],a.prototype,"pageCount",void 0),s([o()],a.prototype,"isViewMoreButtonVisible",void 0),s([o()],a.prototype,"badgeHolderSearchValue",void 0),a=s([V("create-edit-permanent-badge-modify-service-ticket")],a);export{a as CreateEditPermanentBadgeModifyServiceTicket};

package/dist/components/facility-access/permanent-badge/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import"@digital-realty/ix-date-next/ix-date-next.js";import{html as r,nothing as p}from"lit";import{property as u,state as l,query as E,customElement as k}from"lit/decorators.js";import g from"moment";import{nDaysInFuture as v}from"../../../helpers/ui-service-management.js";import{getPermanentBadgeCategoryLabel as T}from"../../../helpers/ui-service-management3.js";import x from"../../../services/ui-service-management4.js";import{mapBadgeHolderResponseToBadgeHolderDetails as O,addBadgeHolderResponseToBadgeHolderList as R}from"../../../services/ui-service-management15.js";import{permanentBadgeState as t}from"../../../state/ui-service-management8.js";import{serviceTicketState as m}from"../../../state/ui-service-management4.js";import{ServiceTicketsStyles as _}from"../../../styles/ui-service-management5.js";import{TWStyles as M}from"../../../ui-service-management2.js";import"../../shared/ui-service-management18.js";import{ServiceTicketFormBase as F}from"../../shared/ui-service-management16.js";import"../ui-service-management11.js";import{wrappedDivider as b}from"../../../helpers/ui-service-management22.js";import{ResultStep as L}from"../../../constants/ui-service-management5.js";import"../../shared/ui-service-management17.js";var S=Object.freeze,N=Object.defineProperty,h=(e,i)=>S(N(e,"raw",{value:S(i||e.slice())})),w,B,f,C,y,H,D;const P={endDateErrorText:void 0},q=window.globalConfig;let n=class extends F{get selectFilterSearch(){var e,i;return(i=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("select-filter-search"))!==null&&i!==void 0?i:null}constructor(){super(),this.isEditOn=!1,this.badgeHolderSearchResults=[],this.loadingBadgeHolderSearchResults=!1,this.isViewMoreButtonLoading=!1,this.pageCount=1,this.isViewMoreButtonVisible=!1,this.badgeHolderSearchValue=void 0,this.validations=P,this.endDateLabel="Badge End Date",this.updateBadgeholderValidationState=t.isBadgeholderValid.bind(t),this.setBadgeholder=t.setBadgeHolder.bind(t),this.boundOnBadgeHolderSearch=this.onBadgeHolderSearch.bind(this),this.boundOnSetContact=this.onSetContact.bind(this),this.useNewDatePickerComponent=!1,this.handleSearchCleared=()=>{this.badgeHolderSearchResults=[],this.isViewMoreButtonVisible=!1,this.loadingBadgeHolderSearchResults=!1},this.useNewDatePickerComponent=x.showNewDatePickerComponent()}resetDropdownHeight(){var e,i,a,d;if(this.selectFilterSearch){const o=(d=(a=(i=(e=this.selectFilterSearch)===null||e===void 0?void 0:e.shadowRoot)===null||i===void 0?void 0:i.querySelector("ix-filter-select"))===null||a===void 0?void 0:a.shadowRoot)===null||d===void 0?void 0:d.querySelector("div > div > ix-menu");o&&o.setAttribute("style","max-height: 400px")}}firstUpdated(){this.isEditOn||t.createTicket(),t.newTicket.attachments=[]}updated(e){var i;(i=super.updated)===null||i===void 0||i.call(this,e),this.resetDropdownHeight()}validateEndDate(){var e,i;if(this.useNewDatePickerComponent){const a=(i=(e=this.badgeEndDateField)===null||e===void 0?void 0:e.validate)===null||i===void 0?void 0:i.call(e);t.isEndDateValid(a)}else{let a;const{endDate:d}=t.newTicket;d?g(d).isBefore(g().startOf("day"))&&(a="".concat(this.endDateLabel," cannot be earlier than today")):a="Please select the ".concat(this.endDateLabel),this.validations={endDateErrorText:a},t.isEndDateValid(!a)}}handleEndDateChange(e){t.updateEndDate(e),this.validateEndDate()}async handleOnSubmit(){var e;if(this.onSubmitted&&this.isEditOn){if((e=this.selectFilterSearch)===null||e===void 0||e.validateForm(),!t.isNewTicketValid)return;try{await t.submitUpdateTicketRequest()}finally{m.ticketStep=L,this.onSubmitted()}}}handleNextClick(){var e;(e=this.selectFilterSearch)===null||e===void 0||e.validateForm(),this.isEditOn||this.validateEndDate(),t.isNewTicketValid&&this.onNextButtonClick()}async onBadgeHolderSearch(e,i){if(e.length===0){this.badgeHolderSearchResults=[],this.isViewMoreButtonLoading=!1,this.isViewMoreButtonVisible=!1;return}this.loadingBadgeHolderSearchResults=!0,this.badgeHolderSearchResults=[],this.pageCount=1,this.badgeHolderSearchValue=e;const a=[this.pageCount,this.pageCount+1].map(V=>t.getPermanentBadgeHolders(this.badgeHolderSearchValue,{signal:i},V)),d=await Promise.all(a),[o,c]=d;o.items&&(this.badgeHolderSearchResults=O(o.items)),c.items&&(this.isViewMoreButtonVisible=c.items.length!==0),!i.aborted&&(this.loadingBadgeHolderSearchResults=!1)}onSetContact(e){t.setBadgeHolder(e),this.badgeHolderSearchResults=[]}onSelectFilterSearchFocusOut(){this.loadingBadgeHolderSearchResults=!1}async handleOnViewMore(e){this.isViewMoreButtonLoading=!0,this.pageCount+=1;const i=[this.pageCount,this.pageCount+1].map(c=>t.getPermanentBadgeHolders(this.badgeHolderSearchValue,{signal:e},c)),a=await Promise.all(i),[d,o]=a;d.items&&(this.badgeHolderSearchResults=R(this.badgeHolderSearchResults,d.items)),o.items&&(this.isViewMoreButtonVisible=o.items.length!==0),this.isViewMoreButtonLoading=!1}renderHeader(){return r(B||(B=h(['<div\n      class="create-edit-facility-access-container__header form-margin"\n    >\n      <div class="flex flex-col">\n        <h3 class="dlr-text-page-title ','">\n          '," Facility Access Service Ticket\n          ",'\n        </h3>\n\n        <div class="sub-header flex_column">\n          <div class="sub-header__row">\n            <div>\n              <h5 class="sub-header__row_caption">Request Type</h5>\n            </div>\n            <div>\n              <h5 class="sub-header__row_caption">Category</h5>\n            </div>\n            <div>\n              <span class="italic">*denotes required field</span>\n            </div>\n          </div>\n          <div class="sub-header__row">\n            <div>\n              <span class="sub-header__row_value">\n                ','\n              </span>\n            </div>\n            <div>\n              <span class="sub-header__row_value">\n                ',"\n              </span>\n            </div>\n            <div>\n              <span></span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <ix-divider></ix-divider>\n    </div>"])),this.isEditOn?"":"mb-6",this.isEditOn?"Edit":"Create",this.isEditOn?(t===null||t===void 0?void 0:t.selectedTicket)&&r(w||(w=h([" <span>#","</span> "])),t===null||t===void 0?void 0:t.selectedTicket.id):p,t.newTicket.requestType,T(t.newTicket.category))}renderBadgeHolderDetails(){return this.isEditOn?t.newTicket.badgeHolder?r(f||(f=h([' <div class="form-margin">\n        <div class="pb-8">Badge Holder Details</div>\n        <visitors-grid\n          .items=',"\n          .editable=","\n          .showCompany=","\n          useBadgeHolderText\n        ></visitors-grid>\n      </div>"])),t.newTicket.visitors,!1,!0):p:r(C||(C=h(['\n      <div class="form-wrapper__fields form-margin">\n        <span>Badge Holder Details</span>\n        <div class="col-1">\n          <select-filter-search\n            label="Choose a Badge Holder"\n            .onChangeCallback=',"\n            .items=","\n            .setContact=","\n            .updateValidationState=","\n            .loading=","\n            .minSearchChars=","\n            @focusout=","\n            .onViewMoreButtonClick=","\n            .isViewMoreButtonVisible=","\n            .isViewMoreButtonLoading=","\n            @search-cleared=","\n          ></select-filter-search>\n        </div>\n      </div>\n    "])),this.boundOnBadgeHolderSearch,this.badgeHolderSearchResults,this.boundOnSetContact,this.updateBadgeholderValidationState,this.loadingBadgeHolderSearchResults,q["SM:BadgeHolderSearchMinChars"],this.onSelectFilterSearchFocusOut,async e=>this.handleOnViewMore(e),this.isViewMoreButtonVisible,this.isViewMoreButtonLoading,this.handleSearchCleared)}render(){return r(D||(D=h([' <div\n      class="create-edit-facility-access-container wizard-content"\n    >\n      ','\n\n      <div class="form-wrapper mt-0">\n        '," ",'\n\n        <div class="form-wrapper__fields form-margin">\n          <span>Access Termination Details</span>\n          <div class="col-1">\n            ',"\n          </div>\n        </div>\n\n        ","\n\n        <create-edit-attachments\n          .isEditOn=","\n          .parentState=","\n          .ticketAttachments=",'\n        >\n          <span slot="title">Attachments</span>\n        </create-edit-attachments>\n      </div>\n      <form-footer\n        ?isEditMode=',"\n        .isSubmitting=","\n        .handleCancelClick=","\n        .handleSubmitClick=","\n        .handleNextClick=","\n      ></form-footer>\n    </div>"])),this.renderHeader(),this.renderBadgeHolderDetails(),b(),this.useNewDatePickerComponent?r(y||(y=h(['<ix-date-next\n                  type="default"\n                  label=','\n                  name="badgeEndDate"\n                  required\n                  ?showCalendarOnMouseDown=',"\n                  .value=","\n                  min=","\n                  .onChanged=","\n                  .errorText=","\n                  .disabled=","\n                ></ix-date-next>"])),this.endDateLabel,!0,t.newTicket.endDate,v(0),e=>this.handleEndDateChange(e),this.validations.endDateErrorText,this.isEditOn):r(H||(H=h(['<ix-date\n                  type="default"\n                  label=','\n                  name="badgeEndDate"\n                  required\n                  ?showCalendarOnMouseDown=',"\n                  .value=","\n                  min=","\n                  .onChanged=","\n                  .errorText=","\n                  .disabled=","\n                ></ix-date>"])),this.endDateLabel,!0,t.newTicket.endDate,v(0),e=>this.handleEndDateChange(e),this.validations.endDateErrorText,this.isEditOn),b(),this.isEditOn,{...t,updateAttachments:t.updateAttachments},m.ticketAttachments,this.isEditOn,t.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick())}};n.styles=[_,M],s([u({type:Function})],n.prototype,"onNextButtonClick",void 0),s([u({type:Function})],n.prototype,"onSubmitted",void 0),s([u({type:Function})],n.prototype,"onCancelled",void 0),s([u({type:Boolean})],n.prototype,"isEditOn",void 0),s([l()],n.prototype,"badgeHolderSearchResults",void 0),s([l()],n.prototype,"loadingBadgeHolderSearchResults",void 0),s([l()],n.prototype,"isViewMoreButtonLoading",void 0),s([l()],n.prototype,"pageCount",void 0),s([l()],n.prototype,"isViewMoreButtonVisible",void 0),s([l()],n.prototype,"badgeHolderSearchValue",void 0),s([l()],n.prototype,"validations",void 0),s([E('ix-date-next[name="badgeEndDate"]')],n.prototype,"badgeEndDateField",void 0),n=s([k("create-edit-permanent-badge-terminate-service-ticket")],n);export{n as CreateEditPermanentBadgeTerminateServiceTicket};

package/dist/components/facility-access/permanent-badge/ui-service-management5.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{MobxLitElement as B}from"@adobe/lit-mobx";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-progress/ix-progress.js";import{html as n,nothing as d}from"lit";import{property as c,state as N,customElement as A}from"lit/decorators.js";import{LocationPermissionTypes as P}from"../../../constants/ui-service-management4.js";import{ServiceBackendCodes as q}from"../../../constants/ui-service-management2.js";import{ResultStep as O,SitesAndLocations as R}from"../../../constants/ui-service-management5.js";import{getPermanentBadgeCategoryLabel as F}from"../../../helpers/ui-service-management3.js";import L from"../../../services/ui-service-management4.js";import{permanentBadgeState as i}from"../../../state/ui-service-management8.js";import{serviceTicketState as I}from"../../../state/ui-service-management4.js";import{FacilityAccessStyles as Z}from"../../../styles/ui-service-management6.js";import{ServiceTicketsStyles as j}from"../../../styles/ui-service-management5.js";import{TWStyles as z}from"../../../ui-service-management2.js";import"../ui-service-management2.js";var l=Object.freeze,H=Object.defineProperty,t=(e,s)=>l(H(e,"raw",{value:l(s||e.slice())})),p,u,v,f,y,h,b,g,k,x,T,_,S,w,D,C,E;let a=class extends B{constructor(){super(),this.isEditOn=!1,this.isSubmitting=!1,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=L.showNewDatePickerComponent()}async handleOnSubmit(){if(this.onSubmitted)try{this.isSubmitting=!0,this.isEditOn?await i.submitUpdateTicketRequest():await i.submitNewTicketRequest()}finally{I.ticketStep=O,this.isSubmitting=!1,this.onSubmitted()}}renderRequestType(){return n(p||(p=t([' <div class="fa-summary-form__block">\n      <div class="summary-form__field">\n        <span>Request Type</span>\n        <span>','</span>\n      </div>\n      <div class="summary-form__field">\n        <span>Category</span>\n        <span>\n          ',"\n        </span>\n      </div>\n    </div>"])),i.newTicket.requestType,F(i.newTicket.category))}renderVisitorDetails(){var e;return!((e=i.newTicket.visitors)===null||e===void 0)&&e.length?n(u||(u=t(['<div class="fa-summary-form__block">\n        <span class="pt-2">Badge Holder Details</span>\n      </div>\n      <div class="fa-summary-form__block">\n        <visitors-grid\n          .items=',"\n          .editable=","\n          .showCompany=","\n          .useBadgeHolderText=","\n        ></visitors-grid>\n      </div>"])),i.newTicket.visitors,!1,!0,!0):d}renderRequestedAccessDetails(){var e,s;return n(k||(k=t(['<div class="fa-summary-form__block">\n        <span class="pt-2">Requested Access Details</span>\n        <div class="summary-form__field">\n          <span>Badge Start Date</span>\n          <span>\n            ',"\n          </span>\n        </div>\n\n        ",'\n      </div>\n\n      <div class="fa-summary-form__block">\n        <span class="pt-2">',"</span>\n      </div>\n\n      "," "])),this.useNewDatePickerComponent===!0?n(v||(v=t(['<ix-date-next\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date-next>"])),i.newTicket.startDate,!0):n(f||(f=t(['<ix-date\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date>"])),i.newTicket.startDate,!0),i.newTicket.endDate?n(b||(b=t(['<div class="summary-form__field">\n              <span>Badge Expiration Date</span>\n              <span>\n                ',"\n              </span>\n            </div>"])),this.useNewDatePickerComponent===!0?n(y||(y=t(['<ix-date-next\n                      type="static"\n                      .value=',"\n                      .noTimeZoneConversion=","\n                    >\n                    </ix-date-next>"])),i.newTicket.endDate,!0):n(h||(h=t(['<ix-date\n                      type="static"\n                      .value=',"\n                      .noTimeZoneConversion=","\n                    >\n                    </ix-date>"])),i.newTicket.endDate,!0)):d,R,(s=(e=i.newTicket)===null||e===void 0?void 0:e.sitesDetails)===null||s===void 0?void 0:s.map(o=>n(g||(g=t(['<div class="fa-summary-form__block">\n          <facility-access-summary-site-grid\n            .items=',"\n            .site=","\n            .greyOutParentLocations=","\n            .locationPermissionType=","\n          ></facility-access-summary-site-grid>\n        </div>"])),o.locations.map(m=>({id:m.id,startDate:m.startDate,endDate:m.endDate})),{siteId:o.site.siteId,displayName:o.site.displayName},o.serviceBackend===q.ServiceNow,P.PermanentBadge)))}renderContacts(){const e=i.newTicket.contacts;return n(T||(T=t(["<span\n      >","\n    </span>"])),e?e==null?void 0:e.split(",").map(s=>n(x||(x=t(["<ix-chip label=",' appearance="suggestion"></ix-chip\n                  >&nbsp;'])),s)):d)}renderNotificationsAttachments(){var e;return n(S||(S=t(['<div class="fa-summary-form__block">\n      <span class="pt-2">Notifications & Attachments</span>\n\n      <div class="summary-form__field">\n        <span>Email Notifications</span>\n        ','\n      </div>\n\n      <div class="summary-form__field">\n        <span>Attachments</span>\n        <div>\n          ',"\n        </div>\n      </div>\n    </div>"])),this.renderContacts(),(e=i.newTicket.attachments)===null||e===void 0?void 0:e.map(s=>n(_||(_=t(['<div class="attachments-file-summary">',"</div>"])),s.fileName)))}renderFormFields(){return i.loadings.isSubmitting?n(w||(w=t(['<div class="w-full flex justify-center mt-12 pr-4">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):n(D||(D=t([' <div class="form-wrapper pr-4">\n      <div class="fa-summary-form">\n        ',"\n        <ix-divider></ix-divider>\n        ","\n        <ix-divider></ix-divider>\n        ","\n        <ix-divider></ix-divider>\n        ","\n      </div>\n    </div>"])),this.renderRequestType(),this.renderVisitorDetails(),this.renderRequestedAccessDetails(),this.renderNotificationsAttachments())}render(){return n(E||(E=t(['<div class="wizard-content form-margin">\n      <div class="pr-4">\n        <h1 class="dlr-text-page-title">\n          ',' Facility Access Service Ticket\n        </h1>\n\n        <div class="sub-header">\n          <h3 class="dlr-text-heading">Are the details correct?</h3>\n\n          <div class="sub-header__action-buttons">\n            ','\n\n            <ix-button\n              type="submit"\n              has-icon\n              trailing-icon\n              @click=',"\n              ?submitting=",'\n            >\n              <md-icon slot="icon">east</md-icon>\n              <span class="button-label">YES, SUBMIT</span>\n            </ix-button>\n          </div>\n        </div>\n      </div>\n\n      ',"\n    </div>"])),this.isEditOn?"Edit":"Create",this.isSubmitting?d:n(C||(C=t(['\n                  <ix-button\n                    type="button"\n                    has-icon\n                    trailing-icon\n                    appearance="outlined"\n                    @click=','\n                  >\n                    <span class="button-label">EDIT DETAILS</span>\n                  </ix-button>\n                '])),()=>this.onEditButtonClicked()),this.handleOnSubmit,this.isSubmitting,this.renderFormFields())}};a.styles=[j,Z,z],r([c({type:Function})],a.prototype,"onEditButtonClicked",void 0),r([c({type:Function})],a.prototype,"onSubmitted",void 0),r([c({type:Boolean})],a.prototype,"isEditOn",void 0),r([N()],a.prototype,"isSubmitting",void 0),a=r([A("create-edit-permanent-badge-summary")],a);export{a as CreateEditPermanentBadgeSummary};

package/dist/components/facility-access/permanent-badge/ui-service-management6.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{MobxLitElement as S}from"@adobe/lit-mobx";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-progress/ix-progress.js";import{html as e,nothing as o}from"lit";import{property as d,state as k,customElement as w}from"lit/decorators.js";import{ResultStep as D}from"../../../constants/ui-service-management5.js";import{getPermanentBadgeCategoryLabel as E}from"../../../helpers/ui-service-management3.js";import C from"../../../services/ui-service-management4.js";import{permanentBadgeState as n}from"../../../state/ui-service-management8.js";import{serviceTicketState as B}from"../../../state/ui-service-management4.js";import{ServiceTicketsStyles as _}from"../../../styles/ui-service-management5.js";import{TWStyles as A}from"../../../ui-service-management2.js";import"../ui-service-management2.js";var m=Object.freeze,O=Object.defineProperty,t=(i,a)=>m(O(i,"raw",{value:m(a||i.slice())})),c,l,p,u,v,h,y,b,g,f,T,x;let s=class extends S{constructor(){super(),this.isEditOn=!1,this.isSubmitting=!1,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=C.showNewDatePickerComponent()}async handleOnSubmit(){if(this.onSubmitted)try{this.isSubmitting=!0,this.isEditOn?await n.submitUpdateTicketRequest():await n.submitNewTicketRequest()}finally{B.ticketStep=D,this.isSubmitting=!1,this.onSubmitted()}}renderRequestType(){return e(c||(c=t(['<div class="summary-form__field">\n        <span>Request Type</span>\n        <span>','</span>\n      </div>\n      <div class="summary-form__field">\n        <span>Category</span>\n        <span>\n          ',"\n        </span>\n      </div>"])),n.newTicket.requestType,E(n.newTicket.category))}renderBadgeHolderDetails(){var i;return!((i=n.newTicket.visitors)===null||i===void 0)&&i.length?e(l||(l=t(["\n      <div>Badge Holder Details</div>\n      <visitors-grid\n        .items=","\n        .editable=","\n        .showCompany=","\n        useBadgeHolderText\n      ></visitors-grid>\n    "])),n.newTicket.visitors,!1,!0):o}renderAccessTerminationDetails(){return e(h||(h=t(["\n      <span>Access Termination Details</span>\n      ","\n    "])),n.newTicket.endDate?e(v||(v=t(['<div class="summary-form__field">\n            <span>Badge End Date</span>\n            <span>\n              ',"\n            </span>\n          </div>"])),this.useNewDatePickerComponent===!0?e(p||(p=t(['<ix-date-next\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date-next>"])),n.newTicket.endDate,!0):e(u||(u=t(['<ix-date\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),n.newTicket.endDate,!0)):o)}renderAttachments(){var i;return e(b||(b=t([' <span>Attachments</span>\n      <div class="summary-form__field">\n        <span>Attachments</span>\n        <div>\n          ',"\n        </div>\n      </div>"])),(i=n.newTicket.attachments)===null||i===void 0?void 0:i.map(a=>e(y||(y=t(['<div class="attachments-file-summary">',"</div>"])),a.fileName)))}renderFormFields(){return n.loadings.isSubmitting?e(g||(g=t(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):e(f||(f=t(['<div class="form-wrapper">\n      <div class="summary-form">\n        ',"\n\n        <ix-divider></ix-divider>\n\n        ","\n\n        <ix-divider></ix-divider>\n\n        ","\n\n        <ix-divider></ix-divider>\n\n        ","\n      </div>\n    </div>"])),this.renderRequestType(),this.renderBadgeHolderDetails(),this.renderAccessTerminationDetails(),this.renderAttachments())}render(){return e(x||(x=t(['<div class="wizard-content">\n      <div>\n        <h1 class="dlr-text-page-title">\n          ',' Facility Access Service Ticket\n        </h1>\n\n        <div class="sub-header">\n          <h3 class="dlr-text-heading">Are the details correct?</h3>\n\n          <div class="sub-header__action-buttons">\n            ','\n\n            <ix-button\n              type="submit"\n              has-icon\n              trailing-icon\n              @click=',"\n              ?submitting=",'\n            >\n              <md-icon slot="icon">east</md-icon>\n              <span class="button-label">YES, SUBMIT</span>\n            </ix-button>\n          </div>\n        </div>\n      </div>\n\n      ',"\n    </div>"])),this.isEditOn?"Edit":"Create",this.isSubmitting?o:e(T||(T=t(['\n                  <ix-button\n                    type="button"\n                    has-icon\n                    trailing-icon\n                    appearance="outlined"\n                    @click=','\n                  >\n                    <span class="button-label">EDIT DETAILS</span>\n                  </ix-button>\n                '])),()=>this.onEditButtonClicked()),this.handleOnSubmit,this.isSubmitting,this.renderFormFields())}};s.styles=[_,A],r([d({type:Function})],s.prototype,"onEditButtonClicked",void 0),r([d({type:Function})],s.prototype,"onSubmitted",void 0),r([d({type:Boolean})],s.prototype,"isEditOn",void 0),r([k()],s.prototype,"isSubmitting",void 0),s=r([w("create-edit-permanent-badge-terminate-summary")],s);export{s as CreateEditPermanentBadgeTerminateSummary};

package/dist/components/facility-access/pop/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as C}from"tslib";import{MobxLitElement as f}from"@adobe/lit-mobx";import{nothing as s,html as n}from"lit";import{customElement as k}from"lit/decorators.js";import{until as T}from"lit-html/directives/until.js";import{ApplicationEvents as d}from"../../../constants/ui-service-management.js";import{CancelButtonText as b,EditButtonText as E}from"../../../constants/ui-service-management5.js";import{SharedTicketStatus as l,FacilityAccessTicketStatus as g}from"../../../enums/ui-service-management.js";import{hasPopAccessUpdatePermission as P}from"../../../services/ui-service-management5.js";import{isInsite as w}from"../../../services/ui-service-management6.js";import{serviceTicketState as x}from"../../../state/ui-service-management4.js";import{TWStyles as B}from"../../../ui-service-management2.js";import{popAccessState as i}from"../../../state/ui-service-management5.js";var p=Object.freeze,U=Object.defineProperty,o=(t,e)=>p(U(t,"raw",{value:p(e||t.slice())})),m,u,h,v;let r=class extends f{constructor(){super(...arguments),this.hasUpdatePermission=void 0}async getUpdatePermissions(){var t,e,a,c;this.hasUpdatePermission!==void 0||!(!((c=(a=(e=(t=i.selectedTicket)===null||t===void 0?void 0:t.sitesDetails)===null||e===void 0?void 0:e[0])===null||a===void 0?void 0:a.locations)===null||c===void 0)&&c.length)||(this.hasUpdatePermission=await P(i.selectedTicket.site))}get canCancel(){var t;return!w(i.selectedTicket.id)||!(!((t=i.selectedTicket)===null||t===void 0)&&t.state)?!1:[l.InProgress.toLowerCase(),g.Approved.toLowerCase()].includes(i.selectedTicket.state.toLowerCase())}get canEdit(){var t;return!((t=i.selectedTicket)===null||t===void 0)&&t.state?![l.Cancelled.toLowerCase(),l.Completed.toLowerCase()].includes(i.selectedTicket.state.toLowerCase()):!1}dispatchClickEvent(t){const e=new CustomEvent(t,{bubbles:!0,composed:!0});this.dispatchEvent(e)}renderCancelBtn(){return!this.hasUpdatePermission||!this.canCancel?s:n(m||(m=o(['<ix-button\n      class="cancel"\n      appearance="outlined"\n      name="cancelBtn"\n      @click=','\n    >\n      <span class="button-label">',"</span>\n    </ix-button>"])),()=>{this.dispatchClickEvent(d.CancelTicket)},b)}renderEditBtn(){return!this.hasUpdatePermission||!this.canEdit?s:n(u||(u=o(['<ix-button\n      name="edit-button"\n      @click=','\n      has-icon\n    >\n      <md-icon slot="icon">edit</md-icon>\n      <span>',"</span>\n    </ix-button>"])),()=>{this.dispatchClickEvent(d.EditTicket)},E)}render(){return x.loadings.isTicketCancelling?s:n(v||(v=o(['<div class="w-fit flex gap-2">\n      ',"\n    </div>"])),T(this.getUpdatePermissions().then(()=>n(h||(h=o(["","",""])),this.renderCancelBtn(),this.renderEditBtn())),s))}};r.styles=[B],r=C([k("pop-access-button-group")],r);export{r as PopAccessButtonGroup};

package/dist/components/facility-access/pop/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as a}from"tslib";import{html as c,nothing as h}from"lit";import{property as l,customElement as S}from"lit/decorators.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{ServiceTicketsStyles as y}from"../../../styles/ui-service-management5.js";import{popAccessState as e}from"../../../state/ui-service-management5.js";import"../osp-pop/ui-service-management.js";import"../ui-service-management6.js";import"../ui-service-management7.js";import"./ui-service-management5.js";import"../ui-service-management8.js";import"./ui-service-management6.js";import"../ui-service-management9.js";import{FacilityAccessStyles as f}from"../../../styles/ui-service-management6.js";import{ServiceTicketFormBase as D}from"../../shared/ui-service-management16.js";import{TWStyles as E}from"../../../ui-service-management2.js";import{LocationPermissionTypes as O,LocationPrivilegeLevels as g}from"../../../constants/ui-service-management4.js";import{FacilityAccessTicketStatus as w}from"../../../enums/ui-service-management.js";import{getPopsBySite as q}from"../../../services/ui-service-management5.js";import{getAllowedSitesWithPopSpaceInfo as T}from"../../../services/ui-service-management11.js";import b from"../../../services/ui-service-management19.js";import{ospPopMaxDurationDays as x}from"../../../constants/ui-service-management9.js";import{wrappedDivider as k}from"../../../helpers/ui-service-management22.js";import"../../shared/ui-service-management17.js";var p=Object.freeze,L=Object.defineProperty,d=(t,i)=>p(L(t,"raw",{value:p(i||t.slice())})),m,u,v;let s=class extends D{constructor(){super(...arguments),this.isEditOn=!1,this.addSitesDetail=e.addSiteLocations.bind(e),this.removeSitesDetail=e.removeSiteLocations.bind(e),this.updateValidationState=e.isRequestedAccessDetailsValid.bind(e),this.getSiteLocations=async t=>(await q(t.siteId)).map(i=>({id:i.id,name:i.name})),this.getSites=async()=>(await T(g.Create)).map(t=>({siteId:t.siteId,displayName:t.displayName,disabled:!t.hasSpaces,accountNumber:t.accountNumber}))}firstUpdated(){this.isEditOn||e.createTicket()}get visitorContactInputsSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("visitor-contact-inputs-section")}get escortedVisitorInputsSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("escorted-visitor-inputs-section")}get visitorHost(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("visitor-host-section")}get requestedAccessDetailsSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("requested-access-details-section")}get popRequestedAccessSection(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("pop-requested-access-section")}handleNextClick(){var t,i,o,n,r;(t=this.visitorContactInputsSection)===null||t===void 0||t.validateForm(),(i=this.escortedVisitorInputsSection)===null||i===void 0||i.validateForm(),(o=this.visitorHost)===null||o===void 0||o.validateForm(),(n=this.requestedAccessDetailsSection)===null||n===void 0||n.validateForm(),(r=this.popRequestedAccessSection)===null||r===void 0||r.validateForm(),this.requestUpdate(),e.isNewTicketValid&&this.onNextButtonClick()}renderHeader(){return c(u||(u=d(['\n      <div class="create-edit-facility-access-container__header form-margin">\n        <div class="flex flex-col">\n          <h3 class="dlr-text-page-title ','">\n            '," Facility Access Service Ticket\n            ",'\n          </h3>\n\n          <div class="sub-header dlr-text-heading">\n            <h3 class="my-10">Request Type</h3>\n            <span class="italic dlr-text-small"> *denotes required field </span>\n          </div>\n\n          <span>POP Access</span>\n          <ix-divider></ix-divider>\n        </div>\n      </div>\n    '])),this.isEditOn?"":"mb-6",this.isEditOn?"Edit":"Create",this.isEditOn?(e===null||e===void 0?void 0:e.selectedTicket)&&c(m||(m=d([" <span>#","</div> "])),e===null||e===void 0?void 0:e.selectedTicket.id):h)}render(){return c(v||(v=d(['<div\n      class="create-edit-facility-access-container wizard-content"\n    >\n      ','\n      <div class="form-wrapper mt-0">\n        <visitor-contact-inputs-section\n          .isEditOn=',"\n          .parentState=","\n          .hideVisitorCount=","\n        ></visitor-contact-inputs-section>\n\n        <br />\n\n        <escorted-visitor-inputs-section\n          .isEditOn=","\n          .parentState=","\n          .showVisitorBadgeType=","\n        ></escorted-visitor-inputs-section>\n\n        ","\n\n        <requested-access-details-section\n          ?editable=",'\n          endDateLabel="End Date"\n          startDateLabel="Start Date"\n          .showLocationDates=',"\n          .showLocationTimes=","\n          .useSiteTimeZone=","\n          .sitesDetails=","\n          .addSitesDetail=","\n          .removeSitesDetail=","\n          .updateValidationState=","\n          .permissionType=","\n          .showStartEndDate=","\n          .showVisitorHost=","\n          .showColumnHeaders=","\n          useLocationName\n          .getSiteLocations=","\n          .startDateMaxDaysInFuture=","\n          .maxDurationInDays=","\n          requireEndDate\n          ?disableSiteSelection=","\n          ?disableLocationSelection=","\n          .getSites=","\n          .disabledOptionSupportingText=","\n        >\n        </requested-access-details-section>\n\n        <br />\n\n        <visitor-host-section\n          .parentState=","\n          ?isEditOn=","\n        ></visitor-host-section>\n\n        <br />\n\n        <pop-requested-access-section\n          ?isEditOn=","\n        ></pop-requested-access-section>\n      </div>\n\n      <form-footer\n        .handleNextClick=","\n      ></form-footer>\n    </div>"])),this.renderHeader(),this.isEditOn,e,!0,this.isEditOn,e,!1,k(),!this.isEditOn||e.newTicket.status===w.Approved,!0,!0,!0,e.newTicket.sitesDetails,this.addSitesDetail,this.removeSitesDetail,this.updateValidationState,O.POPPOEAccess,!1,!1,!0,this.getSiteLocations,b.PopLocationsMaxStartDateFromToday(),x,this.isEditOn,this.isEditOn,this.getSites,"Pop/POE is not supported for this site.",e,this.isEditOn,this.isEditOn,()=>this.handleNextClick())}};s.styles=[y,f,E],a([l({type:Function})],s.prototype,"onNextButtonClick",void 0),a([l({type:Boolean})],s.prototype,"isEditOn",void 0),s=a([S("create-edit-pop-access-service-ticket")],s);export{s as CreateEditPopAccessServiceTicket};

package/dist/components/facility-access/pop/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as n}from"tslib";import{html as s,nothing as v}from"lit";import{property as o,customElement as u}from"lit/decorators.js";import"@digital-realty/ix-textbox/ix-textbox.js";import"@digital-realty/ix-divider/ix-divider.js";import{ServiceTicketsStyles as f}from"../../../styles/ui-service-management5.js";import{popAccessState as t}from"../../../state/ui-service-management5.js";import{serviceTicketState as a}from"../../../state/ui-service-management4.js";import"./ui-service-management5.js";import"./ui-service-management7.js";import"../ui-service-management8.js";import"./ui-service-management8.js";import{FacilityAccessStyles as y}from"../../../styles/ui-service-management6.js";import{ServiceTicketFormBase as S}from"../../shared/ui-service-management16.js";import{TWStyles as k}from"../../../ui-service-management2.js";import{FacilityAccessTicketStatus as A}from"../../../enums/ui-service-management.js";import{wrappedDivider as c}from"../../../helpers/ui-service-management22.js";import{ResultStep as O}from"../../../constants/ui-service-management5.js";import"../../shared/ui-service-management17.js";var d=Object.freeze,E=Object.defineProperty,r=(i,h)=>d(E(i,"raw",{value:d(h||i.slice())})),l,p,m;let e=class extends S{constructor(){super(...arguments),this.isEditOn=!1}get popRoomWorkSection(){var i;return(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector("pop-room-work-section")}get notificationsAttachmentsSection(){return this.shadowRoot.querySelector("notifications-attachments-section")}get isApproved(){return t.newTicket.status===A.Approved}validateFields(){var i;this.popRoomWorkSection.validateForm(),(i=this.notificationsAttachmentsSection)===null||i===void 0||i.validateForm(),this.requestUpdate()}async handleOnSubmit(){if(this.onSubmitted&&this.isEditOn){if(this.validateFields(),!t.isAdditionalComponentValid)return;try{await t.submitUpdateTicketRequest()}finally{a.ticketStep=O,this.onSubmitted()}}}handleNextClick(){this.validateFields(),t.isAdditionalComponentValid&&this.onNextButtonClick()}renderHeader(){return s(p||(p=r(['\n      <div class="create-edit-facility-access-container__header form-margin">\n        <div class="flex flex-col">\n          <h3 class="dlr-text-page-title ','">\n            '," Facility Access Service Ticket\n            ",'\n          </h3>\n\n          <div class="sub-header dlr-text-heading">\n            <h3 class="my-10">Request Type</h3>\n            <span class="italic dlr-text-small"> *denotes required field </span>\n          </div>\n\n          <span>POP Access</span>\n          <ix-divider></ix-divider>\n        </div>\n      </div>\n    '])),this.isEditOn?"":"mb-6",this.isEditOn?"Edit":"Create",this.isEditOn?(t===null||t===void 0?void 0:t.selectedTicket)&&s(l||(l=r([" <span>#","</span> "])),t===null||t===void 0?void 0:t.selectedTicket.id):v)}render(){return s(m||(m=r([' <div\n      class="create-edit-facility-access-container wizard-content"\n    >\n      ','\n      <div class="form-wrapper">\n        <pop-customer-space-section\n          ?readonly=',"\n        ></pop-customer-space-section>\n\n        ","\n\n        <pop-room-work-section\n          ?readonly=","\n        ></pop-room-work-section>\n\n        ","\n\n        <notifications-attachments-section\n          .isEditOn=","\n          .parentState=","\n          .ticketAttachments=","\n        ></notifications-attachments-section>\n\n        <br />\n\n        <form-footer\n          ?isEditMode=","\n          .isSubmitting=","\n          .handleCancelClick=","\n          .handleSubmitClick=","\n          .handleNextClick=","\n        ></form-footer>\n      </div>\n    </div>"])),this.renderHeader(),this.isEditOn&&!this.isApproved,c(),this.isEditOn&&!this.isApproved,c(),this.isEditOn,t,a.ticketAttachments,this.isEditOn,t.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick())}};e.styles=[f,y,k],n([o({type:Function})],e.prototype,"onNextButtonClick",void 0),n([o({type:Function})],e.prototype,"onSubmitted",void 0),n([o({type:Function})],e.prototype,"onCancelled",void 0),n([o({type:Boolean})],e.prototype,"isEditOn",void 0),e=n([u("create-edit-pop-access-service-ticket-additional")],e);export{e as CreateEditPopAccessServiceTicketAdditional};

package/dist/components/facility-access/pop/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as c}from"tslib";import{MobxLitElement as J}from"@adobe/lit-mobx";import{html as e,nothing as r}from"lit";import{property as l,state as K,customElement as Q}from"lit/decorators.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-grid/ix-grid.js";import{ResultStep as X}from"../../../constants/ui-service-management5.js";import{serviceTicketState as Z}from"../../../state/ui-service-management4.js";import{visitorAccessState as $}from"../../../state/ui-service-management7.js";import{FacilityAccessStyles as nn}from"../../../styles/ui-service-management6.js";import{ServiceTicketsStyles as en}from"../../../styles/ui-service-management5.js";import{TWStyles as sn}from"../../../ui-service-management2.js";import"../ui-service-management3.js";import"../ui-service-management2.js";import{popAccessState as i}from"../../../state/ui-service-management5.js";import{formatOptionalProperty as y,boolToYesNo as d}from"../../../helpers/ui-service-management11.js";import{buildRowsForCircuit as tn,getCircuitColumns as rn}from"../../../helpers/ui-service-management9.js";import{anyPPopSpaces as v,anySPopSpaces as u,getPopColumns as _}from"../../../helpers/ui-service-management10.js";import"../../../api/facility-access-api/ui-service-management.js";import{POPAccessTicketResponseServiceDetailsServiceTypeEnum as f}from"../../../api/facility-access-api/models/ui-service-management30.js";var h=Object.freeze,an=Object.defineProperty,s=(n,t)=>h(an(n,"raw",{value:h(t||n.slice())})),b,k,w,T,S,g,x,C,R,E,D,P,N,F,A,I,O,L,q,H,V,W,B,j,z,G,U,M;let o=class extends J{constructor(){super(...arguments),this.isEditOn=!1,this.isSubmitting=!1}async handleOnSubmit(){if(this.onSubmitted)try{this.isSubmitting=!0,this.isEditOn?await i.submitUpdateTicketRequest():await i.submitNewTicketRequest()}finally{Z.ticketStep=X,this.isSubmitting=!1,this.onSubmitted()}}renderRequestType(){return e(b||(b=s([' <div class="fa-summary-form__block">\n      <div>\n        <span class="text-xl font-bold"><b>Request Type</b></span>\n        <div>',"</div>\n      </div>\n    </div>"])),i.newTicket.requestType)}renderVisitorDetails(){var n;return!((n=i.newTicket.visitors)===null||n===void 0)&&n.length?e(k||(k=s([' <div class="fa-summary-form__block">\n        <div>Visitor Details</div>\n      </div>\n      <div class="fa-summary-form__block">\n        <visitors-grid\n          .items=',"\n          .editable=","\n          .showCompany=","\n          .showVisitorType=",'\n          .useBadgeHolderText="false"\n        ></visitors-grid>\n      </div>'])),i.newTicket.visitors,!1,!0,!0):r}renderVisitorType(){return e(w||(w=s([' <div class="fa-summary-form__block">\n      <div class="summary-form__field">\n        <span>Visit Type</span>\n        <span>Escorted visitor</span>\n      </div>\n\n      ',"\n    </div>"])),this.renderEscortName())}renderEscortName(){return e(T||(T=s([' <div class="summary-form__field">\n        <span>Escort First Name</span>\n        <span>','</span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Escort Last Name</span>\n        <span>',"</span>\n      </div>"])),i.newTicket.escortFirstName,i.newTicket.escortLastName)}renderVisitorHostDetails(){return e(S||(S=s([' <div class="fa-summary-form__block">\n      <span>Visitor Host</span>\n\n      <div class="summary-form__field">\n        <span>Host First Name</span>\n        <span>','</span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Host Last Name</span>\n        <span>',"</span>\n      </div>\n    </div>"])),i.newTicket.hostFirstName,i.newTicket.hostLastName)}renderCircuitGrids(){var n;const t=i.newTicket,a=((n=t.circuits)===null||n===void 0?void 0:n.length)||0;return Array.from({length:a},(m,p)=>{const Y=tn(t.circuits[p]);return e(g||(g=s(['\n        <div class="fa-summary-form__block">\n          <div class="font-bold text-sm mb-2">Circuit ','</div>\n          <ix-grid\n            style="overflow: auto"\n            column-reordering-allowed\n            .columns=',"\n            .rows=","\n            .hideHeader=","\n            .rowLimit=","\n          ></ix-grid>\n        </div>\n      "])),p+1,rn(p),Y,!0,2)})}renderRequestedAccessDetails(){var n,t;return e(E||(E=s(['\n      <div class="fa-summary-form__block">\n        <span>Requested Access Details</span>\n\n        ',"\n        ",'\n\n        <ix-divider></ix-divider>\n\n        <div class="fa-summary-form__block">\n          <div class="summary-form__field">\n            <span>Customer External Reference</span>\n            <span data-testid="customer-external-reference"\n              >','</span\n            >\n          </div>\n\n          <div class="summary-form__field">\n            <span>Service Impacted</span>\n            <span\n              >',"</span\n            >\n          </div>\n\n          ",'\n\n          <div class="summary-form__field">\n            <span>Service Type</span>\n            <span>',"</span>\n          </div>\n\n          ","\n          ","\n        </div>\n      </div>\n    "])),(t=(n=i.newTicket)===null||n===void 0?void 0:n.sitesDetails)===null||t===void 0?void 0:t.map(a=>e(x||(x=s(['<div class="fa-summary-form__block">\n            <requested-location-details-grid\n              .items=',"\n              .site=","\n              .editable=","\n              showColumnHeaders\n              showLocationDates\n              useLocationName\n            ></requested-location-details-grid>\n          </div>"])),a==null?void 0:a.locations,a.site,!1)),this.renderVisitorHostDetails(),y(i.newTicket.customerExternalReference),d(i.newTicket.isServiceImpacted),i.newTicket.isServiceImpacted?e(C||(C=s([' <div\n                class="summary-form__field"\n                data-testid="service-impact-description"\n              >\n                <span>Service Impact Description</span>\n                <span\n                  >',"</span\n                >\n              </div>"])),i.newTicket.serviceImpactDescription):r,i.newTicket.serviceType,this.renderScope(),i.newTicket.isCrossConnectInstallation?e(R||(R=s([' <div\n                  class="summary-form__field"\n                  data-testid="description-of-work"\n                >\n                  <span>Description of work</span>\n                  <span\n                    >',"</span\n                  >\n                </div>\n                ",""])),y(i.newTicket.descriptionOfWork),this.renderCircuitGrids()):r)}renderScope(){switch(i.newTicket.serviceType){case f.InstallationDeInstallationWork:return e(D||(D=s(['<div class="summary-form__field">\n          <span>Cross Connect/Patch Cable installation or Removal</span>\n          <span\n            >',"</span\n          >\n        </div>"])),d(i.newTicket.isCrossConnectInstallation));case f.SiteSurvey:return e(P||(P=s(['<div class="summary-form__field">\n          <span>Scope of Survey</span>\n          <span>',"</span>\n        </div>"])),i.newTicket.scope);case f.Testing:return e(N||(N=s(['<div class="summary-form__field">\n          <span>Scope of Testing</span>\n          <span>',"</span>\n        </div>"])),i.newTicket.scope);default:return r}}renderContacts(){const n=i.newTicket.contacts;return e(A||(A=s(["<span\n      >","\n    </span>"])),n?n==null?void 0:n.split(",").map(t=>e(F||(F=s([" <ix-chip label=",' appearance="suggestion"></ix-chip\n                  >&nbsp;'])),t)):"-")}renderNotificationsAttachments(){var n,t;return e(O||(O=s([' <div class="fa-summary-form__block">\n      <span>Notifications & Attachments</span>\n      <div class="summary-form__field">\n        <span>Email Notifications</span>\n        ','\n      </div>\n\n      <div class="summary-form__field">\n        <span>Attachments</span>\n        <div>\n          ',"\n        </div>\n      </div>\n    </div>"])),this.renderContacts(),!((n=i.newTicket.attachments)===null||n===void 0)&&n.length?(t=i.newTicket.attachments)===null||t===void 0?void 0:t.map(a=>e(I||(I=s([' <div class="attachments-file-summary">\n                    ',"\n                  </div>"])),a.fileName)):"-")}renderPopDetails(){const n=i.newTicket;return!v(n)&&!u(n)?r:e(V||(V=s(['\n      <div class="mb-4">Customer Space in PoP Room</div>\n\n      ',"\n\n      ","\n\n      ","\n      </div>\n    "])),v(n)?e(L||(L=s([' <ix-grid\n              style="overflow: scroll"\n              column-reordering-allowed\n              .columns=',"\n              .rows=","\n              .hideHeader=","\n              .rowLimit=","\n            ></ix-grid>"])),_("ppop"),i.newTicket.ppopSpaces,!0,50):r,v(n)&&u(n)?e(q||(q=s(["<br />"]))):r,u(n)?e(H||(H=s([' <ix-grid\n              style="overflow: scroll"\n              column-reordering-allowed\n              .columns=',"\n              .rows=","\n              .hideHeader=","\n              .rowLimit=","\n            ></ix-grid>"])),_("spop"),i.newTicket.spopSpaces,!0,50):r)}renderRoomWorkSection(n){const t=i.newTicket,a=n.toUpperCase(),m={ppop:"isPpopCableRunOutside",spop:"isSpopCableRunOutside"};return e(B||(B=s(['\n      <div class="fa-summary-form__block">\n        <span>',' Room Work</span>\n        <div class="summary-form__field">\n          <span\n            >Cable will be run outside of cabinet or rack through common\n            area</span\n          >\n          <span>',"</span>\n        </div>\n        ","\n      </div>\n    "])),a,d(t[m[n]]),t[m[n]]?e(W||(W=s(['<div data-testid="','-cable-run-info">\n              <div class="summary-form__field">\n                <span>From which room, rack, panel?</span>\n                <span>','</span>\n              </div>\n              <div class="summary-form__field">\n                <span>To which room, rack, panel?</span>\n                <span>','</span>\n              </div>\n              <div class="summary-form__field">\n                <span>Cable Type</span>\n                <span class="capitalize">','</span>\n              </div>\n              <div class="summary-form__field">\n                <span>On Ladder-rack</span>\n                <span>','</span>\n              </div>\n              <div class="summary-form__field">\n                <span>In Inner-duct</span>\n                <span>','</span>\n              </div>\n              <div class="summary-form__field">\n                <span>In Fiber-guide</span>\n                <span>',"</span>\n              </div>\n            </div>"])),n,t["".concat(n,"FromRackPanel")],t["".concat(n,"ToRackPanel")],t["".concat(n,"CableType")],d(t["".concat(n,"LadderRack")]),d(t["".concat(n,"InnerDuct")]),d(t["".concat(n,"FiberGuide")])):r)}renderRoomWork(){return e(j||(j=s(["\n      ","\n      ","\n    "])),this.renderRoomWorkSection("ppop"),this.renderRoomWorkSection("spop"))}renderFormFields(){return $.loadings.isSubmitting?e(z||(z=s([' <div class="w-full flex justify-center mt-12 pr-4">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):e(G||(G=s([' <div class="form-wrapper pr-4">\n      <div class="fa-summary-form">\n        ',"\n\n        <ix-divider></ix-divider>\n\n        "," ","\n\n        <ix-divider></ix-divider>\n\n        ",'\n\n        <ix-divider></ix-divider>\n\n        <div class="fa-summary-form__block">\n          <div class="mb-4">POP Details</div>\n        </div>\n\n        '," ","\n\n        <ix-divider></ix-divider>\n\n        ","\n      </div>\n    </div>"])),this.renderRequestType(),this.renderVisitorDetails(),this.renderVisitorType(),this.renderRequestedAccessDetails(),this.renderPopDetails(),this.renderRoomWork(),this.renderNotificationsAttachments())}render(){return e(M||(M=s([' <div class="wizard-content form-margin">\n      <div class="pr-4">\n        <h1 class="dlr-text-page-title">\n          ',' Facility Access Service Ticket\n        </h1>\n\n        <div class="sub-header items-start">\n          <h3 class="dlr-text-heading">Are the details correct?</h3>\n          <div class="sub-header__action-buttons">\n            ','\n\n            <ix-button\n              name="submit"\n              type="button"\n              has-icon\n              trailing-icon\n              @click=',"\n              ?submitting=",'\n            >\n              <md-icon slot="icon">east</md-icon>\n              <span class="button-label">YES, SUBMIT</span>\n            </ix-button>\n          </div>\n        </div>\n      </div>\n\n      ',"\n    </div>"])),this.isEditOn?"Edit":"Create",this.isSubmitting?r:e(U||(U=s(['\n                  <ix-button\n                    name="edit"\n                    type="button"\n                    has-icon\n                    trailing-icon\n                    appearance="outlined"\n                    @click=','\n                  >\n                    <span class="button-label">EDIT DETAILS</span>\n                  </ix-button>\n                '])),()=>this.onEditButtonClicked()),this.handleOnSubmit,this.isSubmitting,this.renderFormFields())}};o.styles=[en,nn,sn],c([l({type:Function})],o.prototype,"onEditButtonClicked",void 0),c([l({type:Function})],o.prototype,"onSubmitted",void 0),c([l({type:Boolean})],o.prototype,"isEditOn",void 0),c([K()],o.prototype,"isSubmitting",void 0),o=c([Q("create-edit-pop-access-summary")],o);export{o as CreateEditPopAccessSummary};

package/dist/components/facility-access/pop/ui-service-management5.js

@@ -0,0 +1 @@
+import{__decorate as d}from"tslib";import{html as s,nothing as l}from"lit";import{MobxLitElement as k}from"@adobe/lit-mobx";import{property as f,customElement as g}from"lit/decorators.js";import{popAccessState as t}from"../../../state/ui-service-management5.js";import{ServiceTicketsStyles as C}from"../../../styles/ui-service-management5.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-accordion/ix-accordion.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{FacilityAccessStyles as _}from"../../../styles/ui-service-management6.js";import"../ui-service-management12.js";import"../ui-service-management2.js";import{DeleteIconDisabled as r,DeleteIcon as x}from"../../shared/ui-service-management11.js";import{TWStyles as y}from"../../../ui-service-management2.js";var h=Object.freeze,T=Object.defineProperty,o=(e,n)=>h(T(e,"raw",{value:h(n||e.slice())})),b,v,m,u,S,P,w;let p=class extends k{constructor(){super(...arguments),this.readonly=!1}validateForm(){this.requestUpdate()}handleCreatePPopSet(){var e;(e=t.newTicket.ppopSpaces)===null||e===void 0||e.push({})}handleCreateSPopSet(){var e;(e=t.newTicket.spopSpaces)===null||e===void 0||e.push({})}async handleDeleteSet(e,n){n==="ppop"?t.newTicket.ppopSpaces.splice(e,1):t.newTicket.spopSpaces.splice(e,1)}handlePPopRackChange(e,n){t.newTicket.ppopSpaces[n].rack=e}handlePPopCabinetChange(e,n){t.newTicket.ppopSpaces[n].cabinet=e}handleSPopRackChange(e,n){t.newTicket.spopSpaces[n].rack=e}handleSPopCabinetChange(e,n){t.newTicket.spopSpaces[n].cabinet=e}handleCheckboxChange(e,n){t.updateFieldValue(e,n)}deleteButtonIsDisabled(e,n){return e?e.length===1&&n===0:!0}renderPPopSet(e){var n,i;const c=this.deleteButtonIsDisabled(t.newTicket.ppopSpaces,e);return s(v||(v=o(['\n      <section>\n        <section class="space-section flex items-center w-full">\n          <div class="flex-1">\n            <ix-textbox\n              label="Rack"\n              name="PPopRack','"\n              class="textbox__is-pop"\n              .value=',"\n              ?disabled=","\n              @input=",'\n            ></ix-textbox>\n          </div>\n\n          <div class="flex-1">\n            <ix-textbox\n              label="Cabinet"\n              name="PPopCabinet','"\n              class="textbox__is-pop"\n              .value=',"\n              ?disabled=","\n              @input=",'\n            ></ix-textbox>\n          </div>\n\n          <span class="delete-icon__container w-fit">\n            ',"\n          </span>\n        </section>\n      </section>\n    "])),e,(n=t.newTicket.ppopSpaces)===null||n===void 0?void 0:n[e].rack,this.readonly,a=>{this.handlePPopRackChange(a.target.value,e)},e,(i=t.newTicket.ppopSpaces)===null||i===void 0?void 0:i[e].cabinet,this.readonly,a=>{this.handlePPopCabinetChange(a.target.value,e)},this.readonly?l:s(b||(b=o(['<ix-button\n                  name="deletePPopSet"\n                  appearance="text"\n                  class="w-[50px] inline-block"\n                  @click=',"\n                  ?disabled=",'\n                >\n                  <svg\n                    xmlns="http://www.w3.org/2000/svg"\n                    width="24"\n                    height="25"\n                    viewBox="0 0 24 25"\n                    fill="none"\n                  >\n                    ',"\n                  </svg>\n                </ix-button>"])),()=>this.handleDeleteSet(e,"ppop"),c,c?r:x))}renderSPopSet(e){var n,i;const c=this.deleteButtonIsDisabled(t.newTicket.spopSpaces,e);return s(u||(u=o(['\n      <section>\n        <section class="space-section flex items-center w-full">\n          <div class="flex-1">\n            <ix-textbox\n              label="Rack"\n              name="SPopRack','"\n              class="textbox__is-pop"\n              .value=',"\n              ?disabled=","\n              @input=",'\n            ></ix-textbox>\n          </div>\n\n          <div class="flex-1">\n            <ix-textbox\n              label="Cabinet"\n              name="SPopCabinet','"\n              class="textbox__is-pop"\n              .value=',"\n              ?disabled=","\n              @input=",'\n            ></ix-textbox>\n          </div>\n\n          <span class="delete-icon__container w-fit">\n            ',"\n          </span>\n        </section>\n      </section>\n    "])),e,(n=t.newTicket.spopSpaces)===null||n===void 0?void 0:n[e].rack,this.readonly,a=>{this.handleSPopRackChange(a.target.value,e)},e,(i=t.newTicket.spopSpaces)===null||i===void 0?void 0:i[e].cabinet,this.readonly,a=>{this.handleSPopCabinetChange(a.target.value,e)},this.readonly?l:s(m||(m=o(['<ix-button\n                  name="deleteSPopSet"\n                  appearance="text"\n                  class="w-[50px] inline-block"\n                  @click=',"\n                  ?disabled=",'\n                >\n                  <svg\n                    xmlns="http://www.w3.org/2000/svg"\n                    width="24"\n                    height="25"\n                    viewBox="0 0 24 25"\n                    fill="none"\n                  >\n                    ',"\n                  </svg>\n                </ix-button>"])),()=>this.handleDeleteSet(e,"spop"),c,c?r:x))}render(){return s(w||(w=o(['\n      <div class="form-wrapper__fields form-margin">\n        <div class="pop-customer-space-section">\n          <div class="space-section-header">Customer Space in PoP Room</div>\n          <div class="mb-4 space-section-subheader">\n            Please, specify the rack(s) or cabinet(s) that work will take place\n            at.\n          </div>\n          <ix-accordion class="ix-accordion w-full mb-4" isOpen>\n            <div class="ix-accordion__title-container" slot="title">\n              <div class="flex items-center">\n                <b>PPOP</b>\n              </div>\n            </div>\n\n            ','\n\n            <section class="space-section">\n              ','\n            </section>\n          </ix-accordion>\n\n          <ix-accordion class="ix-accordion w-full mb-0" isOpen>\n            <div class="ix-accordion__title-container" slot="title">\n              <div class="flex items-center">\n                <b>SPOP</b>\n              </div>\n            </div>\n\n            ','\n\n            <section class="space-section">\n              ',"\n            </section>\n          </ix-accordion>\n        </div>\n      </div>\n    "])),t.newTicket.ppopSpaces.map((e,n)=>this.renderPPopSet(n)),this.readonly?l:s(S||(S=o(['<ix-button\n                    class="button__add-space circuit"\n                    name="addSetBtn"\n                    appearance="text"\n                    has-icon\n                    @click=','\n                  >\n                    <md-icon slot="icon">add</md-icon>\n                    <span>ADD PPOP SPACE</span>\n                  </ix-button>'])),()=>this.handleCreatePPopSet()),t.newTicket.spopSpaces.map((e,n)=>this.renderSPopSet(n)),this.readonly?l:s(P||(P=o(['<ix-button\n                    class="button__add-space circuit"\n                    name="addSetBtn"\n                    appearance="text"\n                    has-icon\n                    @click=','\n                  >\n                    <md-icon slot="icon">add</md-icon>\n                    <span>ADD SPOP SPACE</span>\n                  </ix-button>'])),()=>this.handleCreateSPopSet()))}};p.styles=[C,_,y],d([f({type:Boolean})],p.prototype,"readonly",void 0),p=d([g("pop-customer-space-section")],p);export{p as PopCustomerSpaceSection};

package/dist/components/facility-access/pop/ui-service-management6.js

@@ -0,0 +1 @@
+import{__decorate as l}from"tslib";import{html as n,nothing as s}from"lit";import{MobxLitElement as y}from"@adobe/lit-mobx";import{property as C,state as k,customElement as E}from"lit/decorators.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";import"@digital-realty/ix-accordion/ix-accordion.js";import"@digital-realty/ix-select/ix-select.js";import"./ui-service-management9.js";import{FacilityAccessStyles as b}from"../../../styles/ui-service-management6.js";import{popAccessState as i}from"../../../state/ui-service-management5.js";import{ServiceTicketsStyles as f}from"../../../styles/ui-service-management5.js";import{TWStyles as D}from"../../../ui-service-management2.js";var d=Object.freeze,w=Object.defineProperty,r=(e,t)=>d(w(e,"raw",{value:d(t||e.slice())})),v,h,m,u,x,T,g,S;const o={serviceImpactDescriptionErrorText:void 0,serviceTypeErrorText:void 0,scopeErrorText:void 0,minLengthInput:1,maxLengthDescription:32e3};let a=class extends y{constructor(){super(...arguments),this.isEditOn=!1,this.validations=o}firstUpdated(){this.validations={...o}}get isApproved(){return i.newTicket.status==="Approved"}get popCircuitsForms(){var e;return(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("pop-circuit")}validateForm(){this.validateServiceType(),this.validateScope(),this.validateServiceImpactedDescription(),this.requestUpdate(),i.updateFieldValue("isPopRequestedAccessValid",this.isFormValid)}get isFormValid(){var e;const t=p=>p===void 0,c=this.validations;this.popCircuitsForms.forEach(p=>{p.validateForm()});const I=this.popCircuitsForms.length===0||((e=i.newTicket.circuits)===null||e===void 0?void 0:e.every(p=>p.isValid));return t(c.serviceImpactDescriptionErrorText)&&t(c.serviceTypeErrorText)&&t(c.scopeErrorText)&&I}handleCustomerExternalReferenceChange(e){e=e.trim(),i.updateCustomerExternalReference(e)}handleServiceImpactedDescriptionChange(e){i.updateServiceImpactDescription(e),this.validateServiceImpactedDescription()}validateServiceImpactedDescription(){i.newTicket.serviceImpactDescription||!i.newTicket.isServiceImpacted?this.validations.serviceImpactDescriptionErrorText=void 0:this.validations.serviceImpactDescriptionErrorText="Service Impacted Description should be a minimum of ".concat(o.minLengthInput," and a maximum of ").concat(o.maxLengthDescription," characters.")}handleServiceTypeChange(e){i.updateServiceType(e),this.validateServiceType(),this.validations.scopeErrorText=void 0}validateServiceType(){i.newTicket.serviceType?this.validations.serviceTypeErrorText=void 0:this.validations.serviceTypeErrorText="Please select a Service Type."}handleScopeChange(e){i.updateScope(e),this.validateScope()}validateScope(){i.newTicket.scope?this.validations.scopeErrorText=void 0:i.newTicket.serviceType==="Site Survey"?this.validations.scopeErrorText="Scope of Survey should be a minimum of ".concat(o.minLengthInput," characters."):i.newTicket.serviceType==="Testing"&&(this.validations.scopeErrorText="Scope of Testing should be a minimum of ".concat(o.minLengthInput," characters."))}handleDescriptionOfWorkChange(e){i.updateDescriptionOfWork(e)}handleIsServiceImpactedChange(e){i.updateIsServiceImpacted(e),this.validations.serviceImpactDescriptionErrorText=void 0}handleIsCrossConnectInstallationChange(e){i.updateIsCrossConnectInstallation(e)}handleCreateCircuit(){var e;(e=i.newTicket.circuits)===null||e===void 0||e.push({})}render(){var e;return n(S||(S=r(['\n      <div class="form-wrapper__fields form-margin">\n        <ix-textbox\n          label="Customer External Reference"\n          name="customerExternalReference"\n          .value=','\n          maxLength="40"\n          @input=','\n        ></ix-textbox>\n\n        <ix-checkbox\n          label="Service Impacted"\n          name="serviceImpacted"\n          arialabel="Service Impacted"\n          @change=',"\n          .checked=","\n          ?disabled=","\n        >\n        </ix-checkbox>\n\n        ",'\n\n          <ix-select\n            label="Service Type"\n            name="serviceType"\n            menu-positioning="popover"\n            .wideMenu=',"\n            required\n            .error=","\n            .errorText=","\n            ?disabled=","\n            @input=","\n          >\n            <ix-select-option .value=","\n                              .selected=",'\n            >\n              <div slot="headline">Site Survey</div>\n            </ix-select-option>\n            <ix-select-option .value=',"\n                              .selected=",'\n            >\n              <div slot="headline">Testing</div>\n            </ix-select-option>\n            <ix-select-option .value=',"\n                              .selected=",'\n            >\n              <div slot="headline">Installation/De-installationWork</div>\n            </ix-select-option>\n          </ix-select>\n          ',"\n        ","\n\n        ","\n          </div>\n        </div>\n      </div>\n    "])),i.newTicket.customerExternalReference,t=>this.handleCustomerExternalReferenceChange(t.target.value),t=>this.handleIsServiceImpactedChange(t.target.checked),i.newTicket.isServiceImpacted,this.isEditOn&&!this.isApproved,i.newTicket.isServiceImpacted?n(v||(v=r([' <ix-textbox\n                label="Service Impact Description"\n                name="serviceImpactDescription"\n                required\n                .minLength=',"\n                .maxLength=","\n                .value=","\n                .error=","\n                .errorText=","\n                ?disabled=","\n                @input=","\n              ></ix-textbox>"])),this.validations.minLengthInput,this.validations.maxLengthDescription,i.newTicket.serviceImpactDescription,!!this.validations.serviceImpactDescriptionErrorText,this.validations.serviceImpactDescriptionErrorText,this.isEditOn&&!this.isApproved,t=>this.handleServiceImpactedDescriptionChange(t.target.value)):s,!0,!!this.validations.serviceTypeErrorText,this.validations.serviceTypeErrorText,this.isEditOn&&!this.isApproved,t=>this.handleServiceTypeChange(t.target.value),"Site Survey",i.newTicket.serviceType==="Site Survey","Testing",i.newTicket.serviceType==="Testing","Installation/De-installation Work",i.newTicket.serviceType==="Installation/De-installation Work",i.newTicket.serviceType==="Site Survey"?n(h||(h=r([' <ix-textbox\n                  label="Scope of Survey"\n                  name="scopeOfSurvey"\n                  required\n                  .minLength=',"\n                  .value=","\n                  .error=","\n                  .errorText=","\n                  ?disabled=","\n                  @input=","\n                ></ix-textbox>"])),this.validations.minLengthInput,i.newTicket.scope,!!this.validations.scopeErrorText,this.validations.scopeErrorText,this.isEditOn&&!this.isApproved,t=>this.handleScopeChange(t.target.value)):s,i.newTicket.serviceType==="Testing"?n(m||(m=r([' <ix-textbox\n                label="Scope of Testing"\n                name="scopeOfTesting"\n                required\n                .minLength=',"\n                .value=","\n                .error=","\n                .errorText=","\n                ?disabled=","\n                @input=","\n              ></ix-textbox>"])),this.validations.minLengthInput,i.newTicket.scope,!!this.validations.scopeErrorText,this.validations.scopeErrorText,this.isEditOn&&!this.isApproved,t=>this.handleScopeChange(t.target.value)):s,i.newTicket.serviceType==="Installation/De-installation Work"?n(g||(g=r([' <div class="has-tooltip">\n                  <ix-checkbox\n                    class="inline"\n                    label="Cross Connect/Patch Cable Installation or Removal"\n                    name="ccPcInstallationRemoval"\n                    arialabel="Cross Connect/Patch Cable Installation or Removal"\n                    @change=',"\n                    .checked=","\n                    ?disabled=",'\n                  >\n                  </ix-checkbox>\n                  <div class="tooltip inline">\n                    i\n                    <div class="tooltip-text">\n                      Cross Connect is secure and low latency physical\n                      connection for customers to connect to service providers,\n                      partners, and other customers.\n                    </div>\n                  </div>\n                </div>\n                ',""])),t=>this.handleIsCrossConnectInstallationChange(t.target.checked),i.newTicket.isCrossConnectInstallation,this.isEditOn&&!this.isApproved,i.newTicket.isCrossConnectInstallation?n(T||(T=r(['\n                      <ix-textbox\n                        label="Description of the work"\n                        name="descriptionOfWork"\n                        .maxLength=',"\n                        .value=","\n                        ?disabled=","\n                        @input=","\n                      ></ix-textbox>\n\n                      ","\n                      ","\n                    "])),this.validations.maxLengthDescription,i.newTicket.descriptionOfWork,this.isEditOn&&!this.isApproved,t=>this.handleDescriptionOfWorkChange(t.target.value),(e=i.newTicket.circuits)===null||e===void 0?void 0:e.map((t,c)=>n(u||(u=r(["\n                            <pop-circuit\n                              .circuit=","\n                              .index=","\n                              ?readonly=","\n                            >\n                            </pop-circuit>\n                          "])),t,c,this.isEditOn&&!this.isApproved)),!this.isEditOn||this.isApproved?n(x||(x=r([' <ix-button\n                            class="button circuit"\n                            name="addCircuitBtn"\n                            appearance="outlined"\n                            has-icon\n                            @click=','\n                          >\n                            <md-icon slot="icon">add</md-icon>\n                            <span>ADD A CIRCUIT</span>\n                          </ix-button>'])),()=>this.handleCreateCircuit()):s):s):s)}};a.styles=[b,f,D],l([C({type:Boolean})],a.prototype,"isEditOn",void 0),l([k()],a.prototype,"validations",void 0),a=l([E("pop-requested-access-section")],a);export{a as PopRequestedAccessSection};

package/dist/components/facility-access/pop/ui-service-management7.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{html as p,nothing as l}from"lit";import{MobxLitElement as h}from"@adobe/lit-mobx";import{property as b,customElement as k}from"lit/decorators.js";import{popAccessState as e}from"../../../state/ui-service-management5.js";import{ServiceTicketsStyles as v}from"../../../styles/ui-service-management5.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";import"@digital-realty/ix-divider/ix-divider.js";import"@digital-realty/ix-accordion/ix-accordion.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{FacilityAccessStyles as P}from"../../../styles/ui-service-management6.js";import"../ui-service-management12.js";import"../ui-service-management2.js";import"./ui-service-management8.js";import{TWStyles as w}from"../../../ui-service-management2.js";import{wrappedDivider as f}from"../../../helpers/ui-service-management22.js";var d=Object.freeze,y=Object.defineProperty,a=(o,n)=>d(y(o,"raw",{value:d(n||o.slice())})),u,m,c;let t=class extends h{constructor(){super(...arguments),this.readonly=!1}get PpopInputs(){var o,n;const i=(n=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelectorAll("pop-room-work-inputs"))!==null&&n!==void 0?n:[];return Array.from(i).find(r=>r.type==="ppop")}get SpopInputs(){var o,n;const i=(n=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelectorAll("pop-room-work-inputs"))!==null&&n!==void 0?n:[];return Array.from(i).find(r=>r.type==="spop")}validateForm(){const{isPpopCableRunOutside:o,isSpopCableRunOutside:n}=e.newTicket;o&&this.PpopInputs&&(e.newTicket.isPPopRoomWorkValid=this.PpopInputs.validateForm("ppop")),n&&this.SpopInputs&&(e.newTicket.isSPopRoomWorkValid=this.SpopInputs.validateForm("spop")),o||(e.newTicket.isPPopRoomWorkValid=!0),n||(e.newTicket.isSPopRoomWorkValid=!0)}handleIsPPopCableRunOutsideChange(o){e.updateIsPPopCableRunOutside(o)}handleIsSPopCableRunOutsideChange(o){e.updateIsSPopCableRunOutside(o)}render(){return p(c||(c=a(['\n      <div>\n        <div class="form-wrapper__fields form-margin gap-6">\n          <div><span>PPOP Room Work</span></div>\n          <ix-checkbox\n            label="Cable will be run outside of cabinet or rack through common area"\n            name="ppopCableRunOutside"\n            arialabel="Cable will be run outside of cabinet or rack through common area"\n            @change=',"\n            .checked=","\n            ?disabled=","\n          >\n          </ix-checkbox>\n        </div>\n\n        ","\n        ",'\n\n        <div class="form-wrapper__fields form-margin gap-6">\n          <div><span>SPOP Room Work</span></div>\n          <ix-checkbox\n            label="Cable will be run outside of cabinet or rack through common area"\n            name="spopCableRunOutside"\n            arialabel="Cable will be run outside of cabinet or rack through common area"\n            @change=',"\n            .checked=","\n            ?disabled=","\n          >\n          </ix-checkbox>\n        </div>\n\n        ","\n      </div>\n    "])),o=>this.handleIsPPopCableRunOutsideChange(o.target.checked),e.newTicket.isPpopCableRunOutside,this.readonly,e.newTicket.isPpopCableRunOutside?p(u||(u=a([" <pop-room-work-inputs\n              .parentState=","\n              .type=","\n              ?readonly=","\n            ></pop-room-work-inputs>"])),e,"ppop",this.readonly):l,f(),o=>this.handleIsSPopCableRunOutsideChange(o.target.checked),e.newTicket.isSpopCableRunOutside,this.readonly,e.newTicket.isSpopCableRunOutside?p(m||(m=a([" <pop-room-work-inputs\n              .parentState=","\n              .type=","\n              ?readonly=","\n            ></pop-room-work-inputs>"])),e,"spop",this.readonly):l)}};t.styles=[v,P,w],s([b({type:Boolean})],t.prototype,"readonly",void 0),t=s([k("pop-room-work-section")],t);export{t as PopRoomWorkSection};