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

package/dist/components/shared/ui-service-management14.js

@@ -0,0 +1 @@
+import{__decorate as t}from"tslib";import{LitElement as F,html as e,nothing as p}from"lit";import{property as r,customElement as B}from"lit/decorators.js";import{ServiceTicketsStyles as C}from"../../styles/ui-service-management5.js";import{DownloadIcon as P,ErrorIcon as A,PreviewIcon as N}from"./ui-service-management11.js";import{previewExtensions as j}from"../../constants/ui-service-management2.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-date-next/ix-date-next.js";import{LineBreak as I}from"../../constants/ui-service-management8.js";import M from"../../services/ui-service-management4.js";var m=Object.freeze,O=Object.defineProperty,i=(o,s)=>m(O(o,"raw",{value:m(s||o.slice())})),w,u,g,y,f,x,k,D,b;let n=class extends F{constructor(){super(),this.File={id:"",label:"",value:"",createdAt:"",fileType:""},this.isError=!1,this.errorMessage="",this.isDownloading=!1,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=M.showNewDatePickerComponent()}renderDownloadButton(){return this.isDownloading?e(w||(w=i(["<ix-progress\n        .indeterminate=","\n        .linear=","\n      ></ix-progress>"])),!0,!1):e(u||(u=i(['<div\n      class="download-button"\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        fill="none"\n      >\n        ',"\n      </svg>\n    </div>"])),()=>this.handleDownloadClick(),P)}render(){var o,s,l,a,d,v,c;const h=(s=(o=this.File)===null||o===void 0?void 0:o.fileType)!==null&&s!==void 0?s:"";return e(b||(b=i(['\n      <div class="attachment-file-container">\n        ','\n        <div class="attachment-file-container__items">\n          <div>\n            <div class="attachment-file-container__title">\n              ','\n            </div>\n            <div class="attachment-file-container__sub-heading">\n              ',"\n              ","\n              ",'\n            </div>\n          </div>\n          <div\n            class="attachment-file__icons-container ','"\n          >\n            ',"\n            ","\n          </div>\n        </div>\n      </div>\n    "])),this.isError?e(g||(g=i([' <div class="error-icon-container">\n              <svg\n                xmlns="http://www.w3.org/2000/svg"\n                width="24"\n                height="24"\n                viewBox="0 0 24 24"\n                fill="none"\n              >\n                ',"\n              </svg>\n            </div>"])),A):p,(l=this.File)===null||l===void 0?void 0:l.label,(d=(a=this.File)===null||a===void 0?void 0:a.value)===null||d===void 0?void 0:d.split(I).map((E,_)=>e(f||(f=i(["","",""])),_>0?e(y||(y=i(["<br />"]))):"",E)),this.useNewDatePickerComponent?e(x||(x=i(['<ix-date-next\n                    class="display-inline-block"\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date-next>"])),(v=this.File)===null||v===void 0?void 0:v.createdAt):e(k||(k=i(['<ix-date\n                    class="display-inline-block"\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(c=this.File)===null||c===void 0?void 0:c.createdAt),this.isError?this.errorMessage:p,this.isError?"isError":"",h&&j.includes(h)?e(D||(D=i([' <div\n                  class="preview-button"\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                    fill="none"\n                  >\n                    ',"\n                  </svg>\n                </div>"])),()=>this.handlePreviewClick(),N):p,this.renderDownloadButton())}};n.styles=[C],t([r({type:Object})],n.prototype,"File",void 0),t([r({type:Boolean})],n.prototype,"isError",void 0),t([r({type:Boolean})],n.prototype,"errorMessage",void 0),t([r({type:Function})],n.prototype,"handleDownloadClick",void 0),t([r({type:Function})],n.prototype,"handlePreviewClick",void 0),t([r({type:Boolean})],n.prototype,"isDownloading",void 0),n=t([B("attachment-file")],n);export{n as AttachmentFile};

package/dist/components/shared/ui-service-management15.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{LitElement as n,html as s}from"lit";import{property as l,customElement as m}from"lit/decorators.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{ServiceTicketsStyles as p}from"../../styles/ui-service-management5.js";import{ErrorIcon as c}from"./ui-service-management11.js";var o=Object.freeze,d=Object.defineProperty,v=(e,i)=>o(d(e,"raw",{value:o(i||e.slice())})),a;let t=class extends n{constructor(){super(...arguments),this.fileNames=[]}render(){var e;return s(a||(a=v(['<div class="attachment-upload-failed-message-container">\n      <svg\n        xmlns="http://www.w3.org/2000/svg"\n        width="24"\n        height="24"\n        viewBox="0 0 24 24"\n        fill="none"\n      >\n        ',"\n      </svg>\n      <p>\n        '","' could not be uploaded to the ticket.\n        Navigate to the Ticket Details to re-try.\n      </p>\n    </div>"])),c,(e=this.fileNames)===null||e===void 0?void 0:e.join(", "))}};t.styles=[p],r([l({type:Array})],t.prototype,"fileNames",void 0),t=r([m("attachment-upload-failed-message")],t);export{t as AttachmentUploadFailedMessage};

package/dist/components/shared/ui-service-management16.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{MobxLitElement as n}from"@adobe/lit-mobx";import{query as a,state as c}from"lit/decorators.js";class d extends n{constructor(){super(...arguments),this.scrollEventListenerAdded=!1}updated(o){var e;(e=super.updated)===null||e===void 0||e.call(this,o),!this.scrollEventListenerAdded&&this.formWrapper&&(this.formWrapper.addEventListener("scroll",this.handleFormWrapperScroll),this.formWrapper.addEventListener("scrollend",this.handleFormWrapperScroll),this.scrollEventListenerAdded=!0)}disconnectedCallback(){var o,e,r;(o=super.disconnectedCallback)===null||o===void 0||o.call(this),(e=this.formWrapper)===null||e===void 0||e.removeEventListener("scroll",this.handleFormWrapperScroll),(r=this.formWrapper)===null||r===void 0||r.removeEventListener("scrollend",this.handleFormWrapperScroll)}handleFormWrapperScroll(){this.querySelectorAll("ix-select").forEach(o=>{var e,r,l,t;const i=(l=(r=(e=o.shadowRoot)===null||e===void 0?void 0:e.querySelector("md-outlined-select"))===null||r===void 0?void 0:r.shadowRoot)===null||l===void 0?void 0:l.querySelector("md-menu#listbox[open]");(t=i==null?void 0:i.onWindowResize)===null||t===void 0||t.call(i)}),this.querySelectorAll("ix-multi-select").forEach(o=>{var e,r;const l=(e=o.shadowRoot)===null||e===void 0?void 0:e.querySelector("ix-menu#listbox[open]");(r=l==null?void 0:l.onWindowResize)===null||r===void 0||r.call(l)})}}s([a(".form-wrapper")],d.prototype,"formWrapper",void 0),s([c()],d.prototype,"scrollEventListenerAdded",void 0);export{d as ServiceTicketFormBase};

package/dist/components/shared/ui-service-management17.js

@@ -0,0 +1 @@
+import{__decorate as n}from"tslib";import{LitElement as m,html as i}from"lit";import{property as e,customElement as u}from"lit/decorators.js";import"@digital-realty/ix-button/ix-button.js";import"@material/web/icon/icon.js";import{TWStyles as b}from"../../ui-service-management2.js";import{ServiceTicketsStyles as h}from"../../styles/ui-service-management5.js";var s=Object.freeze,y=Object.defineProperty,o=(r,p)=>s(y(r,"raw",{value:s(p||r.slice())})),a,d,l,c;let t=class extends m{constructor(){super(...arguments),this.isEditMode=!1,this.isSubmitting=!1}renderEditModeFooter(){return i(d||(d=o(['\n      <div class="flex gap-4">\n        ','\n        <ix-button\n          type="button"\n          name="submitBtn"\n          has-icon\n          trailing-icon\n          .disabled=',"\n          ?submitting=","\n          @click=","\n        >\n          <span>Save Changes</span>\n        </ix-button>\n      </div>\n    "])),this.isSubmitting?"":i(a||(a=o(['\n              <ix-button\n                appearance="outlined"\n                type="button"\n                name="cancelBtn"\n                @click=',"\n              >\n                <span>Cancel</span>\n              </ix-button>\n            "])),this.handleCancelClick),this.isSubmitting,this.isSubmitting,this.handleSubmitClick)}renderCreateModeFooter(){return i(l||(l=o(['\n      <ix-button\n        type="button"\n        name="nextBtn"\n        has-icon\n        trailing-icon\n        @click=','\n      >\n        <span>Next</span>\n        <md-icon slot="icon">east</md-icon>\n      </ix-button>\n    '])),this.handleNextClick)}render(){return i(c||(c=o(['\n      <div class="form-footer flex justify-end">\n        ',"\n      </div>\n    "])),this.isEditMode?this.renderEditModeFooter():this.renderCreateModeFooter())}};t.styles=[b,h],n([e({type:Boolean})],t.prototype,"isEditMode",void 0),n([e({type:Boolean})],t.prototype,"isSubmitting",void 0),n([e({type:Function})],t.prototype,"handleCancelClick",void 0),n([e({type:Function})],t.prototype,"handleSubmitClick",void 0),n([e({type:Function})],t.prototype,"handleNextClick",void 0),t=n([u("form-footer")],t);export{t as FormFooter};

package/dist/components/shared/ui-service-management18.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import"@digital-realty/ix-filter-select/ix-filter-select.js";import"@digital-realty/ix-progress/ix-progress.js";import{LitElement as C,html as l}from"lit";import{property as r,state as a,query as g,customElement as m}from"lit/decorators.js";import{debounce as b}from"../../helpers/ui-service-management14.js";import{ServiceTicketsStyles as y}from"../../styles/ui-service-management5.js";var d=Object.freeze,f=Object.defineProperty,h=(e,t)=>d(f(e,"raw",{value:d(t||e.slice())})),u,p,v;let i=class extends C{constructor(){super(...arguments),this.fetchTicketsController=new AbortController,this.label="",this.disabled=!1,this.loading=!1,this.isViewMoreButtonVisible=!1,this.isViewMoreButtonLoading=!1,this.selectedContact=void 0,this.preventMenuShowing=!0,this.touched=!1,this.renderingValidationErrors=!1,this.resetMenu=()=>{var e;this.preventMenuShowing=!0,(e=this.IxFilterSelect)===null||e===void 0||e.setMenuOpen(!1),this.isViewMoreButtonLoading=!1,this.isViewMoreButtonVisible=!1},this.handleClearFilterSelect=()=>{this.fetchTicketsController.abort(),this.resetMenu(),this.dispatchEvent(new CustomEvent("search-cleared",{bubbles:!0}))}}connectedCallback(){super.connectedCallback(),this.debounceInputChange=b(this.handleInputChange.bind(this),300)}updated(e){if(this.renderingValidationErrors){this.renderingValidationErrors=!1;return}e.has("loading")||!this.isViewMoreButtonLoading&&!e.has("items")&&this.validateForm(!1)}handleInputChange(e){var t,n;this.resetMenu();const s=(t=this.minSearchChars)!==null&&t!==void 0?t:1,c=e.length>=s;c&&(this.preventMenuShowing=!1,(n=this.IxFilterSelect)===null||n===void 0||n.setMenuOpen(!0)),(c||this.touched&&e.length===0)&&(this.touched=!0,this.fetchTicketsController.abort(),this.fetchTicketsController=new AbortController,this.onChangeCallback(e,this.fetchTicketsController.signal))}handleOnViewMore(){this.touched=!0,this.fetchTicketsController.abort(),this.fetchTicketsController=new AbortController,this.onViewMoreButtonClick(this.fetchTicketsController.signal)}get badgeHolderSelectItems(){var e;return(e=this.items)===null||e===void 0?void 0:e.map(t=>({value:t.id,label:"".concat(t.firstName," ").concat(t.lastName," (").concat(t.email).concat(t.company!=="null"?" - ".concat(t.company):"",")")}))}validateForm(e=!0){var t;let n=!0;this.selectedContact===void 0&&(this.touched||e)&&(n=!1),(t=this.updateValidationState)===null||t===void 0||t.call(this,n),this.errorText=n?void 0:"Please select a contact";const s=this.shadowRoot.querySelector("ix-filter-select");s&&(s.dirty=!1),this.renderingValidationErrors=!0,this.requestUpdate()}handleSectionChange(e){var t;const n=(t=this.items)===null||t===void 0?void 0:t.find(s=>s.id===e.detail.value);this.selectedContact=n,this.setContact(this.selectedContact),this.isViewMoreButtonVisible=!1}handleRefreshClick(){this.selectedContact=void 0,this.setContact(this.selectedContact),this.preventMenuShowing=!0}render(){var e;return this.selectedContact?l(u||(u=h(["<visitors-grid\n          .items=","\n          .showRefreshContactButton=","\n          .onRefreshButtonClicked=","\n          .showCompany=","\n          .useBadgeHolderText=","\n        ></visitors-grid>"])),[this.selectedContact],!0,()=>this.handleRefreshClick(),!0,!0):l(v||(v=h([" <ix-filter-select\n          options=","\n          label=","\n          @select-filter-select=","\n          @input=","\n          @clear-filter-select=","\n          ?disabled=","\n          required\n          .error=","\n          .errorText=","\n          .noFilteredOptions=","\n          .isViewMoreButtonVisible=","\n          .isViewMoreButtonLoading=","\n          .onViewMoreButtonClick=",'\n          placeholder="Search by name or email"\n          ?disableMenu=',"\n          .filterFunctionGenerator=","\n        ></ix-filter-select>"])),JSON.stringify(this.badgeHolderSelectItems),this.label,t=>this.handleSectionChange(t),t=>{var n;return(n=this.debounceInputChange)===null||n===void 0?void 0:n.call(this,t.target.value)},this.handleClearFilterSelect,this.disabled,!!this.errorText,this.errorText,((e=this.items)===null||e===void 0?void 0:e.length)===0&&this.loading?l(p||(p=h(['<div style="display: flex; justify-content: center;">\n                <ix-progress\n                  .indeterminate=',"\n                  .linear=","\n                ></ix-progress>\n              </div>"])),!0,!1):"No options",this.isViewMoreButtonVisible,this.isViewMoreButtonLoading,()=>this.handleOnViewMore(),this.preventMenuShowing,()=>()=>!0)}};i.styles=[y],o([r({type:Function})],i.prototype,"onChangeCallback",void 0),o([r({type:Function})],i.prototype,"setContact",void 0),o([r()],i.prototype,"items",void 0),o([r()],i.prototype,"label",void 0),o([r()],i.prototype,"disabled",void 0),o([r({type:Function})],i.prototype,"updateValidationState",void 0),o([r({type:Boolean})],i.prototype,"loading",void 0),o([r({type:Boolean})],i.prototype,"isViewMoreButtonVisible",void 0),o([r({type:Function})],i.prototype,"onViewMoreButtonClick",void 0),o([r({type:Boolean})],i.prototype,"isViewMoreButtonLoading",void 0),o([r({type:Number})],i.prototype,"minSearchChars",void 0),o([a()],i.prototype,"selectedContact",void 0),o([a()],i.prototype,"errorText",void 0),o([a()],i.prototype,"preventMenuShowing",void 0),o([g("ix-filter-select")],i.prototype,"IxFilterSelect",void 0),i=o([m("select-filter-search")],i);export{i as SelectFilterSearch};

package/dist/components/shared/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{LitElement as i,html as c}from"lit";import{property as s,customElement as m}from"lit/decorators.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{navigateTo as p}from"../../routes/ui-service-management.js";var o=Object.freeze,u=Object.defineProperty,l=(e,n)=>o(u(e,"raw",{value:o(n||e.slice())})),a;let t=class extends i{constructor(){super(...arguments),this.routeName=null}return(){this.routeName&&p(this.routeName),window.history.back()}render(){return c(a||(a=l([' <ix-button appearance="text" has-icon @click=','>\n      <md-icon slot="icon">arrow_back</md-icon>\n      <span class="uppercase font-bold tracking-wider">Back</span>\n    </ix-button>'])),this.return)}};r([s({type:String})],t.prototype,"routeName",void 0),t=r([m("sm-back-button")],t);export{t as BackButton};

package/dist/components/shared/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import{LitElement as b,html as r}from"lit";import{property as c,state as l,customElement as x}from"lit/decorators.js";import{authedUser as f}from"@digital-realty/ix-account-switcher";import{ServiceTicketsStyles as A}from"../../styles/ui-service-management5.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-select/ix-select-option.js";import"@digital-realty/ix-progress/ix-progress.js";import{Theme as S}from"../../styles/ui-service-management8.js";import{CrossIcon as T}from"./ui-service-management11.js";import{getAccountNumbers as w}from"../../services/ui-service-management5.js";import{LocationPrivilegeLevels as _}from"../../constants/ui-service-management4.js";import{TWStyles as j}from"../../ui-service-management2.js";var d=Object.freeze,k=Object.defineProperty,a=(n,t)=>d(k(n,"raw",{value:d(t||n.slice())})),p,u,m,h,g;let e=class extends b{constructor(){super(...arguments),this.isDialogOpen=!0,this.modalTitle="",this.modalText="",this.permissionType="",this.buttonText="Start",this.accounts=[],this.isLoading=!0}async firstUpdated(){this.accounts=await w(_.Create,this.permissionType),this.detailedAccounts=this.getAccountDetails(),this.accounts.length>1?this.isLoading=!1:(this.onAccountSelected(this.accounts[0]),this.onAccept())}getAccountDetails(){const n=this.flattenAccounts();return this.accounts.map(t=>{const s=t.trim().toLowerCase(),i=n[s];return{accountNumber:i?i.accountNumber:t,name:i?i.name:""}})}flattenAccounts(){const n={},t=i=>{const v=i.accountNumber.trim().toLowerCase();n[v]={accountNumber:i.accountNumber,name:i.name},i.subaccounts&&i.subaccounts.length>0&&i.subaccounts.forEach(y=>t(y))},s=f.getAccountHierarchy();return Array.isArray(s)?s.forEach(i=>t(i)):s&&t(s),n}render(){return r(m||(m=a(['\n      <ix-dialog\n        id="account-selection-dialog"\n        class="selection-dialog"\n        ?open=',"\n        @keydown=","\n        @closed=",'\n      >\n        <div slot="content" class="form-wrapper">\n          ',"\n      </ix-dialog>"])),this.isDialogOpen,n=>{n.key==="Escape"&&this.onReject()},()=>this.onReject(),this.isLoading?r(p||(p=a([' <div class="w-full flex justify-center mt-6 pb-16">\n                  <ix-progress\n                    .indeterminate=',"\n                    .linear=","\n                  ></ix-progress>\n                </div>"])),!0,!1):r(u||(u=a(['\n                <h3 class="dialog__title dlr-text-heading">\n                  ','\n                  <span\n                    role="button"\n                    tabindex="0"\n                    @click=',"\n                    @keydown=",'\n                  >\n                    <svg\n                      xmlns="http://www.w3.org/2000/svg"\n                      width="24"\n                      height="24"\n                      viewBox="0 0 24 24"\n                    >\n                      ','\n                    </svg>\n                  </span>\n                </h3>\n                <div class="account-dialog__short-desc">','</div>\n                <div class="form-wrapper__fields account-selection-dialog">\n                  ','\n                </div>\n                </div>\n\n                <div slot="actions" class="account-selection-dialog__button-container">\n                  <ix-button\n                    ?disabled=','\n                    appearance="text"\n                    @click=','\n                  >\n                    <span class="button-label account-selection-dialog__button-text">\n                      ',"\n                    </span>\n                  </ix-button>\n                </div>"])),this.modalTitle,()=>{this.onReject()},n=>{(n.key==="Enter"||n.key==="Space")&&this.onReject()},T,this.modalText,this.renderAccountSelect(),!this.selectedAccount,()=>{this.onAccept()},this.buttonText))}renderAccountSelect(){var n;return r(g||(g=a(['\n      <!--tried autofocus="false", tabindex="1"-->\n      <input class="blank-focus-input-styles" />\n      <ix-select\n        class="dialog-input"\n        label="Account"\n        menu-positioning="fixed"\n        required\n        @input=',"\n        @blur=","\n      >\n        ",'\n      </ix-select>\n      <div class="required-text">*Required</div>\n    '])),t=>{this.onAccountSelected(t.target.value)},t=>{var s;((s=t.relatedTarget)===null||s===void 0?void 0:s.id)==="account-selection-dialog"&&this.onReject()},(n=this.detailedAccounts)===null||n===void 0?void 0:n.map(t=>r(h||(h=a([" <ix-select-option\n            .value=","\n            .selected=",'\n          >\n            <div slot="headline">\n              [',"] ","\n            </div>\n          </ix-select-option>"])),t.accountNumber,this.selectedAccount===t.accountNumber,t.accountNumber,t.name)))}};e.styles=[j,A,S],o([c({type:Function})],e.prototype,"onAccept",void 0),o([c({type:Function})],e.prototype,"onReject",void 0),o([c({type:Function})],e.prototype,"onAccountSelected",void 0),o([c({type:Boolean})],e.prototype,"isDialogOpen",void 0),o([c({type:String})],e.prototype,"modalTitle",void 0),o([c({type:String})],e.prototype,"modalText",void 0),o([c({type:String})],e.prototype,"permissionType",void 0),o([c({type:String})],e.prototype,"assignableProcess",void 0),o([c({type:String})],e.prototype,"buttonText",void 0),o([c({type:Array})],e.prototype,"detailedAccounts",void 0),o([c({type:String})],e.prototype,"selectedAccount",void 0),o([l()],e.prototype,"accounts",void 0),o([l()],e.prototype,"isLoading",void 0),e=o([x("account-selection-dialog")],e);export{e as AccountSelectionDialog};

package/dist/components/shared/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as i}from"tslib";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-select/ix-select-option.js";import{LitElement as S,html as o}from"lit";import{property as n,state as v,customElement as y}from"lit/decorators.js";import{LocationPrivilegeLevels as a}from"../../constants/ui-service-management4.js";import{getAllowedSites as c}from"../../services/ui-service-management5.js";import{ServiceTicketsStyles as b}from"../../styles/ui-service-management5.js";import{Theme as k}from"../../styles/ui-service-management8.js";import{CrossIcon as T}from"./ui-service-management11.js";import{TWStyles as f}from"../../ui-service-management2.js";import{serviceTicketState as x}from"../../state/ui-service-management4.js";import{ServiceTicketTypes as w,ServiceBackendCodes as _}from"../../constants/ui-service-management2.js";import{siteNavigationState as N}from"../../state/ui-service-management12.js";import{TroubleTicketNotSupportedMessage as j,GenericNotSupportedMessage as A}from"../../constants/ui-service-management5.js";var l=Object.freeze,R=Object.defineProperty,r=(e,s)=>l(R(e,"raw",{value:l(s||e.slice())})),p,d,h,u,m,g;let t=class extends S{constructor(){super(...arguments),this.isDialogOpen=!0,this.modalTitle="",this.accountNumber="",this.sites=[],this.isAssignableSite=!0,this.isTicketSupported=!0,this.assignableSites=[],this.ticketNotSupportedMessage=j,this.backendService=void 0}async firstUpdated(){if(this.permissionType){const[e,s]=await Promise.all([c(a.Create,this.permissionType,this.assignableProcess,this.accountNumber),c(a.Create,this.permissionType,void 0,this.accountNumber)]);this.assignableSites=e,this.sites=s,this.requestUpdate()}}isStartButtonDisabled(){return!this.selectedSite||!this.isTicketSupported||!this.isAssignableSite}async onSiteSelectionChanged(e){this.isAssignableSite=this.assignableSites.some(s=>s.siteId===e.siteId),x.ticketType===w.TroubleTickets&&(this.backendService=await N.getServiceBackend(this.accountNumber,e.siteId,"Trouble_tickets"),this.isTicketSupported=this.backendService!==_.Insite),this.onSiteSelected(e)}render(){return o(p||(p=r([' <ix-dialog\n      id="site-selection-dialog"\n      ?open=',"\n      @keydown=","\n      @closed=",'\n    >\n      <div slot="content" class="form-wrapper">\n        <h3 class="dialog__title dlr-text-heading">\n          ','\n          <span\n            role="button"\n            tabindex="0"\n            @click=',"\n            @keydown=",'\n          >\n            <svg\n              xmlns="http://www.w3.org/2000/svg"\n              width="24"\n              height="24"\n              viewBox="0 0 24 24"\n            >\n              ','\n            </svg></span\n          >\n        </h3>\n        <div class="site-dialog__short-desc">\n          Which site are you submitting a ticket for?\n        </div>\n        <div class="form-wrapper__fields site-selection-dialog">\n          ','\n        </div>\n        <div slot="actions" class="site-selection-dialog__button-container">\n          <ix-button\n            .disabled=','\n            appearance="text"\n            @click=','\n          >\n            <span class="button-label site-selection-dialog__button-text"\n              >START</span\n            >\n          </ix-button>\n        </div>\n      </div>\n    </ix-dialog>'])),this.isDialogOpen,e=>{e.key==="Escape"&&this.onReject()},()=>this.onReject(),this.modalTitle,()=>{this.onReject()},e=>{(e.key==="Enter"||e.key==="Space")&&this.onReject()},T,this.renderSiteSelect(),this.isStartButtonDisabled(),()=>{this.onAccept()})}renderSiteSelect(){return!this.sites||this.sites.length<1?o(d||(d=r([" <div>Loading sites...</div>"]))):o(u||(u=r(['\n      <!--tried autofocus="false", tabindex="1"-->\n      <input class="blank-focus-input-styles" />\n      <ix-select\n        class="dialog-input"\n        label="Site"\n        menu-positioning="fixed"\n        .wideMenu=',"\n        required\n        @input=","\n        @blur=","\n      >\n        ","\n      </ix-select>\n      ","\n    "])),!0,e=>{this.onSiteSelectionChanged(e.target.value)},e=>{var s;((s=e.relatedTarget)===null||s===void 0?void 0:s.id)==="site-selection-dialog"&&this.onReject()},this.sites.map(e=>o(h||(h=r([" <ix-select-option\n            .value=","\n            .selected=",'\n          >\n            <div slot="headline">',"</div>\n          </ix-select-option>"])),e,this.selectedSite===e,e.displayName)),this.renderWarning())}renderWarning(){let e="";return this.isTicketSupported?this.isAssignableSite||(e=A):e=this.ticketNotSupportedMessage,e?o(m||(m=r(['<div>\n        <span id="ticketNotSupportedMessage" class="supporting-text error"\n          >*',"</span\n        >\n      </div>"])),e):o(g||(g=r(['<div class="required-text">*Required</div>'])))}};t.styles=[f,b,k],i([n({type:Function})],t.prototype,"onAccept",void 0),i([n({type:Function})],t.prototype,"onReject",void 0),i([n({type:String})],t.prototype,"selectedSite",void 0),i([n({type:Function})],t.prototype,"onSiteSelected",void 0),i([n({type:Boolean})],t.prototype,"isDialogOpen",void 0),i([n({type:String})],t.prototype,"modalTitle",void 0),i([n({type:String})],t.prototype,"permissionType",void 0),i([n({type:String})],t.prototype,"accountNumber",void 0),i([n({type:String})],t.prototype,"assignableProcess",void 0),i([v()],t.prototype,"sites",void 0),t=i([y("site-selection-dialog")],t);export{t as SiteSelectionDialog};

package/dist/components/shared/ui-service-management5.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{MobxLitElement as k}from"@adobe/lit-mobx";import"@digital-realty/ix-file-uploader/ix-file-uploader.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-date/ix-date.js";import{html as l}from"lit";import{property as c,state as p,customElement as b}from"lit/decorators.js";import{extensions as T}from"../../constants/ui-service-management2.js";import{getAttachmentList as U,postAttachment as F,previewAttachment as N,downloadAttachment as x}from"../../services/ui-service-management7.js";import{ServiceTicketsStyles as A}from"../../styles/ui-service-management5.js";import"./ui-service-management14.js";import{serviceTicketState as o}from"../../state/ui-service-management4.js";import{handleError as E}from"../../helpers/ui-service-management6.js";import{LineBreak as C}from"../../constants/ui-service-management8.js";var m=Object.freeze,D=Object.defineProperty,d=(t,e)=>m(D(t,"raw",{value:m(e||t.slice())})),f,u,y,v,g;let s=class extends k{constructor(){super(...arguments),this.IsDisabled=!1,this.isUploading=!1,this.downloadingFileId=void 0}disconnectedCallback(){this.isUploading=!1,this.downloadingFileId=void 0,o.attachments=[]}async firstUpdated(){o.loadings.attachments=!0,await this.refreshAttachmentList().then(()=>{o.loadings.attachments=!1})}async refreshAttachmentList(){await U(this.ticketType,this.ticketNumber,this.requestType)}async handleFileUploaded(t){var e;if(this.ticketNumber&&this.ticketType){try{(e=t.detail.filesNotUploaded)===null||e===void 0||e.forEach(i=>{var a;const n=(a=i==null?void 0:i.file)===null||a===void 0?void 0:a.name;o.attachments.push({fileName:n,isError:!0,errorMessage:i.message})});for(let i=0;i<t.detail.filesUploaded.length;i+=1){const a=t.detail.filesUploaded[i];this.isUploading=!0,await this.submitFile(a).then(()=>{this.isUploading=!1}),this.requestUpdate()}}catch(i){console.error("error",i),this.isUploading=!1}this.requestUpdate()}}async submitFile(t){var e,i;let a;try{a=(e=t==null?void 0:t.file)===null||e===void 0?void 0:e.name;const n=(i=t==null?void 0:t.file)===null||i===void 0?void 0:i.type,w=await t.file.arrayBuffer(),h=await F(this.ticketType,w,a,n,this.ticketNumber,this.requestType);h!=null&&h.id?o.attachments.push(h):o.attachments.push({fileName:a,isError:!0,errorMessage:"Please try again"})}catch(n){await E(n,!1),o.attachments.push({fileName:a,isError:!0,errorMessage:"Please try again"})}}handlePreviewClick(t){N(this.ticketType,t,this.ticketNumber,this.requestType)}async handleDownloadClick(t,e){this.downloadingFileId=t,await x(this.ticketType,t,e,this.ticketNumber,this.requestType).then(()=>{this.downloadingFileId=void 0})}renderAttachments(){let t=l(f||(f=d([""])));return(o.loadings.attachments||this.isUploading)&&(t=l(u||(u=d(["<div>\n        <ix-progress .indeterminate="," .linear=","></ix-progress>\n      </div>"])),!0,!1)),l(v||(v=d(["","\n    ",""])),t,o.attachments.map(e=>{let i="";return e.isError||(i="by ".concat(e.createdBy?e.createdBy:"User"," on ").concat(C)),l(y||(y=d(['<attachment-file\n        class="attachment-file-component"\n        .File=',"\n        .handlePreviewClick=","\n        .handleDownloadClick=","\n        .isError=","\n        .isDownloading=","\n        .errorMessage=","\n      ></attachment-file> "])),{id:e.id,label:e.fileName,value:i,createdAt:e.createdAt,fileType:e.contentType},()=>this.handlePreviewClick(e.id),async()=>{await this.handleDownloadClick(e.id,e.fileName)},e.isError,this.downloadingFileId===e.id&&!e.isError,e.errorMessage)}))}render(){return l(g||(g=d(['<div class="ticket-details-body__section">\n      <span class="informations-section__title">Attachments</span>\n\n      ','\n\n      <div class="attachment-container">\n        <ix-file-uploader\n          class=',"\n          .extensions=","\n          .allowMultipleFiles=","\n          .allowDuplicates=",'\n          headerText="Click here to browse your device or drop files to upload"\n          bodyText="Max file size is 10MB with accepted file formats of: JPG (JPEG), PNG, PDF, GIF, DOC/X, XLS/X, CSV"\n          @on-files-uploaded=',"\n        ></ix-file-uploader>\n      </div>\n    </div>"])),this.renderAttachments(),this.IsDisabled?"disabled":"",T,!0,!0,t=>this.handleFileUploaded(t))}};s.styles=[A],r([c()],s.prototype,"ticketType",void 0),r([c()],s.prototype,"requestType",void 0),r([c()],s.prototype,"ticketNumber",void 0),r([c({type:Boolean})],s.prototype,"IsDisabled",void 0),r([p()],s.prototype,"isUploading",void 0),r([p()],s.prototype,"downloadingFileId",void 0),s=r([b("attachments-section")],s);export{s as AttachmentsSection};

package/dist/components/shared/ui-service-management6.js

@@ -0,0 +1 @@
+import{__decorate as t}from"tslib";import{LitElement as d,html as a}from"lit";import{property as i,customElement as p}from"lit/decorators.js";import{ServiceTicketsStyles as m}from"../../styles/ui-service-management5.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-select/ix-select-option.js";import{Theme as u}from"../../styles/ui-service-management8.js";import{CrossIcon as v}from"./ui-service-management11.js";import{CancellationReasons as h}from"../../constants/ui-service-management4.js";import{TWStyles as g}from"../../ui-service-management2.js";var l=Object.freeze,y=Object.defineProperty,c=(n,o)=>l(y(n,"raw",{value:l(o||n.slice())})),s,r;let e=class extends d{constructor(){super(...arguments),this.isDialogOpen=!0,this.selectedCancellationReason=""}handleCancellationChange(n){this.onCancellationSelected(n)}onCancellationReject(){this.onReject()}render(){return a(r||(r=c([' <ix-dialog\n      id="cancellation-dialog"\n      ?open=',"\n      @keydown=","\n      @closed=",'\n    >\n      <div slot="content" class="form-wrapper">\n        <h3 class="dialog__title dlr-text-heading">\n          Are you sure you want to cancel this ticket?\n          <span\n            role="button"\n            tabindex="0"\n            @click=',"\n            @keydown=",'\n          >\n            <svg\n              xmlns="http://www.w3.org/2000/svg"\n              width="24"\n              height="24"\n              viewBox="0 0 24 24"\n            >\n              ','\n            </svg></span\n          >\n        </h3>\n        <div class="form-wrapper__fields cancellation-dialog">\n          <ix-select\n            class="dialog-input"\n            label="Reason for cancellation"\n            name="cancellationReason"\n            menu-positioning="fixed"\n            .wideMenu=',"\n            required\n            @input=","\n            @blur=","\n          >\n            ",'\n          </ix-select>\n          <div class="required-text">*Required</div>\n        </div>\n      </div>\n      <div slot="actions" class="cancellation__button-container">\n        <ix-button\n          .disabled=','\n          appearance="text"\n          @click=','\n        >\n          <span class="button-label cancellation__button-text"\n            >CANCEL TICKET</span\n          >\n        </ix-button>\n      </div>\n    </ix-dialog>'])),this.isDialogOpen,n=>{n.key==="Escape"&&this.onCancellationReject()},()=>this.onReject(),()=>{this.onCancellationReject()},n=>{(n.key==="Enter"||n.key==="Space")&&this.onCancellationReject()},v,!0,n=>this.handleCancellationChange(n.target.value),n=>{var o;((o=n.relatedTarget)===null||o===void 0?void 0:o.id)==="cancellation-dialog"&&this.onCancellationReject()},Object.values(h).map(n=>a(s||(s=c(['\n                <ix-select-option\n                  .value="','"\n                  .selected="','"\n                >\n                  <div slot="headline">',"</div>\n                </ix-select-option>\n              "])),n,this.selectedCancellationReason===n,n)),this.selectedCancellationReason==="",()=>{this.onAccept()})}};e.styles=[g,m,u],t([i({type:Function})],e.prototype,"onAccept",void 0),t([i({type:Function})],e.prototype,"onReject",void 0),t([i({type:Function})],e.prototype,"onCancellationSelected",void 0),t([i({type:Boolean})],e.prototype,"isDialogOpen",void 0),t([i({type:String})],e.prototype,"selectedCancellationReason",void 0),e=t([p("cancellation-dialog")],e);export{e as CancellationDialog};

package/dist/components/shared/ui-service-management7.js

@@ -0,0 +1 @@
+import{__decorate as m}from"tslib";import{LitElement as k,html as n,nothing as b}from"lit";import{property as d,state as c,customElement as A}from"lit/decorators.js";import E from"moment";import{AppGeneralStyles as D}from"../../styles/ui-service-management4.js";import{ServiceTicketsStyles as O}from"../../styles/ui-service-management5.js";import{postComment as N}from"../../services/ui-service-management18.js";import{DefaultDateFormat as H}from"../../constants/ui-service-management2.js";import P from"../../services/ui-service-management4.js";import"@digital-realty/ix-toast/ix-toasters.js";import"@digital-realty/ix-toast/ix-message-toast.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-date-next/ix-date-next.js";import{TWStyles as S}from"../../ui-service-management2.js";var p=Object.freeze,I=Object.defineProperty,o=(t,e)=>p(I(t,"raw",{value:p(e||t.slice())})),h,l,v,y,g,u,x,C,f,w,T;let r=class extends k{static get styles(){return[S,D,O]}constructor(){super(),this.useNewDatePickerComponent=!1,this.ticketNumber=void 0,this.IsDisabled=!1,this.isCommentAdding=!1,this.commentErrorText=void 0,this.comment="",this.useNewDatePickerComponent=P.showNewDatePickerComponent()}handleCommentChange(t){this.setCommentsHeight(t);const e=t.value;this.commentErrorText=e&&(e.length<3||e.length>4e3)?"Comment has to be between 3 and 4000 characters long":void 0,this.comment=e}setCommentsHeight(t){t.style.height="auto",t.style.height="".concat(t.scrollHeight/16,"rem"),t.scrollTop=t.scrollHeight}resetCommentHeight(){this.textArea.style.height="auto"}renderErrorToast(t){window.dispatchEvent(new CustomEvent("add-toast",{detail:{id:"test",content:n(h||(h=o(['<ix-message-toast\n            forceClose="false"\n            toastId="test"\n            type="error"\n            >',"</ix-message-toast\n          >"])),t),vertical:"bottom",horizontal:"center",animated:!0,above:!1}}))}async handleCommentKeyChange(t){this.comment&&!this.commentErrorText&&t.key==="Enter"&&!this.isCommentAdding&&(this.isCommentAdding=!0,await N(this.ticketType,this.comment,this.ticketNumber).then(e=>{e?(this.comment="",this.comments=e,this.resetCommentHeight()):this.renderErrorToast("An error has occurred, try again later"),this.isCommentAdding=!1}))}renderComments(){var t,e;if(!(!((t=this.comments)===null||t===void 0)&&t.length))return n(l||(l=o(["<p>No comments yet.</p>"])));this.comments=this.comments.sort((s,i)=>new Date(i.commentedOn).getTime()-new Date(s.commentedOn).getTime());const a={};return(e=this.comments)===null||e===void 0||e.forEach(s=>{const i=E(s.commentedOn).format(H);a[i]?a[i].push(s):a[i]=[s]}),n(f||(f=o(["\n      ","\n    "])),Object.keys(a).map(s=>n(C||(C=o(['<div class="commentsGroup">\n            <p>\n              ',"\n            </p>\n            ","\n          </div>"])),this.useNewDatePickerComponent?n(v||(v=o(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  ></ix-date-next>"])),a[s][0].commentedOn):n(y||(y=o(['<ix-date\n                    type="static"\n                    .value=',"\n                  ></ix-date>"])),a[s][0].commentedOn),a[s].map(i=>n(x||(x=o([' <div class="commentContainer">\n                  <div class="avatarContainer">\n                    <div>\n                      <span class="material-symbols-outlined">person</span>\n                    </div>\n                  </div>\n                  <div class="content">\n                    <span\n                      >'," Said on\n                      ","\n                    </span>\n                    <p>","</p>\n                  </div>\n                </div>"])),i.commentedBy,this.useNewDatePickerComponent?n(g||(g=o(['<ix-date-next\n                            type="static"\n                            variant="date-time"\n                            dateTimeText="at"\n                            .value=',"\n                          ></ix-date-next>"])),i.commentedOn):n(u||(u=o(['<ix-date\n                            type="static"\n                            variant="date-time"\n                            dateTimeText="at"\n                            .value=',"\n                          ></ix-date>"])),i.commentedOn),i.comment)))))}renderLoading(){return this.isCommentAdding?n(w||(w=o(['<div class="w-full flex justify-center">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):b}get textArea(){return this.shadowRoot.querySelector("textarea")}render(){return n(T||(T=o([' <ix-toasters> </ix-toasters>\n      <div class="ticketComments">\n        <div>\n          <h3 class="dlr-text-heading">Activity</h3>\n\n          <div class="form-wrapper">\n            <div class="form-wrapper__fields">\n              <textarea\n                type="text"\n                placeholder="Add Comment"\n                id="commentInput"\n                rows="1"\n                .value=',"\n                ?error=","\n                @input=","\n                @keydown=","\n                ?disabled=",'\n              >\n              </textarea>\n\n              <span class="error">',"</span>\n            </div>\n          </div>\n        </div>\n\n        "," ","\n      </div>"])),this.comment,!!this.commentErrorText,t=>this.handleCommentChange(t.target),t=>this.handleCommentKeyChange(t),this.IsDisabled||this.isCommentAdding,this.commentErrorText,this.renderLoading(),this.renderComments())}};m([d()],r.prototype,"ticketNumber",void 0),m([d()],r.prototype,"ticketType",void 0),m([d({type:Boolean})],r.prototype,"IsDisabled",void 0),m([d({type:Array})],r.prototype,"comments",void 0),m([c()],r.prototype,"isCommentAdding",void 0),m([c()],r.prototype,"commentErrorText",void 0),m([c()],r.prototype,"comment",void 0),r=m([A("ticket-comments")],r);export{r as TicketComments};

package/dist/components/shared/ui-service-management8.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{LitElement as p,html as i,nothing as c}from"lit";import{property as o,customElement as d}from"lit/decorators.js";import"@digital-realty/ix-progress/ix-progress.js";import"./ui-service-management13.js";import{ServiceTicketsStyles as g}from"../../styles/ui-service-management5.js";import{TWStyles as v}from"../../ui-service-management2.js";var s=Object.freeze,f=Object.defineProperty,n=(t,l)=>s(f(t,"raw",{value:s(l||t.slice())})),a,m;let e=class extends p{render(){return this.loadingsState.serviceTicket||this.loadingsState.isTicketCancelling?i(a||(a=n(['<div class="w-full mt-6">\n        <ix-progress .indeterminate=',"></ix-progress>\n      </div>"])),!0):this.errorState.fetchingTicket?i(m||(m=n(["<sm-error></sm-error>"]))):c}};e.styles=[g,v],r([o()],e.prototype,"loadingsState",void 0),r([o()],e.prototype,"errorState",void 0),e=r([d("loading-error-section")],e);export{e as LoadingErrorSection};

package/dist/components/shared/ui-service-management9.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import{html as t,LitElement as y,nothing as a}from"lit";import{property as l,customElement as b}from"lit/decorators.js";import{InfoFieldStyles as g}from"../../styles/ui-service-management9.js";import{InfoIcon as w}from"./ui-service-management11.js";import{TWStyles as V}from"../../ui-service-management2.js";var d=Object.freeze,_=Object.defineProperty,i=(n,r)=>d(_(n,"raw",{value:d(r||n.slice())})),p,c,f,h,v,u,m;const s="-",x=n=>{if(!n||n.length===0)return s;const r=typeof n=="string"?n.split(","):n;return t(c||(c=i(['<div class="chip-container">\n    ',"\n  </div>"])),r.map(I=>t(p||(p=i(['<span class="chip">',"</span>"])),I)))};let e=class extends y{constructor(){super(...arguments),this.label="",this.blankValueText=s,this.hideIcon=!1,this.useHtmlValue=!1,this.showInfoIcon=!1}renderInfoIcon(){return this.showInfoIcon?t(f||(f=i(['\n      <svg\n        xmlns="http://www.w3.org/2000/svg"\n        width="24"\n        height="24"\n        viewBox="0 0 24 24"\n        fill="none"\n      >\n        ',"\n      </svg>\n    "])),w):a}renderIcon(){return this.hideIcon?a:t(h||(h=i([' <div class="info-field__icon">\n      <slot name="icon"></slot>\n    </div>'])))}renderValue(){return this.useHtmlValue?t(v||(v=i(['<slot name="htmlValue"></slot>']))):t(u||(u=i(["",""])),this.value||this.blankValueText)}render(){return t(m||(m=i(['\n      <div class="info-field">\n        ','\n        <div class="info-field__body">\n          <div class="info-field__label-container">\n            <div class="dlr-text-small font-bold">',"</div>\n            ",'\n          </div>\n          <div class="info-field__value break-all">',"</div>\n        </div>\n      </div>\n    "])),this.renderIcon(),this.label,this.renderInfoIcon(),this.renderValue())}};e.styles=[V,g],o([l({type:String})],e.prototype,"label",void 0),o([l({type:String})],e.prototype,"value",void 0),o([l({type:String})],e.prototype,"blankValueText",void 0),o([l({type:Boolean})],e.prototype,"hideIcon",void 0),o([l({type:Boolean})],e.prototype,"useHtmlValue",void 0),o([l({type:Boolean})],e.prototype,"showInfoIcon",void 0),e=o([b("info-field")],e);export{e as InfoField,s as blankValueText,x as renderChips};

package/dist/components/site-maintenance/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as m}from"tslib";import{MobxLitElement as j}from"@adobe/lit-mobx";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-chip/ix-chip.js";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-drawer/ix-drawer.js";import"@digital-realty/ix-grid/ix-grid-nav.js";import"@digital-realty/ix-grid/ix-grid-no-rows.js";import"@digital-realty/ix-grid/ix-grid.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-tooltip/ix-tooltip.js";import{html as s,nothing as f}from"lit";import{state as u,customElement as H}from"lit/decorators.js";import{reaction as R}from"mobx";import{NonLocationBasedPermissionName as g,LocationPrivilegeLevels as v,DefaultPageSize as w}from"../../constants/ui-service-management4.js";import{ApplicationPath as $}from"../../constants/ui-service-management7.js";import{FieldType as p}from"../../enums/ui-service-management2.js";import{Operator as k}from"../../enums/ui-service-management3.js";import{debounce as Z}from"../../helpers/ui-service-management14.js";import{handleError as Q}from"../../helpers/ui-service-management6.js";import{buildODataQuery as C}from"../../helpers/ui-service-management15.js";import{getPathByName as J}from"../../routes/ui-service-management.js";import{RouteNames as W}from"../../routes/ui-service-management2.js";import{authService as X}from"../../services/ui-service-management.js";import{downloadPlannedMaintenceTickets as Y}from"../../services/ui-service-management8.js";import ee from"../../services/ui-service-management4.js";import{permissionsState as b}from"../../state/ui-service-management15.js";import{siteMaintenanceState as d}from"../../state/ui-service-management16.js";import{ServiceTicketsStyles as te}from"../../styles/ui-service-management5.js";import"../shared/ui-service-management12.js";import"../shared/ui-service-management13.js";import"./ui-service-management2.js";var S=Object.freeze,ie=Object.defineProperty,r=(e,t)=>S(ie(e,"raw",{value:S(t||e.slice())})),P,D,x,T,L,I,M,N,q,A,_,F,B,E,O,G,V,K,z;let h=class extends j{constructor(){super(),this.buttons=[{path:"/reports/security",text:"Security Reports",permissionsInfo:{requiredPermissions:[g.Security],requiredPrivilegeLevel:v.Read.toUpperCase()}},{path:"/reports/dcim",text:"DCIM Reports",permissionsInfo:{requiredPermissions:[g.DCIM],requiredPrivilegeLevel:v.Read.toUpperCase()}},{path:J(W.Reports),text:"Planned Maintenance",selected:!0,permissionsInfo:{requiredPermissions:[g.PlannedSiteMaintenance],requiredPrivilegeLevel:v.Read.toUpperCase()}}],this.showDrawer=!1,this.maintenanceRecords=void 0,this.maintenanceRecord=void 0,this.displayButtons=[],this.toggleVisibilityReactionDisposers=new Map,this.selectedMaintenanceRecordFromList=void 0,this.fetchTicketsController=new AbortController,this.listSort="start_date desc",this.listSkip=0,this.listPageSize=w,this.ticketId=null,this.useNewDatePickerComponent=!1,this.dateCellRenderer=e=>t=>{const i=t[e],n=this.useNewDatePickerComponent?s(P||(P=r(['<ix-date-next\n            type="static"\n            .value=',"\n            .noTimeZoneConversion=","\n          ></ix-date-next>"])),i,!0):s(D||(D=r(['<ix-date\n            type="static"\n            .value=',"\n            .noTimeZoneConversion=","\n          ></ix-date>"])),i,!0);return s(x||(x=r(["<span\n        @click=","\n        @keypress=","\n      >\n        ","\n      </span>"])),()=>this.handleRowClick(t),o=>this.handleKeyPress(o,t),n)},this.handleTicketIdChange=async()=>{var e;try{const t=new URLSearchParams(window.location.search);if(this.ticketId=t.get("ticketId"),this.ticketId){const i=await d.GetSiteMaintenance(this.ticketId);this.maintenanceRecord=(e=i==null?void 0:i.items)===null||e===void 0?void 0:e.shift(),this.maintenanceRecord&&(this.showDrawer=!0)}}catch(t){Q(t)}},this.useNewDatePickerComponent=ee.showNewDatePickerComponent()}connectedCallback(){try{super.connectedCallback()}catch(e){if(!(e instanceof TypeError))throw e}this.debouncedHandleTableChange=Z(this.handleTableChange.bind(this),300),window.addEventListener("vaadin-router-location-changed",this.handleTicketIdChange)}toggleDrawer(){this.showDrawer=!this.showDrawer,this.showDrawer||window.history.replaceState({},document.title,"".concat($,"/reports"))}handleKeyPress(e,t){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleRowClick(t))}getColumns(){return[{name:"id",header:"ID",bodyRenderer:e=>s(T||(T=r(["<span\n            @click=","\n            @keypress=","\n            >","</span\n          >"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.id),sortable:!0,filterable:!0,filterOperators:["contains","equals"]},{name:"subject",header:"Short Description",width:"300px",bodyRenderer:e=>s(L||(L=r(["<span\n            @click=","\n            @keypress=","\n            >","</span\n          >"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.subject),sortable:!0,filterable:!0,filterOperators:["contains","equals"]},{name:"start_date",header:"Start Date",width:"120px",bodyRenderer:this.dateCellRenderer("startDate"),sortable:!0},{name:"end_date",header:"End Date",width:"120px",bodyRenderer:this.dateCellRenderer("endDate"),sortable:!0},{name:"status",header:"Status",width:"100px",bodyRenderer:e=>s(I||(I=r(["<span\n            @click=","\n            @keypress=","\n            >","</span\n          >"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.status),sortable:!0,filterable:!0,filterOperators:["contains","equals"]},{name:"activity_type",header:"Activity Type",width:"120px",bodyRenderer:e=>s(M||(M=r(["<span\n            @click=","\n            @keypress=","\n            >","</span\n          >"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.activityType),sortable:!0,filterable:!0,filterOperators:["contains","equals"]},{name:"site",header:"Site",width:"120px",bodyRenderer:e=>s(N||(N=r(["<site-location-cell\n            @click=","\n            @keypress=","\n            .items=","\n          ></site-location-cell>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),[e.site]),sortable:!0,filterable:!0,filterOperators:["contains","equals"]},{name:"locations",header:"Location",width:"120px",bodyRenderer:e=>s(q||(q=r(["<site-location-cell\n            @click=","\n            @keypress=","\n            .items=","\n          ></site-location-cell>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.locations),sortable:!0,filterable:!0,filterOperators:["contains","equals"]},{name:"attachments",header:"Attachments",width:"200px",bodyRenderer:e=>{var t,i;return s(F||(F=r(["\n            ","\n          "])),!((t=e.attachments)===null||t===void 0)&&t.length?s(_||(_=r([' <ix-progress\n                    id="progress-','"\n                    .linear=','\n                    indeterminate="false"\n                    style="\n                        --md-circular-progress-size: 1.5rem;\n                        display: none;\n                        padding: 0.0625rem;\n                      "\n                  ></ix-progress>\n                  <div\n                    style="display:flex;\n                                flex-direction:column;\n                                flex-flow:wrap;\n                                gap:0.625rem"\n                  >\n                    ',"\n                  </div>"])),e.id,!1,(i=e.attachments)===null||i===void 0?void 0:i.map(n=>s(A||(A=r(["<div\n                                @click=",'\n                                id="content-','"\n                                ticket-id="','"\n                                attachment-id="','"\n                                class="file-attachment"\n                                style="background: #f5f7ff;\n                                padding: 0.25rem 0.5rem;\n                                ">\n                        <span>',"</span></div>\n                      </div>"])),o=>this.handleAttachmentClick(o,n),n.id,e.id,n.id,n.fileName))):"No Attachments")}},{name:"notification_type",header:"Notification Type",width:"120px",bodyRenderer:e=>s(B||(B=r(["<span\n            @click=","\n            @keypress=","\n            >","</span\n          >"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.notificationType),sortable:!0,filterable:!0,filterOperators:["contains","equals"]},{name:"risk_level",header:"Risk Level",width:"120px",bodyRenderer:e=>s(E||(E=r(["<span\n            @click=","\n            @keypress=","\n            >","</span\n          >"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.riskLevel),sortable:!0,filterable:!0,filterOperators:["contains","equals"]}]}get downloadMenuItems(){return[{label:"Download All Reports",name:"download-all-tickets",onClick:e=>{this.handleDownloadCsv(e)}},{label:"Download Current View",name:"download-current-filter",onClick:e=>{this.handleDownloadCsv(e)}}]}async handleTableChange(e){const{columnName:t,page:i,pageSize:n,sortOrder:o,filters:a,filtersOperators:l}=e.detail;this.listPageSize=n;const c={status:this.tryGetFilter(a,l,"status",p.Single,!0),id:this.tryGetFilter(a,l,"id",p.Single,!0),subject:this.tryGetFilter(a,l,"subject",p.Single,!0),activity_type:this.tryGetFilter(a,l,"activity_type",p.Single,!0),site:this.tryGetFilter(a,l,"site",p.Single,!0),locations:this.tryGetFilter(a,l,"locations",p.StringCollection,!0),notification_type:this.tryGetFilter(a,l,"notification_type",p.Single,!0),risk_level:this.tryGetFilter(a,l,"risk_level",p.Single,!0,void 0)};this.currentFilters=c,t&&o&&(this.listSort="".concat(t," ").concat(o)),this.listSkip=(i-1)*this.listPageSize,this.fetchTicketsController.abort(),this.fetchTicketsController=new AbortController,this.fetchTickets({signal:this.fetchTicketsController.signal})}async fetchTickets(e){const t=this.listPageSize||w,i=C(this.currentFilters,{orderBy:this.listSort?[this.listSort]:["start_date desc"],top:t,skip:this.listSkip}),n=new URLSearchParams(i);this.maintenanceRecords=await d.GetSiteMaintenanceList(n.get("$filter")||void 0,n.get("$orderby")||void 0,this.listSkip,t,e)}async firstUpdated(){const e=await X.getHashedRootAccountNumberAndUserEmail();e&&(this.hashedLocalStorageID="site-maintenance-tickets-".concat(e)),this.subDisposer=R(()=>b.permissionMap,async()=>{this.displayButtons=this.buttons.filter(t=>this.checkButtonPermissions(t)),this.requestUpdate()}),this.displayButtons=this.buttons.filter(t=>this.checkButtonPermissions(t)),this.displayButtons.length>0&&this.requestUpdate(),b.loadPermissions(!0),this.handleTicketIdChange()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),window.removeEventListener("vaadin-router-location-changed",this.handleTicketIdChange),this.subDisposer(),this.toggleVisibilityReactionDisposers.forEach(e=>e()),this.toggleVisibilityReactionDisposers.clear()}toggleVisability(e,t,i){const n=e.closest("vaadin-grid-cell-content"),o=n==null?void 0:n.querySelector("#progress-".concat(t));o.style.display=i?"inline-block":"none";const a=e;a.style.display=i?"none":"inline-block"}async handleAttachmentClick(e,t){const i=e.currentTarget,n=i.getAttribute("ticket-id")||"",o=i.getAttribute("attachment-id")||"",a="".concat(n,"_").concat(o);this.toggleVisibilityReactionDisposers.has(a)&&this.deleteToggleVisibilityReactionByKey(a);const l=R(()=>d.loadings.downloadAttachment[a],c=>{this.toggleVisability(i,n,c),c||this.deleteToggleVisibilityReactionByKey(a)});this.toggleVisibilityReactionDisposers.set(a,l),await d.downloadSiteMaintenanceAttachment(n,o,t.fileName||n)}deleteToggleVisibilityReactionByKey(e){this.toggleVisibilityReactionDisposers.get(e)(),this.toggleVisibilityReactionDisposers.delete(e)}async handleRowClick(e){var t;if(e!=null&&e.id){this.selectedMaintenanceRecordFromList=e;const i=await d.GetSiteMaintenance(e.id);this.maintenanceRecord=(t=i==null?void 0:i.items)===null||t===void 0?void 0:t.find(n=>n.id===e.id),this.showDrawer=!0}}async handleDownloadCsv(e){switch(e){case"download-all-tickets":await d.downloadSiteMaintenanceList();break;case"download-current-filter":{const t=this.listPageSize||w,i=C(this.currentFilters,{orderBy:this.listSort?[this.listSort]:["status desc"],top:t,skip:this.listSkip}),n=new URLSearchParams(i);await Y(n.get("$filter")||void 0,n.get("$orderby")||void 0,this.listSkip,t);break}}}tryGetFilter(e,t,i,n,o,a=void 0){const l=t.find(y=>y.columnField===i);if(l===void 0)return[];const c=e[i];if(c===void 0)return[];const U=l.operator==="contains"?k.Contains:k.Equals;return(Array.isArray(c)?c:[c]).map(y=>({matchValue:y.value||y,equalityOperator:U,concatenationOperator:k.Or,fieldType:n,ignoreCase:o,objectProperty:a}))}checkButtonPermissions(e){return e.permissionsInfo?b.checkPermissionAndPrivilge(e.permissionsInfo.requiredPermissions,e.permissionsInfo.requiredPrivilegeLevel):!0}renderGridNoRows(){const e=d.errorSiteMaintenanceGrid?"Sorry, an error has occurred":this.maintenanceRecords!==void 0?"No data to display":null;return e?s(O||(O=r(['<ix-grid-no-rows\n          slot="no-rows"\n          message="','"\n        ></ix-grid-no-rows>'])),e):f}render(){var e,t,i,n;return s(G||(G=r(['<div class="maintenance-grid">\n        <ix-grid\n          session-storage-key="sm-site-maintenance"\n          column-reordering-allowed\n          .columns=',"\n          .downloadMenuItems=","\n          .rows=","\n          .recordCount=","\n          @change=","\n          .localStorageID=","\n          .addParamsToURL=","\n          .pageSize=","\n          .pageSizes=","\n          .isLoading=","\n          .isDownloading=",'\n        >\n          <div class="maintenance-grid-header" slot="header">\n            <ix-grid-nav\n              class="reports-grid-nav"\n              .buttons=',"\n            ></ix-grid-nav>\n          </div>\n\n          ","\n        </ix-grid>\n      </div>\n      <ix-tooltip></ix-tooltip>\n\n      <ix-drawer\n        ?isVisible=","\n        .onClosed=",'\n        class="site-maintenance-drawer"\n      >\n        ','\n        <div slot="content">',"</div>\n      </ix-drawer>"])),this.getColumns(),this.downloadMenuItems,(t=(e=this.maintenanceRecords)===null||e===void 0?void 0:e.items)!==null&&t!==void 0?t:[],(n=(i=this.maintenanceRecords)===null||i===void 0?void 0:i.totalCount)!==null&&n!==void 0?n:0,this.debouncedHandleTableChange,this.hashedLocalStorageID,!1,20,[5,10,20,50,100],d.loadings.siteMaintenanceList||d.loadings.getPlannedMaintenanceTicket,d.loadings.downloadSiteMaintenanceList,this.displayButtons,this.renderGridNoRows(),this.showDrawer,()=>this.toggleDrawer(),this.renderHeader(),this.renderBody())}renderHeader(){var e;return s(V||(V=r(['<div slot="header">\n      <div class="site-maintenance-details__header">\n        <span>PLANNED SITE MAINTENANCE</span>\n      </div>\n      <div class="site-maintenance-details__subheader">\n        <span>',"</span>\n      </div>\n    </div>"])),(e=this.selectedMaintenanceRecordFromList)===null||e===void 0?void 0:e.subject)}renderBody(){return d.loadings.getPlannedMaintenanceTicket?f:this.maintenanceRecord?this.renderTicketDetails():this.renderError()}renderTicketDetails(){return s(K||(K=r(["<site-maintenance-details\n      .maintenance=","\n    ></site-maintenance-details>"])),this.maintenanceRecord)}renderError(){return s(z||(z=r(['<div class="report-drawer-error">\n      <sm-error>\n        This report is currently not available. Check back later, or contact\n        support.\n      </sm-error>\n    </div>'])))}};h.styles=[te],m([u()],h.prototype,"hashedLocalStorageID",void 0),m([u()],h.prototype,"currentFilters",void 0),m([u()],h.prototype,"showDrawer",void 0),m([u()],h.prototype,"maintenanceRecords",void 0),m([u()],h.prototype,"maintenanceRecord",void 0),h=m([H("site-maintenance-list")],h);export{h as SiteMaintenanceList};

package/dist/components/site-maintenance/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as v}from"tslib";import{MobxLitElement as D}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{html as l}from"lit";import{property as k,customElement as x}from"lit/decorators.js";import{reaction as C}from"mobx";import{getReportServiceTypeLabel as T}from"../../helpers/ui-service-management23.js";import V from"../../services/ui-service-management4.js";import{siteMaintenanceState as y}from"../../state/ui-service-management16.js";import{ServiceTicketsStyles as R}from"../../styles/ui-service-management5.js";import{TWStyles as A}from"../../ui-service-management2.js";var h=Object.freeze,w=Object.defineProperty,m=(n,s)=>h(w(n,"raw",{value:h(s||n.slice())})),u,f,g,_,b;let c=class extends D{constructor(){super(),this.toggleVisibilityReactionDisposers=new Map,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=V.showNewDatePickerComponent()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.toggleVisibilityReactionDisposers.forEach(n=>n()),this.toggleVisibilityReactionDisposers.clear()}async handleAttachmentClick(n,s){const i=n.currentTarget,t=this.maintenance.id||"",a=i.getAttribute("attachment-id")||"";this.toggleVisability(i,a,!0);const e="".concat(t,"_").concat(a);this.toggleVisibilityReactionDisposers.has(e)&&this.deleteToggleVisibilityReactionByKey(e);const o=C(()=>y.loadings.downloadAttachment[e],r=>{this.toggleVisability(i,a,r),r||this.deleteToggleVisibilityReactionByKey(e)});this.toggleVisibilityReactionDisposers.set(e,o),await y.downloadSiteMaintenanceAttachment(t,a,s.fileName||t)}deleteToggleVisibilityReactionByKey(n){this.toggleVisibilityReactionDisposers.get(n)(),this.toggleVisibilityReactionDisposers.delete(n)}toggleVisability(n,s,i){const t=n.parentElement,a=t==null?void 0:t.querySelector("#progress-".concat(s));a.style.display=i?"inline-block":"none";const e=n;e.style.display=i?"none":"inline-block"}renderStaticDate(n){return n?this.useNewDatePickerComponent?l(f||(f=m(['<ix-date-next\n        type="static"\n        .value=',"\n        .noTimeZoneConversion=","\n      ></ix-date-next>"])),n,!0):l(g||(g=m(['<ix-date\n      type="static"\n      .value=',"\n      .noTimeZoneConversion=","\n    ></ix-date>"])),n,!0):l(u||(u=m(["---"])))}render(){var n,s,i,t,a,e,o,r,d;return l(b||(b=m(['<div class="">\n      <div class="summary-form">\n        <div class="summary-form__field" name="id">\n          <span>Work Order ID</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="site">\n          <span>Affected Site</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="locations">\n          <span>Affected Location(s)</span>\n          <span\n            >','</span\n          >\n        </div>\n\n        <div class="summary-form__field" name="category">\n          <span>Category</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="activityType">\n          <span>Activity Type</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="activitySubtype">\n          <span>Activity Subtype</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="activityCategory">\n          <span>Activity Category</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="approvalStatus">\n          <span>Approval Status</span>\n          <span class="first-letter:uppercase"\n            >','</span\n          >\n        </div>\n\n        <div class="summary-form__field" name="status">\n          <span>State</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="serviceType">\n          <span>Service Type</span>\n          <span\n            >','</span\n          >\n        </div>\n\n        <div class="summary-form__field" name="riskLevel">\n          <span>Risk Level</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="startDate">\n          <span>Start Date</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field" name="endDate">\n          <span>End Date</span>\n          <span>','</span>\n        </div>\n\n        <ix-divider></ix-divider>\n\n        <div class="summary-form__field" name="subject">\n          <span>Short Description</span>\n          <span>','</span>\n        </div>\n\n        <ix-divider></ix-divider>\n\n        <div class="summary-form__field" name="highLevelSummary">\n          <span>High-level Summary</span>\n          <span>','</span>\n        </div>\n\n        <ix-divider></ix-divider>\n\n        <div class="summary-form__field" name="attachments">\n          <span>Method of Procedure (attachments)</span>\n          <div>\n            ',"\n          </div>\n        </div>\n      </div>\n    </div>"])),this.maintenance.id,this.maintenance.site,!((n=this.maintenance.locations)===null||n===void 0)&&n.length?this.maintenance.locations.join(", "):"---",this.maintenance.category,(s=this.maintenance.activityType)!==null&&s!==void 0?s:"---",(i=this.maintenance.activitySubtype)!==null&&i!==void 0?i:"---",(t=this.maintenance.activityCategory)!==null&&t!==void 0?t:"---",(a=this.maintenance.approvalStatus)!==null&&a!==void 0?a:"---",this.maintenance.status,(e=T(this.maintenance.serviceType))!==null&&e!==void 0?e:"---",(o=this.maintenance.riskLevel)!==null&&o!==void 0?o:"---",this.renderStaticDate(this.maintenance.startDate),this.renderStaticDate(this.maintenance.endDate),this.maintenance.subject,(r=this.maintenance.highLevelSummary)!==null&&r!==void 0?r:"---",(d=this.maintenance.attachments)===null||d===void 0?void 0:d.map(p=>l(_||(_=m([' <ix-progress\n                    id="progress-','"\n                    .linear=','\n                    indeterminate="false"\n                    style="\n                    --md-circular-progress-size: 2rem;\n                    display: none;\n                    padding: 0.0625rem;\n                  "\n                  ></ix-progress>\n\n                  <div\n                    @click=','\n                    attachment-id="','"\n                    class="file-attachment pointer"\n                  >\n                    <span>',"</span>\n                  </div>"])),p.id,!1,S=>this.handleAttachmentClick(S,p),p.id,p.fileName)))}};c.styles=[R,A],v([k()],c.prototype,"maintenance",void 0),c=v([x("site-maintenance-details")],c);export{c as SiteMaintenanceDetails};

package/dist/components/trouble-ticket/details/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as g}from"tslib";import{html as n}from"lit";import{MobxLitElement as D}from"@adobe/lit-mobx";import{customElement as y}from"lit/decorators.js";import{ifDefined as I}from"lit-html/directives/if-defined.js";import"@digital-realty/ix-chip/ix-custom-chip.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-date-next/ix-date-next.js";import{ServiceTicketsStyles as w}from"../../../styles/ui-service-management5.js";import{troubleTicketState as e}from"../../../state/ui-service-management10.js";import"../../shared/ui-service-management9.js";import{NumberIcon as C,DocumentIcon as S,StatusIcon as N,PersonIcon as O,CreateDateIcon as P,UpdatedDateIcon as V}from"../../shared/ui-service-management11.js";import{mapStatusToChipAppearance as u}from"../../../helpers/ui-service-management13.js";import H from"../../../services/ui-service-management4.js";var f=Object.freeze,j=Object.defineProperty,t=(i,o)=>f(j(i,"raw",{value:f(o||i.slice())})),p,k,_,T,x,b,h;let l=class extends D{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=H.showNewDatePickerComponent()}render(){var i,o,s,c,a,d,r,m,v;return n(h||(h=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="Trouble Ticket"\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\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>"])),I((i=e.selectedTicket)===null||i===void 0?void 0:i.id),C,S,N,u((o=e===null||e===void 0?void 0:e.selectedTicket)===null||o===void 0?void 0:o.state)!=="default"?n(p||(p=t(["\n                    <ix-custom-chip\n                      pill\n                      appearance=","\n                    ></ix-custom-chip>\n                  "])),u((s=e===null||e===void 0?void 0:e.selectedTicket)===null||s===void 0?void 0:s.state)):n(k||(k=t([' <ix-custom-chip appearance="default" pill noIcon\n                    >',"\n                  </ix-custom-chip>"])),(c=e===null||e===void 0?void 0:e.selectedTicket)===null||c===void 0?void 0:c.state),(a=e.selectedTicket)===null||a===void 0?void 0:a.requester,O,P,this.useNewDatePickerComponent?n(_||(_=t(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  ></ix-date-next>"])),(d=e.selectedTicket)===null||d===void 0?void 0:d.createdOn):n(T||(T=t(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(r=e.selectedTicket)===null||r===void 0?void 0:r.createdOn),V,this.useNewDatePickerComponent?n(x||(x=t(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  ></ix-date-next>"])),(m=e.selectedTicket)===null||m===void 0?void 0:m.updatedOn):n(b||(b=t(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(v=e.selectedTicket)===null||v===void 0?void 0:v.updatedOn))}};l.styles=[w],l=g([y("trouble-ticket-information-section")],l);export{l as TroubleTicketInformationSection};

package/dist/components/trouble-ticket/details/ui-service-management2.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{ifDefined as u}from"lit-html/directives/if-defined.js";import{troubleTicketState as n}from"../../../state/ui-service-management10.js";import{ServiceTicketsStyles as b}from"../../../styles/ui-service-management5.js";import{SharedTicketStatus as _}from"../../../enums/ui-service-management.js";import{TWStyles as k}from"../../../ui-service-management2.js";var a=Object.freeze,T=Object.defineProperty,c=(e,i)=>a(T(e,"raw",{value:a(i||e.slice())})),r,d;let t=class extends v{render(){var e,i,o,s;return l(d||(d=c(['\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="Subject"\n              value="','"\n              .hideIcon=','\n            >\n            </info-field>\n          </div>\n\n          <div class="informations-section__items-row">\n            <info-field label="Description" useHtmlValue .hideIcon=','>\n              <div slot="htmlValue" class="break-normal">\n                <span class="whitespace-break-spaces"\n                  >',"</span\n                >\n              </div>\n            </info-field>\n          </div>\n          ","\n        </div>\n      </div>\n    "])),u((e=n.selectedTicket)===null||e===void 0?void 0:e.subject),!0,!0,(i=n.selectedTicket)===null||i===void 0?void 0:i.description,((o=n.selectedTicket)===null||o===void 0?void 0:o.state)===_.Cancelled?l(r||(r=c([' <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):f)}};t.styles=[b,k],t=m([p("trouble-ticket-details-section")],t);export{t as TroubleTicketDetailsSection};

package/dist/components/trouble-ticket/details/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as g}from"tslib";import{MobxLitElement as x}from"@adobe/lit-mobx";import"@digital-realty/ix-divider/ix-divider.js";import{html as o,nothing as s}from"lit";import{customElement as C}from"lit/decorators.js";import{ifDefined as t}from"lit-html/directives/if-defined.js";import{OtherPartiesToNotify as w}from"../../../constants/ui-service-management5.js";import{renderChips as D}from"../../shared/ui-service-management9.js";import{troubleTicketState as e}from"../../../state/ui-service-management10.js";import{ServiceTicketsStyles as O}from"../../../styles/ui-service-management5.js";import{ServiceBackendCodes as T}from"../../../constants/ui-service-management2.js";var k=Object.freeze,V=Object.defineProperty,l=(i,n)=>k(V(i,"raw",{value:k(n||i.slice())})),b,p,I,y,S;let c=class extends x{get locations(){var i,n;return(n=(i=e.selectedTicket)===null||i===void 0?void 0:i.locations)!==null&&n!==void 0?n:[]}render(){var i,n,d,r,a,f,m,v,u,_,h;return o(S||(S=l(['\n      <div class="ticket-details-body__section">\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            ","\n            ","\n            ",'\n          </div>\n          <div class="informations-section__items-row">\n            <info-field\n              class="informations-section__items-col"\n              label="Site"\n              value="','"\n              .hideIcon=','\n            >\n            </info-field>\n\n            <info-field\n              class="informations-section__items-col"\n              label="','"\n              .hideIcon=',"\n              .useHtmlValue=",'\n            >\n              <div slot="htmlValue">\n                <div>\n                  ',"\n                </div>\n              </div>\n            </info-field>\n          </div>\n        </div>\n      </div>\n\n      ","\n    "])),t((i=e.selectedTicket)===null||i===void 0?void 0:i.requestType),!0,!((n=e.selectedTicket)===null||n===void 0)&&n.category?o(b||(b=l([' <info-field\n                  class="informations-section__items-col"\n                  label="Category"\n                  value="','"\n                  .hideIcon=',"\n                >\n                </info-field>"])),t((d=e.selectedTicket)===null||d===void 0?void 0:d.category),!0):s,!((r=e.selectedTicket)===null||r===void 0)&&r.circuitId?o(p||(p=l(['<info-field\n                  class="informations-section__items-col"\n                  label="Circuit ID"\n                  value="','"\n                  .hideIcon=',"\n                >\n                </info-field>"])),t((a=e.selectedTicket)===null||a===void 0?void 0:a.circuitId),!0):s,((f=e.selectedTicket)===null||f===void 0?void 0:f.serviceBackend)!==T.TelxSFDC?o(I||(I=l(['\n                  <info-field\n                    class="informations-section__items-col"\n                    label="Customer Reference Number"\n                    value="','"\n                    .hideIcon=',"\n                  >\n                  </info-field>\n                "])),t((m=e.selectedTicket)===null||m===void 0?void 0:m.referenceNumber),!0):s,t((u=(v=e.selectedTicket)===null||v===void 0?void 0:v.site)===null||u===void 0?void 0:u.id),!0,this.locations.length===1?"Location":"Location(s)",!0,!0,this.locations.length>0?this.locations.join(","):"-",((_=e.selectedTicket)===null||_===void 0?void 0:_.serviceBackend)!==T.TelxSFDC?o(y||(y=l(['\n            <ix-divider></ix-divider>\n            <div class="informations-section__items-row">\n              <info-field\n                class="informations-section__items-col"\n                label=',"\n                .hideIcon=","\n                .useHtmlValue=",'\n              >\n                <div slot="htmlValue">\n                  ',"\n                </div>\n              </info-field>\n            </div>\n          "])),w,!0,!0,D((h=e.selectedTicket)===null||h===void 0?void 0:h.contacts)):s)}};c.styles=[O],c=g([C("trouble-ticket-other-information-section")],c);export{c as TroubleTicketOtherInformationSection};

package/dist/components/trouble-ticket/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as k}from"tslib";import{MobxLitElement as f}from"@adobe/lit-mobx";import{nothing as l,html as m}from"lit";import{customElement as T}from"lit/decorators.js";import{until as b}from"lit-html/directives/until.js";import{LocationPrivilegeLevels as P,LocationPermissionTypes as x}from"../../constants/ui-service-management4.js";import{ApplicationEvents as d}from"../../constants/ui-service-management.js";import{CancelButtonText as C,EditButtonText as E}from"../../constants/ui-service-management5.js";import{ServiceBackendCodes as g}from"../../constants/ui-service-management2.js";import{SharedTicketStatus as o}from"../../enums/ui-service-management.js";import{hasPermissionAtAnyLocations as S}from"../../services/ui-service-management5.js";import{serviceTicketState as w}from"../../state/ui-service-management4.js";import{troubleTicketState as i}from"../../state/ui-service-management10.js";import{TWStyles as y}from"../../ui-service-management2.js";var u=Object.freeze,A=Object.defineProperty,p=(t,e)=>u(A(t,"raw",{value:u(e||t.slice())})),v,h;let n=class extends f{constructor(){super(...arguments),this.hasPermission=void 0}async canPerformActions(){var t,e,s,c,r,a;return!(!((e=(t=i.selectedTicket)===null||t===void 0?void 0:t.id)===null||e===void 0)&&e.toLowerCase().startsWith("cs"))||![o.Announced,o.Draft,o.New,o.InProgress].includes((s=i.selectedTicket)===null||s===void 0?void 0:s.state)||!(!((c=i.selectedTicket)===null||c===void 0)&&c.locations)||((r=i.selectedTicket)===null||r===void 0?void 0:r.locations.length)===0||i.selectedTicket.serviceBackend===g.TelxSFDC?!1:this.hasPermission!==void 0?this.hasPermission:(this.hasPermission=await S((a=i.selectedTicket)===null||a===void 0?void 0:a.locations,x.TroubleTickets,P.Update),this.hasPermission)}dispatchClickEvent(t){const e=new CustomEvent(t,{bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){return w.loadings.isTicketCancelling?l:m(h||(h=p(['<div class="w-fit flex gap-2">\n      ',"\n    </div>"])),b(this.canPerformActions().then(t=>t?m(v||(v=p(['<ix-button\n                  class="cancel"\n                  appearance="outlined"\n                  name="cancel-button"\n                  @click=','\n                >\n                  <span class="button-label">','</span>\n                </ix-button>\n\n                <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.CancelTicket)},C,()=>this.dispatchClickEvent(d.EditTicket),E):l),l))}};n.styles=[y],n=k([T("trouble-ticket-button-group")],n);export{n as TroubleTicketButtonGroup};

package/dist/components/trouble-ticket/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{html as o,nothing as u}from"lit";import{MobxLitElement as k}from"@adobe/lit-mobx";import{state as b,property as l,customElement as C}from"lit/decorators.js";import"@digital-realty/ix-wizard/ix-wizard.js";import"@digital-realty/ix-wizard/ix-wizard-step.js";import"./ui-service-management3.js";import"./ui-service-management4.js";import"./ui-service-management5.js";import{TermsTicketTypes as T}from"../shared/ui-service-management10.js";import{TermsServices as x}from"../../constants/ui-service-management2.js";import{troubleTicketState as i}from"../../state/ui-service-management10.js";import{raiseEvent as v}from"../../helpers/ui-service-management12.js";import{ApplicationEvents as y}from"../../constants/ui-service-management.js";var p=Object.freeze,w=Object.defineProperty,c=(t,r)=>p(w(t,"raw",{value:p(r||t.slice())})),d,a,m,S,h;const e={Terms:1,Form:2,Summary:3,Result:4};let n=class extends k{constructor(){super(...arguments),this.currentStep=e.Terms}connectedCallback(){super.connectedCallback(),i.clear()}async firstUpdated(){i.updateSite(this.selectedSite),i.updateAccountNumber(this.selectedSite.accountNumber)}disconnectedCallback(){i.clear(),super.disconnectedCallback()}renderTermsStep(){return o(d||(d=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <terms-and-conditions\n        ticketType=","\n        service=","\n        .onNextButtonClick=","\n        .updateAgreeTerms=","\n        .termsAgreed=","\n      ></terms-and-conditions>\n    </ix-wizard-step>"])),this.currentStep===e.Terms,!1,T.Trouble,x.TroubleTickets,()=>{this.currentStep=e.Form},t=>i.updateTermsAgreed(t),i.newTicket.termsAgreed)}renderFormStep(){return o(a||(a=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-trouble-ticket-form\n        .onNextButtonClick=","\n      ></create-edit-trouble-ticket-form>\n    </ix-wizard-step>"])),this.currentStep===e.Form,!1,()=>{this.currentStep=e.Summary})}renderSummaryStep(){return this.currentStep!==e.Summary?u:o(m||(m=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-trouble-ticket-summary\n        .onEditButtonClicked=","\n        .onSubmitted=","\n      ></create-edit-trouble-ticket-summary>\n    </ix-wizard-step>"])),this.currentStep===e.Summary,!1,()=>{this.currentStep=e.Form},()=>{this.currentStep=e.Result})}renderResultStep(){return this.currentStep!==e.Result?u:o(S||(S=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-trouble-ticket-result></create-edit-trouble-ticket-result>\n    </ix-wizard-step>"])),this.currentStep===e.Result,!1)}get CreateEditTroubleTicketForm(){var t,r;return(r=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("create-edit-trouble-ticket-form"))!==null&&r!==void 0?r:null}get TermsAndConditions(){var t,r;return(r=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("terms-and-conditions"))!==null&&r!==void 0?r:null}get enableNextStepClick(){switch(this.currentStep){case e.Form:return i.newTicket.isValid;case e.Terms:return i.newTicket.termsAgreed;default:return!0}}handleNextStepClick(){var t,r;this.currentStep===e.Form?(t=this.CreateEditTroubleTicketForm)===null||t===void 0||t.handleNextClick():this.currentStep===e.Terms?(r=this.TermsAndConditions)===null||r===void 0||r.handleNextClick():this.currentStep+=1}handlePrevStepClick(){this.currentStep===e.Terms?v(this,y.CreateTicket):this.currentStep-=1}handleWizardClose(){this.currentStep===e.Result&&(this.currentStep=e.Form)}render(){return o(h||(h=c([" <ix-wizard\n      .currentStep=","\n      .totalSteps=","\n      .hideStepCount=","\n      .hideNextStep=","\n      .onNextStepClick=","\n      .onPrevStepClick=","\n      .enableNextStepClick=","\n      .enableHideCloseButton=","\n      .onCloseClick=","\n      .onMinimiseClick=","\n    >\n      "," ","\n      "," ","\n    </ix-wizard>"])),this.currentStep,3,this.currentStep===e.Result,this.currentStep===e.Summary,()=>this.handleNextStepClick(),()=>this.handlePrevStepClick(),this.enableNextStepClick,!0,()=>this.onCloseClick(),()=>this.onMinimiseClick(),this.renderTermsStep(),this.renderFormStep(),this.renderSummaryStep(),this.renderResultStep())}};n.styles=[],s([b()],n.prototype,"currentStep",void 0),s([l({type:Object})],n.prototype,"selectedSite",void 0),s([l({type:Function})],n.prototype,"onCloseClick",void 0),s([l({type:Function})],n.prototype,"onMinimiseClick",void 0),n=s([C("create-edit-trouble-ticket-wizard")],n);export{n as CreateEditTroubleTicketWizard,e as TroubleServiceTicketSteps};

package/dist/components/trouble-ticket/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as l}from"tslib";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-email-list/ix-email-list.js";import"@digital-realty/ix-file-uploader/ix-file-uploader.js";import"@digital-realty/ix-multi-select/ix-multi-select.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-select/ix-select-option.js";import"@digital-realty/ix-textbox/ix-textbox.js";import"@digital-realty/ix-time/ix-time.js";import{html as r,nothing as c}from"lit";import{state as v,property as u,customElement as B}from"lit/decorators.js";import"../../api/references-api/ui-service-management.js";import{GetRequestTypeCategoryMappingsServiceTicketTypeEnum as O}from"../../api/references-api/apis/ui-service-management3.js";import{LocationPermissionTypes as U,LocationPrivilegeLevels as V}from"../../constants/ui-service-management4.js";import{ServiceBackendCodes as h,extensions as _}from"../../constants/ui-service-management2.js";import{ResultStep as A,OtherPartiesToNotify as G}from"../../constants/ui-service-management5.js";import{getLocationDisplayName as p}from"../../helpers/ui-service-management2.js";import{getSiteDisplayNameFromName as H}from"../../models/ui-service-management3.js";import{getAllowedLocations as z}from"../../services/ui-service-management5.js";import{lookups as X}from"../../state/ui-service-management.js";import{troubleTicketState as t}from"../../state/ui-service-management10.js";import{serviceTicketState as T}from"../../state/ui-service-management4.js";import{ServiceTicketsStyles as J}from"../../styles/ui-service-management5.js";import{TWStyles as W}from"../../ui-service-management2.js";import{siteNavigationState as Z}from"../../state/ui-service-management12.js";import{ServiceTicketFormBase as $}from"../shared/ui-service-management16.js";import"../shared/ui-service-management17.js";var x=Object.freeze,K=Object.defineProperty,a=(e,i)=>x(K(e,"raw",{value:x(i||e.slice())})),g,b,y,k,f,E,C,L,w,S,M,q,I,N,j,F;const Q={siteErrorText:void 0,locationErrorText:void 0,subjectMinLength:3,subjectMaxLength:50,subjectErrorText:void 0,descriptionMinLength:3,descriptionMaxLength:500,descriptionErrorText:void 0,requestTypeErrorText:void 0,categoryErrorText:void 0,refNumberMinLength:3,refNumberMaxLength:50,refNumberErrorText:void 0,circuitIdMinLength:3,circuitIdMaxLength:50,circuitIdErrorText:void 0,contactsHasError:!1};let s=class extends ${constructor(){super(...arguments),this.validations=Q,this.isEdit=!1,this.locations=[],this.requestCategories={}}async firstUpdated(){var e,i,n,o,d;const R=z(V.Create,U.TroubleTickets,"Trouble_tickets",(e=t.newTicket.site)===null||e===void 0?void 0:e.siteId,(i=t.newTicket.site)===null||i===void 0?void 0:i.accountNumber),P=Z.getServiceBackend(t.newTicket.accountNumber,(n=t.newTicket.site)===null||n===void 0?void 0:n.id,"Trouble_tickets"),[m,D]=await Promise.all([P,R]);this.locations=D,t.newTicket.serviceBackend=m,t.newTicket.attachments=[],this.validations.circuitIdMaxLength=m===h.ServiceNow?40:50,this.isEdit?t.newTicket.site.displayName=await H((d=(o=t.selectedTicket)===null||o===void 0?void 0:o.site)===null||d===void 0?void 0:d.id):this.requestCategories=await X.getRequestCategories(t.newTicket.serviceBackend,O.TroubleTickets)}updated(e){var i;(i=super.updated)===null||i===void 0||i.call(this,e),t.updateFormValidation(this.isFormValid)}handleLocationMultiSelectToggleItem(e,i){t.updateLocations(e,i),this.validateLocation(),this.requestUpdate()}handleLocationChange(e){t.clearLocations(),t.updateLocations(e.id,!0),this.validateLocation()}handleLocationMultiSelectClear(){t.clearLocations(),this.validateLocation(),this.requestUpdate()}renderLocationMultiselectEdit(){var e,i;const n=(i=(e=t.selectedTicket)===null||e===void 0?void 0:e.locations)===null||i===void 0?void 0:i.map(o=>({label:o,selected:!0}));return r(g||(g=a(['<ix-multi-select\n      name="locationsSelect"\n      required\n      style="width: 100%"\n      .items=',"\n      .label=","\n      .disabled=","\n    ></ix-multi-select>"])),n,"Locations",!0)}renderLocationMultiselectAdd(){if(!this.locations||this.locations.length===0)return r(b||(b=a([" <div>Loading locations...</div>"])));const e=this.locations.map(i=>({label:p(i),selected:!1}));return t.newTicket.serviceBackend===h.ServiceNow?r(y||(y=a(['<ix-multi-select\n          name="locationsSelect"\n          required\n          style="width: 100%"\n          .error=',"\n          .errorText=","\n          .items=","\n          .label=","\n          .disabled=","\n          @toggle-multi-select-item=","\n          @remove-multi-select-item=","\n          @clear-multi-select=","\n        ></ix-multi-select>"])),!!this.validations.locationErrorText,this.validations.locationErrorText,e,"Locations",!1,i=>this.handleLocationMultiSelectToggleItem(i.detail.label,i.detail.selected),i=>this.handleLocationMultiSelectToggleItem(i.detail,!1),()=>this.handleLocationMultiSelectClear()):r(k||(k=a(['<ix-select\n          name="locationsSelect"\n          label="Location"\n          .wideMenu=',"\n          required\n          .error=","\n          .errorText=","\n          .disabled=","\n          @input=","\n        >\n          ","\n        </ix-select>"])),!0,!!this.validations.locationErrorText,this.validations.locationErrorText,this.isEdit,i=>this.handleLocationChange(i.target.value),this.renderLocationOnCreate())}get isRequiredInputsFilled(){return!!t.newTicket.site&&t.newTicket.locations!==void 0&&t.newTicket.locations.length>0&&!!t.newTicket.subject&&!!t.newTicket.circuitId&&!!t.newTicket.requestType&&!!t.newTicket.category}get isFormValid(){return this.isRequiredInputsFilled&&!this.validations.subjectErrorText&&!this.validations.categoryErrorText&&!this.validations.contactsHasError&&!this.validations.descriptionErrorText&&!this.validations.locationErrorText&&!this.validations.refNumberErrorText&&!this.validations.circuitIdErrorText&&!this.validations.requestTypeErrorText&&!this.validations.siteErrorText}validateLocation(){var e;t.newTicket.locations===void 0||((e=t.newTicket.locations)===null||e===void 0?void 0:e.length)===0?this.validations.locationErrorText="Please select a Location":this.validations.locationErrorText=void 0}handleSubjectChange(e){e==null||e.trim()===""?this.validations.subjectErrorText="Please enter a Subject":e.length<this.validations.subjectMinLength||e.length>this.validations.subjectMaxLength?this.validations.subjectErrorText="Subject should be a minimum ".concat(this.validations.subjectMinLength," and maximum ").concat(this.validations.subjectMaxLength," characters."):this.validations.subjectErrorText=void 0,t.updateSubject(e)}handleDescChange(e){e==null||e.trim()===""?this.validations.descriptionErrorText="Please enter a description":e!==void 0&&(e==null?void 0:e.trim())!==""&&(e.length<this.validations.descriptionMinLength||e.length>this.validations.descriptionMaxLength)?this.validations.descriptionErrorText="Description should be a minimum ".concat(this.validations.descriptionMinLength," and maximum ").concat(this.validations.descriptionMaxLength," characters."):this.validations.descriptionErrorText=void 0,t.updateDescription(e)}async handleRequestTypeChange(e){e?this.validations.requestTypeErrorText=void 0:this.validations.requestTypeErrorText="Please select a Request Type",e!==t.newTicket.requestType&&(t.updateRequestType(e),t.updateCategory("")),this.validateCategory(t.newTicket.category)}validateCategory(e){e?this.validations.categoryErrorText=void 0:this.validations.categoryErrorText="Please select a Category"}handleCategoryChange(e){this.validateCategory(e),t.updateCategory(e)}handleReferenceNumberChange(e){e.length&&(e.length<this.validations.refNumberMinLength||e.length>this.validations.refNumberMaxLength)?this.validations.refNumberErrorText="Customer Reference should be a minimum ".concat(this.validations.refNumberMinLength," and maximum ").concat(this.validations.refNumberMaxLength," characters."):this.validations.refNumberErrorText=void 0,t.updateReferenceNumber(e)}handleCircuitIdChange(e){e==null||e.trim()===""?this.validations.circuitIdErrorText="Please enter a Circuit ID":e.length&&(e.length<this.validations.circuitIdMinLength||e.length>this.validations.circuitIdMaxLength)?this.validations.circuitIdErrorText="CircuitId should be a minimum ".concat(this.validations.circuitIdMinLength," and maximum ").concat(this.validations.circuitIdMaxLength," characters."):this.validations.circuitIdErrorText=void 0,t.updateCircuitId(e)}handleContactsChange(e){this.validations.contactsHasError=e.some(n=>!n.isValid);const i=e.map(n=>n.address).join(",");t.updateContacts(i)}async handleFileUploaded(e){const i=await Promise.all(e.detail.filesUploaded.map(async n=>({fileName:n.file.name,fileType:n.file.type,file:await n.file.arrayBuffer()})));t.updateAttachments(i)}handleFileDelete(e){var i;const n=e.detail.file.name;t.newTicket.attachments=(i=t.newTicket.attachments)===null||i===void 0?void 0:i.filter(o=>o.fileName!==n)}renderFileUploader(){return r(f||(f=a(["\n      <ix-file-uploader\n        .defaultFiles=","\n        .extensions=","\n        .allowMultipleFiles=",'\n        headerText="Click here to browse your device or drop files to upload"\n        bodyText="Max file size is 10MB with accepted file formats of: JPG (JPEG), PNG, PDF, GIF, DOC/X, XLS/X, CSV"\n        @on-files-uploaded=',"\n        @on-file-removed=","\n      ></ix-file-uploader>\n    "])),this.isEdit?T.ticketAttachments:[],_,!0,e=>this.handleFileUploaded(e),e=>this.handleFileDelete(e))}renderLocationOnCreate(){return this.locations.map(e=>r(E||(E=a([" <ix-select-option .value=",'>\n        <div slot="headline">',"</div>\n      </ix-select-option>"])),e,p(e)))}async handleOnSubmit(){if(this.onSubmitted&&this.isEdit){if(this.validateRequiredFields(),!this.isFormValid)return;try{await t.submitUpdateTicketRequest()}finally{T.ticketStep=A,this.onSubmitted()}}}validateRequiredFields(){this.handleSubjectChange(t.newTicket.subject),this.handleCircuitIdChange(t.newTicket.circuitId),this.handleDescChange(t.newTicket.description),this.validateLocation(),this.handleRequestTypeChange(t.newTicket.requestType),this.validateCategory(t.newTicket.category)}handleNextClick(){this.validateRequiredFields(),this.isFormValid&&this.onNextButtonClick()}renderContactsSelector(){return r(C||(C=a(['<div class="w-full">\n      <ix-email-list\n        label=','\n        error-text="Please enter a valid email address. "\n        .value=',"\n        .onChanged=","\n        checkDuplicates\n      ></ix-email-list>\n      <div\n        ?hidden=",'\n        class="contacts-helper-text"\n      >\n        Enter email addresses separated by a comma, semicolon or the Enter key.\n      </div>\n    </div>'])),G,t.newTicket.contacts?t.newTicket.contacts:"",e=>this.handleContactsChange(e),this.validations.contactsHasError)}renderRequestTypeSelector(){var e;const i=(this.isEdit?[(e=t.newTicket)===null||e===void 0?void 0:e.requestType]:Object.keys(this.requestCategories)).map(n=>{var o;return r(L||(L=a([" <ix-select-option\n        .selected=",'\n        value="','"\n      >\n        <div slot="headline">',"</div>\n      </ix-select-option>"])),((o=t.newTicket)===null||o===void 0?void 0:o.requestType)===n,n,n)});return r(w||(w=a(['<ix-select\n      label="Request Type"\n      name="requestTypeSelect"\n      menu-positioning="popover"\n      .wideMenu=',"\n      .disabled=","\n      required\n      .error=","\n      .errorText=","\n      @input=","\n    >\n      ","\n    </ix-select>"])),!0,this.isEdit,!!this.validations.requestTypeErrorText,this.validations.requestTypeErrorText,async n=>this.handleRequestTypeChange(n.target.value),i)}renderCategorySelector(){var e;let i={};if(t.newTicket.requestType){const n=this.isEdit?[(e=t.newTicket)===null||e===void 0?void 0:e.category]:this.requestCategories[t.newTicket.requestType];i=(n!=null?n:[]).map(o=>{var d;return r(S||(S=a(['<ix-select-option\n            .value="','"\n            .selected=','\n          >\n            <div slot="headline">',"</div>\n          </ix-select-option>"])),o,((d=t.newTicket)===null||d===void 0?void 0:d.category)===o,o)})}return r(M||(M=a(['<ix-select\n      label="Category"\n      name="categorySelect"\n      menu-positioning="popover"\n      .wideMenu=',"\n      required\n      .error=","\n      .errorText=","\n      .disabled=","\n      @input=","\n    >\n      ","\n    </ix-select>"])),!0,!!this.validations.categoryErrorText,this.validations.categoryErrorText,!t.newTicket.requestType||this.isEdit,n=>this.handleCategoryChange(n.target.value),i)}render(){var e;return r(F||(F=a(['<div class="wizard-content form-margin">\n      <div class="mb-4 flex flex-col">\n        <h3 class="dlr-text-page-title ','">\n          '," Trouble Service Ticket\n          ","\n        </h3>\n        ",'\n      </div>\n      <div class="form-wrapper">\n        <div class="form-wrapper__fields">\n          <ix-textbox\n            label="Subject"\n            name="subjectTxt"\n            .minLength=',"\n            .maxLength=","\n            required\n            .value=","\n            .error=","\n            .errorText=","\n            .disabled=","\n            @input=",'\n          ></ix-textbox>\n\n          <ix-textbox\n            label="Description"\n            required\n            name="descTxt"\n            type="textarea"\n            .rows=',"\n            .minLength=","\n            .maxLength=","\n            .value=","\n            .error=","\n            .errorText=","\n            .disabled=","\n            @input=","\n          ></ix-textbox>\n\n          ","\n          ",'\n\n          <div class="col-2">\n            '," ",'\n          </div>\n\n          <div\n            class="col-','"\n          >\n            ','\n\n            <ix-textbox\n              label="Circuit ID"\n              required\n              name="circuitIdTxt"\n              .minLength=',"\n              .maxLength=","\n              .value=","\n              .error=","\n              .errorText=","\n              .disabled=","\n              @input=","\n            ></ix-textbox>\n          </div>\n\n          ","\n          ","\n        </div>\n      </div>\n      <form-footer\n        ?isEditMode=","\n        .isSubmitting=","\n        .handleCancelClick=","\n        .handleSubmitClick=","\n        .handleNextClick=","\n      ></form-footer>\n    </div>"])),this.isEdit?"":"mb-6",this.isEdit?"Edit":"Create",this.isEdit?(t===null||t===void 0?void 0:t.selectedTicket)&&r(q||(q=a([" <span>#","</span> "])),t===null||t===void 0?void 0:t.selectedTicket.id):"",this.isEdit?c:r(I||(I=a([' <div class="sub-header dlr-text-heading">\n              <h3 class="my-10">Service Ticket Details</h3>\n              <span class="italic dlr-text-small">*denotes required field</span>\n            </div>']))),this.validations.subjectMinLength,this.validations.subjectMaxLength,t.newTicket.subject,!!this.validations.subjectErrorText,this.validations.subjectErrorText,t.getIsInProgress(),i=>this.handleSubjectChange(i.target.value),1,this.validations.descriptionMinLength,this.validations.descriptionMaxLength,t.newTicket.description,!!this.validations.descriptionErrorText,this.validations.descriptionErrorText,t.getIsInProgress(),i=>this.handleDescChange(i.target.value),!((e=t.newTicket.site)===null||e===void 0)&&e.displayName?r(N||(N=a([' <ix-select\n                label="Site"\n                menu-positioning="popover"\n                .wideMenu=',"\n                required\n                .disabled=","\n                .error=","\n                .errorText=","\n              >\n                <ix-select-option\n                  .value=","\n                  .selected=",'\n                >\n                  <div slot="headline">\n                    ',"\n                  </div>\n                </ix-select-option>\n              </ix-select>"])),!0,!0,!!this.validations.siteErrorText,this.validations.siteErrorText,t.newTicket.site.id,!0,t.newTicket.site.displayName):c,this.isEdit?this.renderLocationMultiselectEdit():this.renderLocationMultiselectAdd(),this.renderRequestTypeSelector(),this.renderCategorySelector(),t.newTicket.serviceBackend===h.TelxSFDC?"1":"2",t.newTicket.serviceBackend!==h.TelxSFDC?r(j||(j=a(['\n                  <ix-textbox\n                    label="Customer Reference Number"\n                    name="custRefNumberTxt"\n                    .minLength=',"\n                    .maxLength=","\n                    .value=","\n                    .error=","\n                    .errorText=","\n                    @input=","\n                  ></ix-textbox>\n                "])),this.validations.refNumberMinLength,this.validations.refNumberMaxLength,t.newTicket.referenceNumber,!!this.validations.refNumberErrorText,this.validations.refNumberErrorText,i=>this.handleReferenceNumberChange(i.target.value)):c,this.validations.circuitIdMinLength,this.validations.circuitIdMaxLength,t.newTicket.circuitId,!!this.validations.circuitIdErrorText,this.validations.circuitIdErrorText,t.getIsInProgress(),i=>this.handleCircuitIdChange(i.target.value),t.newTicket.serviceBackend!==h.TelxSFDC?this.renderContactsSelector():c,t.newTicket.attachments?this.renderFileUploader():c,this.isEdit,t.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick())}};s.styles=[W,J],l([v()],s.prototype,"validations",void 0),l([u({type:Boolean})],s.prototype,"isEdit",void 0),l([u({type:Function})],s.prototype,"onNextButtonClick",void 0),l([u({type:Function})],s.prototype,"onSubmitted",void 0),l([u({type:Function})],s.prototype,"onCancelled",void 0),l([v()],s.prototype,"locations",void 0),l([v()],s.prototype,"requestCategories",void 0),s=l([B("create-edit-trouble-ticket-form")],s);export{s as CreateEditTroubleTicketForm};

package/dist/components/trouble-ticket/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{html as e,nothing as o}from"lit";import{MobxLitElement as _}from"@adobe/lit-mobx";import{property as c,state as g,customElement as w}from"lit/decorators.js";import{ServiceTicketsStyles as x}from"../../styles/ui-service-management5.js";import{troubleTicketState as n}from"../../state/ui-service-management10.js";import"@digital-realty/ix-chip/ix-chip.js";import"@digital-realty/ix-progress/ix-progress.js";import{ResultStep as C,OtherPartiesToNotify as E}from"../../constants/ui-service-management5.js";import{serviceTicketState as F}from"../../state/ui-service-management4.js";import{ServiceBackendCodes as m}from"../../constants/ui-service-management2.js";import{TWStyles as B}from"../../ui-service-management2.js";var l=Object.freeze,j=Object.defineProperty,t=(i,a)=>l(j(i,"raw",{value:l(a||i.slice())})),p,u,v,f,y,b,h,k,T;let s=class extends _{constructor(){super(...arguments),this.isEdit=!1,this.isSubmitting=!1}async handleOnSubmit(){if(this.onSubmitted)try{this.isSubmitting=!0,this.isEdit?await n.submitUpdateTicketRequest():await n.submitNewTicketRequest()}finally{F.ticketStep=C,this.isSubmitting=!1,this.onSubmitted()}}renderContacts(){const i=n.newTicket.contacts;return e(u||(u=t(["<span\n      >","\n    </span>"])),i?i.split(",").map(a=>e(p||(p=t(["<ix-chip\n                  label=",'\n                  appearance="suggestion"\n                ></ix-chip\n                >&nbsp;'])),a)):o)}renderFormFields(){var i,a,d;return n.loadings.isSubmitting?e(v||(v=t(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):e(h||(h=t(['<div class="form-wrapper">\n      <div class="summary-form">\n        <div class="summary-form__subheader">\n          <span>Service Ticket Details</span>\n          <span\n            ><md-icon slot="icon" @click=','\n              >edit</md-icon\n            ></span\n          >\n        </div>\n\n        <div class="summary-form__field">\n          <span>Subject</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field">\n          <span>Description</span>\n          <span class="whitespace-break-spaces"\n            >','</span\n          >\n        </div>\n\n        <div class="summary-form__field">\n          <span>Site</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field">\n          <span>Location</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field">\n          <span>Request Type</span>\n          <span>','</span>\n        </div>\n\n        <div class="summary-form__field">\n          <span>Category</span>\n          <span>',"</span>\n        </div>\n\n        ",'\n\n        <div class="summary-form__field">\n          <span>Circuit ID</span>\n          <span>',"</span>\n        </div>\n\n        ",'\n\n        <div class="summary-form__field">\n          <span>Attachments</span>\n          <div>\n            ',"\n          </div>\n        </div>\n      </div>\n    </div>"])),()=>this.onEditButtonClicked(),n.newTicket.subject,n.newTicket.description,(i=n.newTicket.site)===null||i===void 0?void 0:i.displayName,(a=n.newTicket.locations)===null||a===void 0?void 0:a.join(", "),n.newTicket.requestType,n.newTicket.category,n.newTicket.serviceBackend!==m.TelxSFDC?e(f||(f=t(['\n              <div class="summary-form__field">\n                <span>Customer Reference Number</span>\n                <span>',"</span>\n              </div>\n            "])),n.newTicket.referenceNumber):o,n.newTicket.circuitId,n.newTicket.serviceBackend!==m.TelxSFDC?e(y||(y=t(['\n              <div class="summary-form__field">\n                <span>',"</span>\n                ","\n              </div>\n            "])),E,this.renderContacts()):o,(d=n.newTicket.attachments)===null||d===void 0?void 0:d.map(S=>e(b||(b=t(['<div class="attachments-file-summary">\n                  ',"\n                </div>"])),S.fileName)))}render(){return e(T||(T=t(['<div class="wizard-content form-margin">\n      <div>\n        <h1 class="dlr-text-page-title">\n          '," Trouble Service Ticket\n        </h1>\n\n        ",'\n\n        <div class="sub-header dlr-text-heading">\n          <h3 class="dlr-text-heading">Are the details correct?</h3>\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\n      ',"\n    </div>"])),this.isEdit?"Edit":"Create",this.isEdit?(n===null||n===void 0?void 0:n.selectedTicket)&&e(k||(k=t(['\n              <div class="font-bold text-4xl">\n                #',"\n              </div>\n            "])),n===null||n===void 0?void 0:n.selectedTicket.id):o,this.handleOnSubmit,this.isSubmitting,this.renderFormFields())}};s.styles=[B,x],r([c({type:Function})],s.prototype,"onEditButtonClicked",void 0),r([c({type:Function})],s.prototype,"onSubmitted",void 0),r([c({type:Boolean})],s.prototype,"isEdit",void 0),r([g()],s.prototype,"isSubmitting",void 0),s=r([w("create-edit-trouble-ticket-summary")],s);export{s as CreateEditTroubleTicketSummary};

package/dist/components/trouble-ticket/ui-service-management5.js

@@ -0,0 +1 @@
+import{__decorate as d}from"tslib";import{html as t,nothing as o}from"lit";import{Router as N}from"@vaadin/router";import{MobxLitElement as O}from"@adobe/lit-mobx";import{property as a,customElement as D}from"lit/decorators.js";import{ifDefined as F}from"lit-html/directives/if-defined.js";import"@digital-realty/ix-progress/ix-progress.js";import{globalFacade as W}from"../../helpers/ui-service-management5.js";import{ServiceTicketsStyles as L}from"../../styles/ui-service-management5.js";import{ErrorCircleIcon as V,NumberIcon as j,CheckCircleOutlineIcon as q}from"../shared/ui-service-management11.js";import{troubleTicketState as r}from"../../state/ui-service-management10.js";import{RouteNames as c}from"../../routes/ui-service-management2.js";import{getPathByName as u}from"../../routes/ui-service-management.js";import{serviceTicketState as m}from"../../state/ui-service-management4.js";import{TWStyles as M}from"../../ui-service-management2.js";import{ServiceTicketSubmissionStates as P}from"../../constants/ui-service-management2.js";import"../shared/ui-service-management15.js";import{ApplicationEvents as Y}from"../../constants/ui-service-management.js";var v=Object.freeze,z=Object.defineProperty,i=(e,s)=>v(z(e,"raw",{value:v(s||e.slice())})),h,p,f,b,T,g,k,E,y,w,S,x,R,_,C,I,A,B;let n=class extends O{constructor(){super(...arguments),this.isEdit=!1}get isSuccess(){return r.submissionResult.state!==P.Error}handleOnViewAllTickets(){window.dispatchEvent(new Event(Y.DrawerClose)),N.go(u(c.ServiceTickets))}getTicketDetailsRoute(){var e,s,l;return!((s=(e=r.submissionResult)===null||e===void 0?void 0:e.result)===null||s===void 0)&&s.id?u(c.TroubleTicketDetails,{ticketId:(l=r.submissionResult)===null||l===void 0?void 0:l.result.id}):""}async handleOnRetry(){this.isEdit?await r.submitUpdateTicketRequest():await r.submitNewTicketRequest()}renderIcon(){let e=q;return this.isSuccess||(e=V),t(h||(h=i(['\n      <div>\n        <svg\n          xmlns="http://www.w3.org/2000/svg"\n          width="88"\n          height="88"\n          viewBox="0 0 88 88"\n          fill="none"\n        >\n          ',"\n        </svg>\n      </div>\n    "])),e)}renderTitle(){let e=t(p||(p=i(["<div>Trouble Service Ticket</div>\n      <div>Cannot Be ","</div>"])),this.isEdit?"Edited":"Created");return this.isSuccess&&(e=t(f||(f=i(["<div>\n        ","\n      </div>"])),this.isEdit?"Changes Saved":"Trouble Service Ticket Created")),t(b||(b=i(['<div class="result-form__title">',"</div>"])),e)}renderBody(){let e=t(T||(T=i(["<div>\n      We are unable to process your request. Please, retry or reach out to us\n      for further assistance. We apologize for the inconvenience. Your Digital\n      Realty Team\n    </div>"])));return this.isSuccess&&(e=t(k||(k=i(["<div>\n          Your Trouble Service Ticket has been successfully\n          ",".\n        </div>\n        ",""])),this.isEdit?"edited":"created",this.isEdit?o:t(g||(g=i([" <div>We will reach out to you shortly.</div>"]))))),t(E||(E=i(['<div class="result-form__body dlr-text-default">\n      ',"\n    </div>"])),e)}renderTicketNumbers(){var e,s;return this.isSuccess&&!this.isEdit?t(S||(S=i(['<div class="result-form__ticket-numbers">\n        <div>\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            viewBox="0 0 25 24"\n            fill="none"\n          >\n            ','\n          </svg>\n          <span class="ticket-numbers__label dlr-text-small"\n            >Ticket Number(s):</span\n          >\n        </div>\n        <div>\n          ',"\n        </div>\n      </div>"])),j,this.isEdit?t(y||(y=i(['<span class="ticket-numbers__content" @click=',"\n                >","</span\n              >"])),this.onClosed,W.pathname.split("/").pop()):t(w||(w=i(['<a\n                class="ticket-numbers__content"\n                href="','"\n                >',"</a\n              >"])),F(this.getTicketDetailsRoute()),(s=(e=r.submissionResult)===null||e===void 0?void 0:e.result)===null||s===void 0?void 0:s.id)):o}renderFooter(){return t(C||(C=i(['<div class="result-form__footer">\n      ',"\n      ","\n    </div>"])),this.isSuccess?o:t(x||(x=i(['<ix-button\n            appearance="outlined"\n            id="retryBtn"\n            @click=',"\n            >RETRY</ix-button\n          >"])),this.handleOnRetry),this.isEdit?t(_||(_=i(["<ix-button @click=",">CLOSE</ix-button>"])),this.onClosed):t(R||(R=i(["<ix-button @click=","\n            >VIEW ALL SERVICE TICKETS</ix-button\n          >"])),this.handleOnViewAllTickets))}renderAttachmentsFailedMessage(){return m.error.uploadingAttachments?t(I||(I=i(["<attachment-upload-failed-message\n        .fileNames=","\n      ></attachment-upload-failed-message>"])),m.failedAttachments):o}render(){return r.loadings.isSubmitting?t(A||(A=i(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):t(B||(B=i([' <div class="form-margin">\n      <div class="result-form">\n        '," "," ","\n        "," ","\n        ","\n      </div>\n    </div>"])),this.renderIcon(),this.renderTitle(),this.renderBody(),this.renderTicketNumbers(),this.renderAttachmentsFailedMessage(),this.renderFooter())}};n.styles=[M,L],d([a({type:Boolean})],n.prototype,"isEdit",void 0),d([a({type:Function})],n.prototype,"onClosed",void 0),n=d([D("create-edit-trouble-ticket-result")],n);export{n as CreateEditTroubleTicketResult};

package/dist/constants/ui-service-management.js

@@ -0,0 +1 @@
+const e={ErrorRaised:"sm:error-raised",DrawerClose:"drawer-close",CreateTicket:"create-ticket",CancelTicket:"cancel-ticket",EditTicket:"edit-ticket",ApproveDenyTicket:"approve-deny-ticket"};export{e as ApplicationEvents};

package/dist/constants/ui-service-management2.js

@@ -0,0 +1 @@
+var s;(function(e){e.CustomerSupport="customer-support",e.FacilityAccess="facility-access",e.RemoteHands="remote-hands",e.DeliveriesAndRemovals="deliveries-removals",e.TroubleTicket="trouble-ticket"})(s||(s={}));var t;(function(e){e.CustomerSupport="customer-support",e.FacilityAccess="facility-access",e.VisitorAccess="visitor-access",e.PermanentBadge="permanent-badge",e.OSPAccess="osp-access",e.POPPOEAccess="pop-poe-access",e.RemoteHands="remote-hands",e.Deliveries="deliveries",e.Removals="removals",e.DeliveriesAndRemovals="deliveries-removals",e.TroubleTickets="trouble-tickets"})(t||(t={}));const l="ticketViewType";var i;(function(e){e.PlannedWork="Planned Work",e.UrgentWork="Urgent Work"})(i||(i={}));var n;(function(e){e.TelxSFDC="TelxSFDC",e.Insite="InSite",e.ServiceNow="ServiceNow"})(n||(n={}));const m="YYYY-MM-DD",p="HH:mm:ss",v="HH:mm",u="YYYY-MM-DD HH:mm";var o;(function(e){e.Default="default",e.Submitting="submitting",e.Submitted="submitted",e.Error="error"})(o||(o={}));var a;(function(e){e.Deliveries="deliveries-tickets",e.FacilityAccess="osp-access-tickets",e.TroubleTickets="trouble-tickets",e.RemoteHands="remote-hands-tickets"})(a||(a={}));const c=[{label:"CSV",extensions:["csv"]},{label:"DOC/X",extensions:["doc","docx"]},{label:"GIF",extensions:["gif"]},{label:"JPG (JPEG)",extensions:["jpg","jpeg"]},{label:"PDF",extensions:["pdf"]},{label:"PNG",extensions:["png"]},{label:"XLS/X",extensions:["xls","xlsx"]}],r=[{label:"JPG (JPEG)",extensions:["image/jpg","image/jpeg"]},{label:"PDF",extensions:["application/pdf"]},{label:"PNG",extensions:["image/png"]},{label:"GIF",extensions:["image/gif"]}],d=c.flatMap(e=>e.extensions),x=r.flatMap(e=>e.extensions);export{m as DefaultDateFormat,p as DefaultTimeFormat,u as DisplayDateTimeFormat,v as DisplayTimeFormat,i as RemoteHandsRequestTypes,n as ServiceBackendCodes,o as ServiceTicketSubmissionStates,t as ServiceTicketTypes,s as ServiceTypes,a as TermsServices,l as TicketViewKey,c as acceptedFileExtensions,d as extensions,x as previewExtensions,r as previewFileExtensions};

package/dist/constants/ui-service-management3.js

@@ -0,0 +1 @@
+const t="no instructions provided",e=" [Special Instructions] ",r="Other",n="Digital Realty",i="Interxion",o=5;export{t as defaultDeliveryInstructions,e as deliveryInstructionsSeparator,n as dlrRemovalParty,i as inxnRemovalParty,r as otherCourierCompany,o as packageWeightMaxLength};

package/dist/constants/ui-service-management4.js

@@ -0,0 +1 @@
+const i={CustomerCare:"sm-customer-care",DeliveriesRemovals:"sm-deliveries",References:"sm-references",RemoteHands:"sm-remote-hands",TroubleTickets:"sm-trouble-tickets",FacilityAccess:"sm-facility-access",ServiceTickets:"sm-service-tickets",SiteMaintenance:"sm-site-maintenance",Inventory:"inventory",SiteNavigation:"site-navigations",UserManagement:"usermanagement"},s={Site:"Site",Floor:"Floor",Room:"Room",Cabinet:"Cabinet",Cage:"Cage"},a={Read:"Read",Update:"Update",Delete:"Delete",Create:"Create",Approve:"Approve"},n={READ:1,UPDATE:2,DELETE:4,CREATE:8,APPROVE:16};var t;(function(e){e.Security="Security",e.DCIM="DCIM",e.PlannedSiteMaintenance="Planned Site Maintenance"})(t||(t={}));const r={RemoteHands:"Remote Hands",TroubleTickets:"Trouble Ticket",DeliveriesRemovals:"Shipping & Receiving",VisitorAccess:"Visitor Access",CustomerCare:"Customer Support",PermanentBadge:"Permanent Badge",OSPAccess:"OSP Access",POPPOEAccess:"POP/POE Room Access"},o={Duplicate:"Duplicate request",Error:"Request entered in error",NotNeeded:"Request no longer needed"},c={Delivery:"Delivery",Removal:"Removal",TroubleTicket:"Trouble Ticket",FacilityAccess:"Facility Access",RemoteHands:"Remote Hands",VisitorAccess:"Visitor Access",PermanentBadge:"Permanent Badge"},l={GreaterThan:"gt:",GreaterOrEqual:"ge:",LessThan:"lt:",LessThanOrEqual:"le:"},m=10;export{i as APIEndpointPrefixes,o as CancellationReasons,m as DefaultPageSize,r as LocationPermissionTypes,a as LocationPrivilegeLevels,l as LocationTypeModifier,s as LocationTypes,t as NonLocationBasedPermissionName,n as PrivilegeLevelHierarchy,c as TicketType};

package/dist/constants/ui-service-management5.js

@@ -0,0 +1 @@
+const e="Other parties to notify",t="Result",o="CANCEL TICKET",s="REQUEST CANCELLATION",a="EDIT TICKET",r="Sites & Locations",i="Sites, Locations & Hosts",n="Trouble Ticket is not supported for this site.",u="We are unable to process your request. Please, try again or reach out to us for further assistance. We apologize for the inconvenience. Your Digital Realty Team.",c="Please be advised that your company has been restricted from submitting a new Delivery request for this location until all existing packages have been retrieved.",l="We're unable to process your request at the moment. Please reach out to Customer Care for assistance.",p="Unable to process request. Contact Customer Care.";export{o as CancelButtonText,c as DeliveryBlockedMessage,a as EditButtonText,l as GenericNotSupportedMessage,e as OtherPartiesToNotify,s as RemoteHandsCancelButtonText,t as ResultStep,p as SiteNotSupportedMessage,r as SitesAndLocations,i as SitesLocationsAndHosts,n as TroubleTicketNotSupportedMessage,u as UnableToProcessRequestMessage};

package/dist/constants/ui-service-management6.js

@@ -0,0 +1 @@
+const i={"Visitor First Name":"visitorFirstName","Visitor Last Name":"visitorLastName","Visitor Email Address":"visitorEmailAddress","Visitor Phone Number":"visitorPhoneNumber"},s=40;export{i as bulkVisitorHeaderMap,s as maxVisitorsCount};

package/dist/constants/ui-service-management7.js

@@ -0,0 +1 @@
+const e="/service-management";export{e as ApplicationPath};

package/dist/constants/ui-service-management8.js

@@ -0,0 +1 @@
+const e="{BR}";export{e as LineBreak};

package/dist/constants/ui-service-management9.js

@@ -0,0 +1 @@
+const a=32e3,t=90,o=365,D=14,e="1900-01-01";export{a as maxLengthDescription,e as minHistoricalDate,D as ospPopMaxDurationDays,o as vaPbMaxDurationDays,t as vaPbStartDateMaxDaysInFuture};

package/dist/enums/ui-service-management.js

@@ -0,0 +1 @@
+var n;(function(e){e.Announced="Announced",e.Cancelled="Cancelled",e.Completed="Completed",e.Draft="Draft",e.InProgress="In Progress",e.New="New",e.Expired="Expired"})(n||(n={}));var p;(function(e){e.CancellationRequested="Cancellation requested"})(p||(p={}));var t;(function(e){e.Approved="Approved",e.PendingPickup="Pending Pick-up",e.Rejected="Rejected"})(t||(t={}));var d;(function(e){e.Approved="Approved",e.PendingApproval="Pending Approval",e.ApprovalDenied="Approval Denied"})(d||(d={}));const a=[n.Cancelled,n.Completed,n.Expired,t.Rejected,d.ApprovalDenied],o=[n.New,n.InProgress,n.Announced,t.PendingPickup,t.Approved,p.CancellationRequested,d.PendingApproval];export{t as DeliveryAndRemovalTicketStatus,d as FacilityAccessTicketStatus,p as RemoteHandsTicketStatus,n as SharedTicketStatus,a as closedTicketStatuses,o as openTicketStatuses};

package/dist/enums/ui-service-management2.js

@@ -0,0 +1 @@
+var l;(function(e){e[e.Single=0]="Single",e[e.StringCollection=1]="StringCollection",e[e.ObjectCollection=2]="ObjectCollection"})(l||(l={}));export{l as FieldType};

package/dist/enums/ui-service-management3.js

@@ -0,0 +1 @@
+var r;(function(a){a.Or="Or",a.And="And",a.Contains="Contains",a.Equals="Equals",a.GreaterThanOrEqualTo="GE",a.LessThanOrEqualTo="LE"})(r||(r={}));export{r as Operator};

package/dist/enums/ui-service-management4.js

@@ -0,0 +1 @@
+var i;(function(n){n.Kilograms="kilograms",n.Pounds="pounds"})(i||(i={}));export{i as WeightUnit};

package/dist/enums/ui-service-management5.js

@@ -0,0 +1 @@
+var E;(function(e){e.PLANNED_MAINTENANCE="Planned Maintenance",e.INCIDENTS="Incidents",e.DCIM_ALERTS="DCIM Alerts",e.SERVICE_TICKETS="Service Tickets"})(E||(E={}));export{E as ReportsServiceTypes};

package/dist/helpers/ui-service-management.js

@@ -0,0 +1 @@
+import r from"moment-timezone";import"date-fns/format.js";import"../constants/ui-service-management2.js";import{lookups as u}from"../state/ui-service-management.js";function s(t){return new Date(t).toISOString().split("T")[0]}const d=()=>{var t;const e=localStorage.getItem("date-format");return e&&((t=JSON.parse(e))===null||t===void 0?void 0:t.preferredTimezone)||r.tz.guess()},m=(t,e,a)=>{var o,n;if(!t||!e)return;const i="".concat(t," ").concat(e),c=(n=(o=u.sites)===null||o===void 0?void 0:o.find(f=>f.id===a))===null||n===void 0?void 0:n.timeZone;return(c?r.tz(i,c):r.utc(i)).utc().toDate()};function D(t,e=d()){const a=r.tz(t,e).startOf("day").toDate(),o=r.tz(t,e).endOf("day").toDate();return{startOfDayLocal:a,endOfDayLocal:o}}const l=()=>r.utc().tz(d()).startOf("day").format("YYYY-MM-DD"),y=(t,e)=>(e?r.tz(e):r.utc()).add(t,"days").format("YYYY-MM-DD"),p=t=>{if(t)return new Date(t)},v=()=>{var t;const e=localStorage.getItem("date-format");return e&&((t=JSON.parse(e))===null||t===void 0?void 0:t.preferredDateFormat)||"yyyy-MM-dd"};s(new Date);export{m as convertDateTimeToUtc,s as getDateOnly,D as getStartAndEndOfDayLocalToUTC,l as getTodayInUserTimezone,v as getUserDatePreference,d as getUserTimezonePreference,y as nDaysInFuture,p as parseDateForApi};

package/dist/helpers/ui-service-management10.js

@@ -0,0 +1 @@
+import{html as o}from"lit";var a=Object.freeze,p=Object.defineProperty,d=(r,e)=>a(p(r,"raw",{value:a(e||r.slice())})),n;const t=r=>{var e;return!!(!((e=r==null?void 0:r.ppopSpaces)===null||e===void 0)&&e.length)},l=r=>{var e;return!!(!((e=r==null?void 0:r.spopSpaces)===null||e===void 0)&&e.length)},c=r=>[{name:r,header:r.toUpperCase(),width:"20%",bodyRenderer:()=>o(n||(n=d([" <div>","</div>"])),r.toUpperCase())},{name:"rack",header:"Rack",bodyRenderer:e=>e.rack},{name:"cabinet",header:"Cabinet",bodyRenderer:e=>e.cabinet}];export{t as anyPPopSpaces,l as anySPopSpaces,c as getPopColumns};

package/dist/helpers/ui-service-management11.js

@@ -0,0 +1 @@
+import{isNonEmptyString as t}from"./ui-service-management8.js";function r(o){return o?"Yes":"No"}function n(o){return t(o)?o:"-"}export{r as boolToYesNo,n as formatOptionalProperty};

package/dist/helpers/ui-service-management12.js

@@ -0,0 +1 @@
+import{ApplicationEvents as i}from"../constants/ui-service-management.js";const o=(e,t,r)=>{e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0}))},s=e=>o(document,i.ErrorRaised,e);export{s as raiseErrorDialog,o as raiseEvent};

package/dist/helpers/ui-service-management13.js

@@ -0,0 +1 @@
+import{SharedTicketStatus as e,DeliveryAndRemovalTicketStatus as o,FacilityAccessTicketStatus as t,RemoteHandsTicketStatus as r}from"../enums/ui-service-management.js";function n(a){return a&&{[e.New.toLowerCase()]:"new",[e.Announced.toLowerCase()]:"announced",[o.Approved.toLowerCase()]:"approved",[t.Approved.toLowerCase()]:"approved",[e.Completed.toLowerCase()]:"completed",[e.InProgress.toLowerCase()]:"inProgress",[t.PendingApproval.toLowerCase()]:"pending",[o.PendingPickup.toLowerCase()]:"pending_pickup",[r.CancellationRequested.toLowerCase()]:"cancellationRequested",[t.ApprovalDenied.toLowerCase()]:"approvalDenied",[e.Cancelled.toLowerCase()]:"cancelled",[o.Rejected.toLowerCase()]:"rejected"}[a.toLowerCase()]||"default"}export{n as mapStatusToChipAppearance};

package/dist/helpers/ui-service-management14.js

@@ -0,0 +1 @@
+function c(t,n){let e;return(...o)=>(clearTimeout(e),new Promise(r=>{e=setTimeout(()=>{const u=t(...o);r(u)},n)}))}export{c as debounce};

package/dist/helpers/ui-service-management15.js

@@ -0,0 +1 @@
+import{FieldType as O}from"../enums/ui-service-management2.js";import{Operator as r}from"../enums/ui-service-management3.js";function d(o){return typeof o=="string"?"'".concat(o.replace(/'/g,"''"),"'"):o instanceof Date?o.toISOString():encodeURIComponent("".concat(o.toString()))}function g(o,p,t,n,l,a=void 0){const c=h=>l?"toLower(".concat(h,")"):h,e=d(p),u=c(o),f={[r.Contains]:"contains(".concat(u,", ").concat(c(e),")"),[r.Equals]:"".concat(u," eq ").concat(c(e)),[r.GreaterThanOrEqualTo]:"".concat(o," ge ").concat(e),[r.LessThanOrEqualTo]:"".concat(o," le ").concat(e)},y={[r.Contains]:"".concat(o,"/any(x:contains(").concat(c("x"),", ").concat(c(e),"))"),[r.Equals]:"".concat(o,"/any(x:").concat(c("x")," eq ").concat(c(e),")"),[r.GreaterThanOrEqualTo]:"".concat(o,"/any(x:x ge ").concat(e,")"),[r.LessThanOrEqualTo]:"".concat(o,"/any(x:x le ").concat(e,")")},s="x/".concat(a),i={[r.Contains]:"".concat(o,"/any(x:contains(").concat(c(s),", ").concat(c(e),"))"),[r.Equals]:"".concat(o,"/any(x:").concat(c(s)," eq ").concat(c(e),")"),[r.GreaterThanOrEqualTo]:"".concat(o,"/any(x:").concat(c(s)," ge ").concat(e,")")};return n===O.StringCollection?y[t]||"":n===O.ObjectCollection?i[t]||"":f[t]||""}function x(o,p){return o.map((t,n)=>{var l;if(t.matchValue!==void 0&&t.matchValue!==""){const a=g(p,t.matchValue,t.equalityOperator,t.fieldType,(l=t.ignoreCase)!==null&&l!==void 0?l:!1,t.objectProperty);return n===0?a:"".concat(t.concatenationOperator.toLowerCase()," ").concat(a)}return""}).filter(t=>t!=null&&t!=="")}function q(o,p){const t=[],n=p||{};n.select&&t.push("$select=".concat(n.select.join(",")));const l=Object.keys(o).filter(a=>o[a]!==void 0).flatMap(a=>{const c=o[a];if(Array.isArray(c)&&c.length>0){const e=x(c.filter(i=>i.concatenationOperator===r.Or),a),u=e.length>0?"(".concat(e.join(" "),")"):null,f=x(c.filter(i=>i.concatenationOperator!==r.Or),a),y=f.length>0?"(".concat(f.join(" "),")"):null;let s=u!=null?u:"";if(y!=null){const i=u!=null?" and ":"";s+="".concat(i," ").concat(y)}return s}return null}).filter(a=>a!=null);if(l.length>0){const a=l.join(" and ");t.push("$filter=".concat(a))}return n.orderBy&&n.orderBy.length>0&&t.push("$orderby=".concat(n.orderBy.join(","))),n.top!==void 0&&t.push("$top=".concat(n.top)),n.skip!==void 0&&t.push("$skip=".concat(n.skip)),"?".concat(t.join("&"))}export{q as buildODataQuery,g as formatODataCondition,d as formatODataValue};

package/dist/helpers/ui-service-management16.js

@@ -0,0 +1 @@
+import{ApplicationPath as c}from"../constants/ui-service-management7.js";import{RouteNames as a}from"../routes/ui-service-management2.js";import{appState as i}from"../state/ui-service-management2.js";import{globalFacade as r}from"./ui-service-management5.js";function o(t,s){let e="";switch(t){case"Delivery":e=a.DeliveriesTicketDetails;break;case"Removal":e=a.RemovalsTicketDetails;break;case"Remote Hands":e=a.RemoteHandsTicketDetails;break;case"Customer Care":e=a.CustomerCareTicketDetails;break;case"Facility Access":switch(s){case"Visitor Access":e=a.VisitorAccessTicketDetails;break;case"Permanent Badge":e=a.PermanentBadgeTicketDetails;break;case"OSP Access":e=a.OspAccessTicketDetails;break;case"PoP/POE Access":e=a.PopAccessTicketDetails;break}break;case"Trouble Ticket":e=a.TroubleTicketDetails;break}return e}function l(){const{isStandalone:t}=i,{pathname:s}=r;return!!(t||s.includes(c))}export{o as getServiceTicketDetailsRouteName,l as isActiveAppServiceManagement};

package/dist/helpers/ui-service-management17.js

@@ -0,0 +1 @@
+import{RemoteHandsRequestTypes as t,ServiceBackendCodes as r}from"../constants/ui-service-management2.js";const s=e=>e.requestType===t.PlannedWork&&e.serviceBackend===r.ServiceNow;export{s as hasLatestExpectedStartDate};

package/dist/helpers/ui-service-management18.js

@@ -0,0 +1 @@
+function n(e){return!e||e==="null"||e==="undefined"}export{n as isNullOrUndefined};

package/dist/helpers/ui-service-management19.js

@@ -0,0 +1 @@
+function s(n,t){if(!n||!t||n.length!==t.length)return!1;const r=[...n].sort(),i=[...t].sort();return JSON.stringify(r)===JSON.stringify(i)}export{s as stringCollectionsAreEqual};

package/dist/helpers/ui-service-management2.js

@@ -0,0 +1 @@
+const a=t=>{var i;return Number((i=t.split("cursor=").pop())===null||i===void 0?void 0:i.split("&")[0])},c=async(t,i)=>{const o=await i({...t,cursor:"1"});if(!o)return[];const e=[...o.items];if(o.last&&o.self!==o.last){const n=[];let l=1;l=a(o.last);for(let s=2;s<=l;s+=1)n.push(i({...t,cursor:s.toString()}));await Promise.all(n).then(s=>{s.forEach(r=>{r&&e.push(...r.items)})})}return e},u=t=>{var i,o;return t?"name"in t?((i=t.name)===null||i===void 0?void 0:i.trim())||t.id||"":((o=t.comment)===null||o===void 0?void 0:o.trim())||t.id||"":""};export{c as fetchAllPages,u as getLocationDisplayName};

package/dist/helpers/ui-service-management20.js

@@ -0,0 +1 @@
+import n from"moment-timezone";import{isNonEmptyString as a}from"./ui-service-management8.js";const u=t=>/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(t);function c(t){return/^[a-zA-Z0-9]+$/.test(t)}function m(t){return/^[a-zA-Z0-9 ]+$/.test(t)}function p(t){return/^[a-zA-Z0-9.' ]+$/.test(t)}function h(t){const s=n(t,"YYYY-MM-DD"),r=n().add(24,"hours").startOf("day");return s.isSameOrAfter(r)}function A(t,s){const r=s?n.tz(s):n.utc(),[i,e]=t.split(":").map(o=>parseInt(o,10));return i>r.hours()||i===r.hours()&&e>r.minutes()}function f(t){return a(t)?/^(0|[1-9]\d*)$/.test(t):!1}export{c as isAlphanumeric,m as isAlphanumericWithSpaces,p as isAlphanumericWithSpacesApostropheAndPeriod,h as isDate24HoursFromToday,A as isTimeLaterThanNow,u as isValidEmail,f as isWholeNumber};

package/dist/helpers/ui-service-management21.js

@@ -0,0 +1 @@
+import r from"moment";import{otherCourierCompany as d,dlrRemovalParty as n}from"../constants/ui-service-management3.js";import{DefaultDateFormat as t}from"../constants/ui-service-management2.js";import{lookups as m}from"../state/ui-service-management.js";const u=(e,a)=>{if(e===d)return!0;const o=m.getCouriers(a).map(s=>s.toLowerCase());return!!e&&!(o!=null&&o.includes(e.toLowerCase()))},i=e=>e===n,y=e=>r().add({days:e}).format(t),f=(e,a)=>r(a).add({days:e}).format(t),l=e=>!!e&&r(e).isBefore(r().add({days:1}),"day"),p=e=>!!e&&r(e).isBefore(r(),"day");export{p as earlierThanToday,u as isOtherCourierSelected,l as lessThanOneDayInFuture,y as nDaysInFuture,f as nDaysInFutureFromDate,i as needsRemoteHands};

package/dist/helpers/ui-service-management22.js

@@ -0,0 +1 @@
+import{html as v}from"lit";import"@digital-realty/ix-divider/ix-divider.js";var i=Object.freeze,a=Object.defineProperty,m=(r,d)=>i(a(r,"raw",{value:i(d||r.slice())})),e;const o=()=>v(e||(e=m(['<div class="form-wrapper__fields form-margin">\n    <div></div>\n    <ix-divider></ix-divider>\n    <div></div>\n  </div>'])));export{o as wrappedDivider};

package/dist/helpers/ui-service-management23.js

@@ -0,0 +1 @@
+import{ReportsServiceTypes as e}from"../enums/ui-service-management5.js";const t=r=>{switch(r==null?void 0:r.toLowerCase()){case"planned_maintenance":return e.PLANNED_MAINTENANCE;case"incidents":return e.INCIDENTS;case"dcim_alerts":return e.DCIM_ALERTS;case"service_tickets":return e.SERVICE_TICKETS;default:return r}};export{t as getReportServiceTypeLabel};

package/dist/helpers/ui-service-management24.js

@@ -0,0 +1 @@
+const a={incorrectFileFormat:"Error: Incorrect file format.",incorrectFileTemplate:"Error: Incorrect file template.",emptyFile:"CSV file is empty.",noFileUploaded:"No file uploaded."},s=async n=>new Promise((t,l)=>{const o=new FileReader;o.onload=i=>{var r;const e=(r=i==null?void 0:i.target)===null||r===void 0?void 0:r.result;typeof e=="string"?t(e):e instanceof ArrayBuffer?t(new TextDecoder().decode(e)):t("")},o.onerror=l,o.readAsText(n)}),p=(n,t)=>{const l=n.trim().split("\n"),o=l[0].split(",").map(i=>i.trim());return l.slice(1).map(i=>{const r=i.split(",").map(e=>e.trim());return o.reduce((e,m,d)=>{const c=t[m];return c&&(e[c]=r[d]),e},{})})},f=async(n,t)=>{if(!n||!n.name.endsWith(".csv"))throw new Error(a.incorrectFileFormat);const l=await s(n),o=l.trim().split("\n");if(o.length<1)throw new Error(a.emptyFile);const i=o[0].split(",").map(r=>r.trim());if(!Object.keys(t).every((r,e)=>r===i[e]))throw new Error(a.incorrectFileTemplate);return p(l,t)};export{a as fileErrorMessages,p as parseCSV,f as parseCSVFileWithHeaderValidation,s as readFileAsText};

package/dist/helpers/ui-service-management3.js

@@ -0,0 +1 @@
+const n=e=>e?e.some(t=>t.locations.some(a=>a.status==="Outstanding")):!1,s=e=>{switch(e){case"New":return"New Badge";case"Modify":return"Modify Badge";case"Terminate":return"Terminate All Access";default:return e}};export{n as anyLocationsPending,s as getPermanentBadgeCategoryLabel};

package/dist/helpers/ui-service-management4.js

@@ -0,0 +1 @@
+import{LocationPermissionTypes as r}from"../constants/ui-service-management4.js";import{ServiceTicketTypes as e}from"../constants/ui-service-management2.js";function t(s){switch(s){case e.DeliveriesAndRemovals:return r.DeliveriesRemovals;case e.RemoteHands:return r.RemoteHands;case e.CustomerSupport:return r.CustomerCare;case e.TroubleTickets:return r.TroubleTickets;case e.VisitorAccess:return r.VisitorAccess;case e.PermanentBadge:return r.PermanentBadge;default:return"default"}}function i(s){switch(s){case e.DeliveriesAndRemovals:return"Deliveries";case e.RemoteHands:return"Remote_hands";case e.CustomerSupport:return"Customer_care";case e.TroubleTickets:return"Trouble_tickets";case e.FacilityAccess:return"Facilities_access";default:return}}export{i as mapTicketTypeToAssignableProcess,t as mapTicketTypeToPermissionType};

package/dist/helpers/ui-service-management5.js

@@ -0,0 +1 @@
+const a={get pathname(){return window.location.pathname}};export{a as globalFacade};

package/dist/helpers/ui-service-management6.js

@@ -0,0 +1 @@
+import{html as n}from"lit";import{ResponseError as i}from"../api/deliveries-api/ui-service-management.js";import{raiseErrorDialog as c}from"./ui-service-management12.js";var a=Object.freeze,l=Object.defineProperty,d=(e,r)=>a(l(e,"raw",{value:a(r||e.slice())})),s;const m=async(e,r=!0)=>{let o="An error occurred";if(e instanceof i&&e.response.status===400)try{const{detail:t}=await e.response.json();o=t}catch(t){console.error(e)}else console.error(e);r&&c(o)},p=e=>{window.dispatchEvent(new CustomEvent("add-toast",{detail:{id:"error-toast",content:n(s||(s=d(['<ix-message-toast\n          forceClose="false"\n          toastId="error-toast"\n          type="error"\n          >',"\n        </ix-message-toast>"])),e),vertical:"bottom",horizontal:"center",animated:!0,above:!1}}))};export{m as handleError,p as renderErrorToast};

package/dist/helpers/ui-service-management7.js

@@ -0,0 +1 @@
+import{closedTicketStatuses as t}from"../enums/ui-service-management.js";function i(e){return t.map(o=>o.toLowerCase()).includes((e==null?void 0:e.toLowerCase())||"")}export{i as isTicketDisabled};

package/dist/helpers/ui-service-management8.js

@@ -0,0 +1 @@
+function n(t){return typeof t=="string"&&t.trim().length>0}export{n as isNonEmptyString};

package/dist/helpers/ui-service-management9.js

@@ -0,0 +1 @@
+const l=r=>[{name:"side",header:"Side",width:"80px",bodyRenderer:e=>e.side},{name:"name",header:"Name",width:"182px",bodyRenderer:e=>e.name},{name:"room",header:"Room Number",width:"182px",bodyRenderer:e=>e.room},{name:"rack",header:"Rack Number",width:"142px",bodyRenderer:e=>e.rack},{name:"panel",header:"Panel Number",width:"162px",bodyRenderer:e=>e.panel},{name:"port".concat(r),header:"Port ".concat(r+1),width:"142px",bodyRenderer:e=>e.port},{name:"id",header:"Carrier Circuit ID",width:"182px",bodyRenderer:e=>e.id}],u=r=>{const e=m=>{var d,n,a,i,t,c;const o="side".concat(m);return{side:m,name:(d=r["".concat(o,"Name")])!==null&&d!==void 0?d:"",room:(n=r["".concat(o,"RoomNumber")])!==null&&n!==void 0?n:"",rack:(a=r["".concat(o,"RackNumber")])!==null&&a!==void 0?a:"",panel:(i=r["".concat(o,"PanelNumber")])!==null&&i!==void 0?i:"",port:(t=r["".concat(o,"Port")])!==null&&t!==void 0?t:"",id:(c=r["".concat(o,"CarrierCircuitID")])!==null&&c!==void 0?c:""}};return[e("A"),e("Z")]};export{u as buildRowsForCircuit,l as getCircuitColumns};

package/dist/models/ui-service-management.js

@@ -0,0 +1 @@
+import{User as s}from"oidc-client-ts";class t extends s{constructor(e,r){super({...e}),this.hashed_identifier=r}}export{t as ApplicationUser};