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

package/dist/components/navigation/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{svg as a,LitElement as Z,html as n}from"lit";import{property as f,customElement as u}from"lit/decorators.js";import{NavigationBarStyles as y}from"../../styles/ui-service-management3.js";import"../dev/ui-service-management.js";import{RouteNames as i}from"../../routes/ui-service-management2.js";import{getPathByName as s}from"../../routes/ui-service-management.js";import{TWStyles as I}from"../../ui-service-management2.js";var V=Object.freeze,b=Object.defineProperty,t=(e,M)=>V(b(e,"raw",{value:V(M||e.slice())})),c,C,l,p,h,m,d,v,L,g;const H={digitalRealtyLogo:a(c||(c=t(['\n    <path d="M17.6281 26.4421V23.1369C20.6656 23.1369 23.1369 20.6657 23.1369 17.6281H26.4421C26.4421 22.4881 22.4881 26.4421 17.6281 26.4421ZM17.6281 0V3.30527C20.6656 3.30527 23.1369 5.77647 23.1369 8.81404H26.4421C26.4421 3.95398 22.4881 0 17.6281 0ZM8.81404 23.1369H3.30527V17.6281H0V26.4421H8.81404V23.1369ZM3.30527 3.30527H8.81404V0H0V8.81404H3.30527V3.30527Z"></path>\n  ']))),digitalRealtyLogoWithText:a(C||(C=t(['\n    <path d="M174.823 18.1256V18.338H174.216V19.7581H173.986V18.338H173.379V18.1256H174.823ZM175.376 18.1256L176.025 19.4728L176.68 18.1256H177.002V19.7581H176.784V18.3865L176.116 19.7581H175.928L175.272 18.3865V19.7581H175.06V18.1256H175.376Z"></path>\n    <path d="M166.533 6.68392L169.465 12.0444L172.547 6.68392H175.666L170.866 14.902V19.7581H168.064V14.902L163.264 6.68392H166.533ZM162.921 6.68392V9.0933H159.148V19.7581H156.347V9.0933H152.574V6.68392H162.921ZM149.268 6.68393H146.467V19.7581H154.836V17.3487H149.268V6.68393ZM137.482 6.68392H140.844L145.588 19.7581H142.581L141.573 16.9005H136.605L135.596 19.7581H132.701L137.482 6.68392ZM140.807 14.6406L139.07 9.67235L137.352 14.6406H140.807ZM131.744 6.68392V9.0933H125.767V12.0257H130.623V14.323H125.767V17.3488H131.949V19.7581H122.965V6.68392H131.744ZM119.015 7.21625C119.743 7.57117 120.307 8.07848 120.705 8.73847C121.104 9.39836 121.303 10.1642 121.303 11.0358C121.303 11.87 121.104 12.6078 120.705 13.249C120.307 13.8904 119.759 14.3791 119.062 14.7152L121.639 19.7581H118.539L116.353 15.369H113.981V19.7581H111.18V6.68392H116.503C117.449 6.68392 118.286 6.86143 119.015 7.21625ZM116.279 13.0343C116.939 13.0343 117.465 12.8537 117.857 12.4927C118.249 12.1315 118.445 11.6459 118.445 11.0358C118.445 10.4132 118.249 9.92141 117.857 9.56024C117.465 9.19916 116.939 9.01862 116.279 9.01862H113.981V13.0343H116.279ZM99.9176 17.3487V6.68398H97.1161V19.7581H105.485V17.3487H99.9176ZM88.1319 6.68397L91.4938 6.68398L96.2379 19.7581H93.2309L92.2222 16.9005H87.2541L86.2454 19.7581H83.3504L88.1319 6.68397ZM91.4564 14.6405L89.7195 9.67236L88.0012 14.6405H91.4564ZM84.9942 6.68397V9.09335H81.2213V19.7581H78.4198V9.09335H74.6469V6.68397H84.9942ZM73.5075 6.68397V19.7581H70.7059V6.68397H73.5075ZM59.5649 7.39371C60.5422 6.84584 61.691 6.5719 63.0109 6.5719C64.0443 6.5719 64.972 6.77111 65.7937 7.16957C66.6156 7.56799 67.2786 8.12833 67.7829 8.85053C68.2872 9.57269 68.5954 10.4008 68.7074 11.3346H65.9432C65.7688 10.6 65.4202 10.0179 64.8972 9.58829C64.3742 9.15869 63.7206 8.94393 62.9361 8.94393C62.2139 8.94393 61.5851 9.12448 61.0497 9.48556C60.5143 9.84664 60.1034 10.351 59.817 10.9984C59.5306 11.6459 59.3874 12.3868 59.3874 13.221C59.3874 14.5036 59.7018 15.5371 60.3306 16.3215C60.9594 17.106 61.8279 17.4982 62.9361 17.4982C63.7454 17.4982 64.4614 17.2772 65.084 16.8351C65.7066 16.3931 66.0801 15.7425 66.2047 14.8833V14.7152H62.9547V12.4926H68.8008V19.7581H66.8584L66.5595 18.1332C66.1736 18.6437 65.6568 19.0609 65.0093 19.3846C64.3618 19.7083 63.6085 19.8702 62.7494 19.8702C61.5166 19.8702 60.4302 19.5963 59.4901 19.0484C58.55 18.5005 57.8216 17.7223 57.3048 16.7137C56.7881 15.7051 56.5298 14.5409 56.5298 13.221C56.5298 11.8887 56.7913 10.7214 57.3142 9.71903C57.8372 8.71668 58.5874 7.94154 59.5649 7.39371ZM55.0729 6.68397V19.7581H52.2713V6.68397H55.0729ZM44.2028 6.68397C45.5101 6.68397 46.665 6.96099 47.6674 7.51512C48.6697 8.0692 49.4417 8.84121 49.9834 9.8311C50.5251 10.821 50.7958 11.951 50.7958 13.221C50.7958 14.4911 50.5251 15.6211 49.9834 16.611C49.4417 17.6009 48.6697 18.3729 47.6674 18.927C46.665 19.4811 45.5101 19.7581 44.2028 19.7581H39.6641V6.68397H44.2028ZM46.9577 16.2748C47.6113 15.509 47.9382 14.4911 47.9382 13.221C47.9382 11.951 47.6113 10.9331 46.9577 10.1673C46.304 9.4015 45.3856 9.01863 44.2028 9.01863H42.4657V17.4234H44.2028C45.3856 17.4234 46.304 17.0406 46.9577 16.2748Z"></path>\n    <path d="M17.6281 26.4421V23.1369C20.6656 23.1369 23.1369 20.6657 23.1369 17.6281H26.4421C26.4421 22.4881 22.4881 26.4421 17.6281 26.4421ZM17.6281 0V3.30527C20.6656 3.30527 23.1369 5.77647 23.1369 8.81404H26.4421C26.4421 3.95398 22.4881 0 17.6281 0ZM8.81404 23.1369H3.30527V17.6281H0V26.4421H8.81404V23.1369ZM3.30527 3.30527H8.81404V0H0V8.81404H3.30527V3.30527Z"></path>\n  ']))),serviceTicketsIcon:a(l||(l=t(['\n    <path d="M4 4C2.897 4 2 4.897 2 6V16C2 17.103 2.897 18 4 18H0V20H24V18H20C21.103 18 22 17.103 22 16V6C22 4.897 21.103 4 20 4H4ZM4 6H20L20.002 16H4V6ZM14.2852 8.00781L11 11.293L9.20703 9.5L7.79297 10.9141L11 14.1211L15.6992 9.42188L14.2852 8.00781Z"></path>\n  ']))),reportsIcon:a(p||(p=t(['\n  <path d="M6 2C4.90575 2 4 2.90575 4 4V20C4 21.0943 4.90575 22 6 22H11V20H6V4H13V9H18V13H20V8L14 2H6ZM12 11V14H15C15 12.343 13.641 11.031 12 11ZM11 12C9.343 12 8 13.343 8 15C8 16.657 9.343 18 11 18C12.657 18 13.969 16.641 14 15H11V12ZM16 15V21H13C13 22.654 14.346 24 16 24H21C22.645 24 24 22.645 24 21V15H16ZM18 17H22V21C22 21.565 21.565 22 21 22C20.449 22 20 21.552 20 21H18V17Z" fill="white"/>\n  '])))};let o=class extends Z{constructor(){super(...arguments),this.navigationItems=[],this.compact=!1}static get styles(){return[I,y]}firstUpdated(){window.addEventListener("vaadin-router-location-changed",()=>{this.requestUpdate(),this.navigationItems.length||(this.navigationItems=[{href:s(i.ServiceTickets),title:i.ServiceTickets,icon:n(h||(h=t(['<svg\n              focusable="false"\n              aria-hidden="true"\n              viewBox="0 0 24 24"\n            >\n              ',"\n            </svg>"])),H.serviceTicketsIcon)},{href:s(i.Reports),title:i.Reports,icon:n(m||(m=t(['<svg\n              focusable="false"\n              aria-hidden="true"\n              viewBox="0 0 24 24"\n            >\n              ',"\n            </svg>"])),H.reportsIcon)}])})}toggleCompact(){this.compact=!this.compact}renderItems(){return n(L||(L=t([" <ul>\n      ","\n    </ul>"])),this.navigationItems.map(e=>n(v||(v=t(["\n          <li>\n            <a\n              href=","\n              class=",'\n            >\n              <div class="navigation-icon">',"</div>\n              ","\n            </a>\n          </li>\n        "])),e.href,e.href===window.location.pathname?"active":"",e.icon,this.compact?"":n(d||(d=t(['<h6 class="dlr-text-small">',"</h6>"])),e.title))))}render(){return n(g||(g=t(["\n      <div class=",">\n        <svg\n          @click=",'\n          class="navigation-logo"\n          focusable="false"\n          aria-hidden="true"\n          viewBox="0 0 178 27"\n        >\n          ','\n        </svg>\n\n        <hr class="divider" />\n\n        ',"\n        <dev-clear-storage-button-service></dev-clear-storage-button-service>\n      </div>\n    "])),"container ".concat(this.compact?"compact":""),this.toggleCompact,this.compact?H.digitalRealtyLogo:H.digitalRealtyLogoWithText,this.renderItems())}};r([f({type:Boolean,attribute:!1})],o.prototype,"compact",void 0),o=r([u("sm-navigation-bar")],o);export{o as NavigationBar};

package/dist/components/remote-hands/details/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as m}from"tslib";import{MobxLitElement as b}from"@adobe/lit-mobx";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-divider/ix-divider.js";import{html as t,nothing as f}from"lit";import{ifDefined as r}from"lit-html/directives/if-defined.js";import{property as v,customElement as w}from"lit/decorators.js";import{ServiceBackendCodes as N}from"../../../constants/ui-service-management2.js";import{OtherPartiesToNotify as D}from"../../../constants/ui-service-management5.js";import{hasLatestExpectedStartDate as S}from"../../../helpers/ui-service-management17.js";import{getSiteDisplayNameFromName as I}from"../../../models/ui-service-management3.js";import R from"../../../services/ui-service-management4.js";import{remoteHandsState as n}from"../../../state/ui-service-management13.js";import{ServiceTicketsStyles as V}from"../../../styles/ui-service-management5.js";import{renderChips as P}from"../../shared/ui-service-management9.js";var u=Object.freeze,E=Object.defineProperty,o=(e,i)=>u(E(e,"raw",{value:u(i||e.slice())})),p,h,_,T,x,k,y,C;let s=class extends b{constructor(){super(),this.showCustomerReference=!0,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=R.showNewDatePickerComponent()}async firstUpdated(){var e;this.siteName=await I((e=n.selectedTicket)===null||e===void 0?void 0:e.site)}renderCustomerReference(){var e;return this.showCustomerReference?t(p||(p=o(['<info-field\n          class="informations-section__items-col"\n          label="Customer Reference Number"\n          value="','"\n          .hideIcon=',"\n        >\n        </info-field>"])),r((e=n.selectedTicket)===null||e===void 0?void 0:e.referenceNumber),!0):f}renderExpectedStart(){if(!S(n.newTicket))return f;const{startDate:e,startDateTime:i}=n.newTicket;return t(k||(k=o(['<info-field\n        class="informations-section__items-col"\n        label="Latest Expected Start Date"\n        useHtmlValue\n        .hideIcon=','\n      >\n        <div slot="htmlValue">\n          ','\n        </div>\n      </info-field>\n      <info-field\n        class="informations-section__items-col"\n        label="Time"\n        useHtmlValue\n        .hideIcon=','\n      >\n        <div slot="htmlValue">\n          ',"\n        </div>\n      </info-field> "])),!0,this.useNewDatePickerComponent===!0?t(h||(h=o(['<ix-date-next\n                type="static"\n                variant="date"\n                .value=',"\n                .noTimeZoneConversion=","\n              >\n              </ix-date-next>"])),e,!0):t(_||(_=o(['<ix-date\n                type="static"\n                variant="date"\n                .value=',"\n                .noTimeZoneConversion=","\n              ></ix-date>"])),e,!0),!0,this.useNewDatePickerComponent===!0?t(T||(T=o(['<ix-date-next\n                type="static"\n                .noTimeZoneConversion=','\n                variant="time"\n                .value=',"\n              >\n              </ix-date-next>"])),!0,i):t(x||(x=o(['<ix-date\n                type="static"\n                .noTimeZoneConversion=','\n                variant="time"\n                .value=',"\n              ></ix-date>"])),!0,i))}render(){var e,i,a,l,d,c;return t(C||(C=o(['\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            <info-field\n              class="informations-section__items-col"\n              label="Category"\n              value="','"\n              .hideIcon=',"\n            >\n            </info-field>\n\n            ",'\n\n            <info-field\n              class="informations-section__items-col"\n              label="Deliveries &amp; Removals Ticket Number"\n              .hideIcon=',"\n              .value=","\n            >\n            </info-field>\n\n            ",'\n          </div>\n          <div class="informations-section__items-row">\n            <info-field\n              class="informations-section__items-col-4"\n              label="Site"\n              value="','"\n              .hideIcon=','\n            >\n            </info-field>\n          </div>\n\n          <div class="informations-section__items-row">\n            <info-field\n              class="informations-section__items-col-4"\n              label="Location(s)"\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    </div>"])),r((e=n.selectedTicket)===null||e===void 0?void 0:e.requestType),!0,r((i=n.selectedTicket)===null||i===void 0?void 0:i.category),!0,this.renderCustomerReference(),!0,r((a=n.selectedTicket)===null||a===void 0?void 0:a.referenceTicketNumber),this.renderExpectedStart(),r(this.siteName),!0,!0,!0,((l=n.selectedTicket)===null||l===void 0?void 0:l.locations)||"-",((d=n.selectedTicket)===null||d===void 0?void 0:d.serviceBackend)!==N.TelxSFDC?t(y||(y=o([' <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>"])),D,!0,!0,P((c=n.selectedTicket)===null||c===void 0?void 0:c.contacts)):f)}};s.styles=[V],m([v({type:String})],s.prototype,"siteName",void 0),m([v({type:Boolean})],s.prototype,"showCustomerReference",void 0),s=m([w("remote-hands-other-information-section")],s);export{s as RemoteHandsOtherInformationSection};

package/dist/components/remote-hands/details/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as p}from"tslib";import{MobxLitElement as u}from"@adobe/lit-mobx";import{html as a,nothing as k}from"lit";import{customElement as _}from"lit/decorators.js";import{ifDefined as c}from"lit-html/directives/if-defined.js";import{SharedTicketStatus as b,RemoteHandsTicketStatus as T}from"../../../enums/ui-service-management.js";import{remoteHandsState as t}from"../../../state/ui-service-management13.js";import{ServiceTicketsStyles as h}from"../../../styles/ui-service-management5.js";import"../../shared/ui-service-management9.js";import{TWStyles as S}from"../../../ui-service-management2.js";var d=Object.freeze,w=Object.defineProperty,r=(e,i)=>d(w(e,"raw",{value:d(i||e.slice())})),m,f;let n=class extends u{render(){var e,i,o,s,l;const v=((e=t.selectedTicket)===null||e===void 0?void 0:e.state)===b.Cancelled||((i=t.selectedTicket)===null||i===void 0?void 0:i.state)===T.CancellationRequested;return a(f||(f=r(['\n      <div class="ticket-details-body__section">\n        <span class="informations-section__title">Ticket Details</span>\n        <div class="informations-section__items">\n          <div class="informations-section__items-row">\n            <info-field\n              label="Subject"\n              value=',"\n              .hideIcon=",'\n            >\n            </info-field>\n          </div>\n\n          <div class="informations-section__items-row">\n            <info-field label="Description" .hideIcon=',' useHtmlValue>\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          ","\n        </div>\n      </div>\n    "])),c((o=t.selectedTicket)===null||o===void 0?void 0:o.subject),!0,!0,(s=t.selectedTicket)===null||s===void 0?void 0:s.shortDescription,v?a(m||(m=r([' <div class="informations-section__items-row">\n                <info-field\n                  label="Reason for Cancellation"\n                  value=',"\n                  .hideIcon=","\n                >\n                </info-field>\n              </div>"])),c((l=t.selectedTicket)===null||l===void 0?void 0:l.cancellationReason),!0):k)}};n.styles=[h,S],n=p([_("remote-hands-ticket-details-section")],n);export{n as RemoteHandsTicketDetailsSection};

package/dist/components/remote-hands/details/ui-service-management3.js

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

package/dist/components/remote-hands/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as p}from"tslib";import{MobxLitElement as g}from"@adobe/lit-mobx";import{nothing as s,html as c}from"lit";import{state as C,customElement as P}from"lit/decorators.js";import{until as E}from"lit-html/directives/until.js";import{RemoteHandsCancelButtonText as x,EditButtonText as L}from"../../constants/ui-service-management5.js";import{ApplicationEvents as h}from"../../constants/ui-service-management.js";import{LocationPermissionTypes as B,LocationPrivilegeLevels as y}from"../../constants/ui-service-management4.js";import{TWStyles as N}from"../../ui-service-management2.js";import{remoteHandsState as i}from"../../state/ui-service-management13.js";import{ServiceBackendCodes as k}from"../../constants/ui-service-management2.js";import{SharedTicketStatus as u}from"../../enums/ui-service-management.js";import{hasPermissionAtLocation as R}from"../../services/ui-service-management5.js";import{siteNavigationState as H}from"../../state/ui-service-management12.js";import{serviceTicketState as D}from"../../state/ui-service-management4.js";var b=Object.freeze,_=Object.defineProperty,r=(e,t)=>b(_(e,"raw",{value:b(t||e.slice())})),w,S,T,f;let a=class extends g{constructor(){super(...arguments),this.hasPermission=void 0,this.backendService=void 0}async getServiceBackend(){var e;this.backendService||(this.backendService=await H.getServiceBackend(i.newTicket.location.accountNumber,(e=i.newTicket.site)===null||e===void 0?void 0:e.id,"Remote_hands"))}async getPermissions(){var e,t,o,n,l,d,m,v;return!(!((t=(e=i.newTicket)===null||e===void 0?void 0:e.location)===null||t===void 0)&&t.id&&!((n=(o=i.newTicket)===null||o===void 0?void 0:o.location)===null||n===void 0)&&n.accountNumber)||(await this.getServiceBackend(),this.backendService===k.TelxSFDC)?!1:this.hasPermission!==void 0?this.hasPermission:(i.loadings.ticketDetailsPermissionCheck=!0,this.hasPermission=await R(y.Update,B.RemoteHands,(d=(l=i.newTicket)===null||l===void 0?void 0:l.location)===null||d===void 0?void 0:d.id,(v=(m=i.newTicket)===null||m===void 0?void 0:m.location)===null||v===void 0?void 0:v.accountNumber),i.loadings.ticketDetailsPermissionCheck=!1,this.hasPermission)}get canCancel(){var e,t;return this.backendService===k.ServiceNow?!1:((t=(e=i.selectedTicket)===null||e===void 0?void 0:e.state)===null||t===void 0?void 0:t.toLowerCase())===u.New.toLowerCase()}get canEdit(){var e,t,o;const n=new Set([u.New.toLowerCase(),u.InProgress.toLowerCase()]);return!((e=i.selectedTicket)===null||e===void 0)&&e.state?n.has((o=(t=i.selectedTicket)===null||t===void 0?void 0:t.state)===null||o===void 0?void 0:o.toLowerCase()):!1}dispatchClickEvent(e){const t=new CustomEvent(e,{bubbles:!0,composed:!0});this.dispatchEvent(t)}render(){return D.loadings.isTicketCancelling?s:c(f||(f=r(['<div class="w-fit flex gap-2">\n      ',"\n    </div>"])),E(this.getPermissions().then(e=>e?c(T||(T=r([" ","\n              ",""])),this.canCancel?c(w||(w=r(['<ix-button\n                    class="cancel"\n                    appearance="outlined"\n                    name="cancelRemovalsBtn"\n                    @click=','\n                  >\n                    <span class="button-label"\n                      >',"</span\n                    >\n                  </ix-button>"])),()=>{this.dispatchClickEvent(h.CancelTicket)},x):s,this.canEdit?c(S||(S=r(['<ix-button\n                    name="edit-button"\n                    @click=','\n                    has-icon\n                  >\n                    <md-icon slot="icon">edit</md-icon>\n                    <span>',"</span>\n                  </ix-button>"])),()=>this.dispatchClickEvent(h.EditTicket),L):s):s),s))}};a.styles=[N],p([C()],a.prototype,"backendService",void 0),a=p([P("remote-hands-button-group")],a);export{a as RemoteHandsButtonGroup};

package/dist/components/remote-hands/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as n}from"tslib";import{html as s,nothing as a}from"lit";import{MobxLitElement as C}from"@adobe/lit-mobx";import{state as l,property as d,customElement as g}from"lit/decorators.js";import{raiseEvent as w}from"../../helpers/ui-service-management12.js";import"@digital-realty/ix-wizard/ix-wizard.js";import"@digital-realty/ix-wizard/ix-wizard-step.js";import{remoteHandsState as o}from"../../state/ui-service-management13.js";import"./ui-service-management4.js";import"./ui-service-management5.js";import"./ui-service-management3.js";import"./ui-service-management6.js";import{ApplicationEvents as x}from"../../constants/ui-service-management.js";import{TermsTicketTypes as y}from"../shared/ui-service-management10.js";import{TermsServices as N}from"../../constants/ui-service-management2.js";var p=Object.freeze,T=Object.defineProperty,c=(t,r)=>p(T(t,"raw",{value:p(r||t.slice())})),u,m,h,S,k,v;const e={Default:0,Terms:1,New:2,Summary:3,Result:4};let i=class extends C{constructor(){super(...arguments),this.currentStep=e.Terms,this.isUrgentWorkDialogOpen=!1}firstUpdated(){o.updateSite(this.selectedSite)}disconnectedCallback(){super.disconnectedCallback(),o.clear()}handleOnUrgentWork(t){this.isUrgentWorkDialogOpen=!1,t&&(this.currentStep=e.Summary)}renderTermsStep(){return s(u||(u=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <terms-and-conditions\n        ticketType=","\n        .onNextButtonClick=","\n        .service=","\n        .updateAgreeTerms=","\n        .termsAgreed=","\n      >\n      </terms-and-conditions>\n    </ix-wizard-step>"])),this.currentStep===e.Terms,!1,y.RemoteHands,()=>{this.currentStep=e.New},N.RemoteHands,t=>o.updateTermsAgreed(t),o.newTicket.termsAgreed)}renderUrgentWorkDialog(){return s(m||(m=c(["<urgent-work-dialog\n      .isDialogOpen=","\n      .onReject=","\n      .onAccept=","\n    ></urgent-work-dialog>"])),this.isUrgentWorkDialogOpen,()=>this.handleOnUrgentWork(!1),()=>this.handleOnUrgentWork(!0))}renderNewStep(){return s(h||(h=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-remote-hands-service-ticket\n        .onNextButtonClick=","\n      ></create-edit-remote-hands-service-ticket>\n    </ix-wizard-step>"])),this.currentStep===e.New,!1,()=>{this.currentStep=e.Summary})}renderSummaryStep(){return this.currentStep!==e.Summary?a:s(S||(S=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-remote-hands-summary\n        .onEditButtonClicked=","\n        .onSubmitted=","\n      >\n      </create-edit-remote-hands-summary>\n    </ix-wizard-step>"])),this.currentStep===e.Summary,!1,()=>{this.currentStep=e.New},()=>{this.currentStep=e.Result})}renderResultStep(){return this.currentStep!==e.Result?a:s(k||(k=c([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-remote-hands-result></create-edit-remote-hands-result>\n    </ix-wizard-step>"])),this.currentStep===e.Result,!1)}get createEditRemoteHandsServiceTicket(){var t,r;return(r=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("create-edit-remote-hands-service-ticket"))!==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.New:return o.newTicket.isValid;case e.Terms:return o.newTicket.termsAgreed;default:return!0}}handleNextStepClick(){var t,r;this.currentStep===e.New?(t=this.createEditRemoteHandsServiceTicket)===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?w(this,x.CreateTicket):this.currentStep-=1}handleWizardClose(){this.currentStep===e.Result&&(this.currentStep=e.New)}render(){return s(v||(v=c(["<ix-wizard\n      .totalSteps=","\n      .currentStep=","\n      .hideStepCount=","\n      .hideNextStep=","\n      .onNextStepClick=","\n      .onPrevStepClick=","\n      .enableNextStepClick=","\n      .enableHideCloseButton=","\n      .onCloseClick=","\n      .onMinimiseClick=","\n    >\n      "," ","\n      ","","\n      ","\n    </ix-wizard>"])),3,this.currentStep,this.currentStep===e.Result,this.currentStep===e.Summary,()=>this.handleNextStepClick(),()=>this.handlePrevStepClick(),this.enableNextStepClick,!0,()=>this.onCloseClick(),()=>this.onMinimiseClick(),this.renderTermsStep(),this.renderNewStep(),this.renderSummaryStep(),this.renderResultStep(),this.renderUrgentWorkDialog())}};i.styles=[],n([l()],i.prototype,"currentStep",void 0),n([l()],i.prototype,"isUrgentWorkDialogOpen",void 0),n([d({type:Object})],i.prototype,"selectedSite",void 0),n([d({type:Function})],i.prototype,"onCloseClick",void 0),n([d({type:Function})],i.prototype,"onMinimiseClick",void 0),i=n([g("remote-hands-service-ticket-wizard")],i);export{i as RemoteHandsServiceTicketWizard};

package/dist/components/remote-hands/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as a}from"tslib";import{html as t,nothing as o}from"lit";import{MobxLitElement as N}from"@adobe/lit-mobx";import{Router as O}from"@vaadin/router";import{property as c,customElement as B}from"lit/decorators.js";import{ifDefined as D}from"lit-html/directives/if-defined.js";import"@digital-realty/ix-progress/ix-progress.js";import{ServiceTicketsStyles as H}from"../../styles/ui-service-management5.js";import{ErrorCircleIcon as F,NumberIcon as W,CheckCircleOutlineIcon as L}from"../shared/ui-service-management11.js";import{remoteHandsState as n}from"../../state/ui-service-management13.js";import{RouteNames as u}from"../../routes/ui-service-management2.js";import{getPathByName as m}from"../../routes/ui-service-management.js";import{serviceTicketState as v}from"../../state/ui-service-management4.js";import{TWStyles as V}from"../../ui-service-management2.js";import{ServiceTicketSubmissionStates as j}from"../../constants/ui-service-management2.js";import"../shared/ui-service-management15.js";import{ApplicationEvents as q}from"../../constants/ui-service-management.js";var h=Object.freeze,M=Object.defineProperty,i=(e,s)=>h(M(e,"raw",{value:h(s||e.slice())})),p,f,k,g,b,T,E,w,y,S,R,x,C,I,_,A;let r=class extends N{constructor(){super(...arguments),this.isEdit=!1}get isSuccess(){return n.submissionResult.state!==j.Error}handleOnViewAllTickets(){window.dispatchEvent(new Event(q.DrawerClose)),O.go(m(u.ServiceTickets))}getTicketDetailsRoute(){var e,s,d,l;return!((s=(e=n.submissionResult)===null||e===void 0?void 0:e.result)===null||s===void 0)&&s.ticketId?m(u.RemoteHandsTicketDetails,{ticketId:((l=(d=n.submissionResult)===null||d===void 0?void 0:d.result)===null||l===void 0?void 0:l.ticketId)||""}):""}async handleOnRetry(){this.isEdit?await n.updateTicketRequest():await n.submitNewTicketRequest()}handleTicketIdClick(){this.isEdit&&this.onClosed&&this.onClosed()}renderIcon(){let e=L;return this.isSuccess||(e=F),t(p||(p=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(f||(f=i(["<div>Remote Hands Service Ticket</div>\n      <div>Cannot Be ","</div>"])),this.isEdit?"Edited":"Created");return this.isSuccess&&(e=t(k||(k=i(["<div>\n        ","\n      </div>"])),this.isEdit?"Changes Saved":"Remote Hands Service Ticket Created")),t(g||(g=i(['<div class="result-form__title">',"</div>"])),e)}renderBody(){let e=t(b||(b=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(E||(E=i(["<div>\n          Your Remote Hands Service Ticket has been successfully\n          ",".\n        </div>\n        ",""])),this.isEdit?"edited":"created",this.isEdit?o:t(T||(T=i(["<div>We will reach out to you shortly.</div>"]))))),t(w||(w=i(['<div class="result-form__body dlr-text-default">\n      ',"\n    </div>"])),e)}renderTicketNumbers(){var e,s;return this.isSuccess&&!this.isEdit?t(y||(y=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          <a\n            class="ticket-numbers__content"\n            href="','"\n            @click=',"\n            >","</a\n          >\n        </div>\n      </div>"])),W,D(this.getTicketDetailsRoute()),()=>this.handleTicketIdClick(),(s=(e=n.submissionResult)===null||e===void 0?void 0:e.result)===null||s===void 0?void 0:s.ticketId):o}renderFooter(){return t(C||(C=i(['<div class="result-form__footer">\n      ',"\n      ","\n    </div>"])),this.isSuccess?o:t(S||(S=i(['<ix-button appearance="outlined" @click=',"\n            >RETRY</ix-button\n          >"])),this.handleOnRetry),this.isEdit?t(x||(x=i(["<ix-button @click=",">CLOSE</ix-button>"])),this.handleTicketIdClick):t(R||(R=i(["<ix-button @click=","\n            >VIEW ALL SERVICE TICKETS</ix-button\n          >"])),this.handleOnViewAllTickets))}renderAttachmentsFailedMessage(){return v.error.uploadingAttachments?t(I||(I=i(["<attachment-upload-failed-message\n        .fileNames=","\n      ></attachment-upload-failed-message>"])),v.failedAttachments):o}render(){return n.loadings.isSubmitting?t(_||(_=i(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):t(A||(A=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())}};r.styles=[V,H],a([c({type:Boolean})],r.prototype,"isEdit",void 0),a([c({type:Function})],r.prototype,"onClosed",void 0),r=a([B("create-edit-remote-hands-result")],r);export{r as CreateEditRemoteHandsResult};

package/dist/components/remote-hands/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as d}from"tslib";import"@digital-realty/ix-date-next/ix-date-next.js";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-progress/ix-progress.js";import"@digital-realty/ix-select/ix-select-option.js";import"@digital-realty/ix-select/ix-select.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 T,property as v,query as I,customElement as H}from"lit/decorators.js";import"../../api/references-api/ui-service-management.js";import{GetRequestTypeCategoryMappingsServiceTicketTypeEnum as U}from"../../api/references-api/apis/ui-service-management3.js";import{LocationPermissionTypes as _,LocationPrivilegeLevels as A}from"../../constants/ui-service-management4.js";import{ServiceBackendCodes as u,extensions as z,DefaultDateFormat as V,DefaultTimeFormat as G}from"../../constants/ui-service-management2.js";import{ResultStep as X,OtherPartiesToNotify as J}from"../../constants/ui-service-management5.js";import{nDaysInFuture as p}from"../../helpers/ui-service-management.js";import{getLocationDisplayName as x}from"../../helpers/ui-service-management2.js";import{hasLatestExpectedStartDate as l}from"../../helpers/ui-service-management17.js";import{isDate24HoursFromToday as W,isTimeLaterThanNow as Z}from"../../helpers/ui-service-management20.js";import{getSiteDisplayNameFromName as $}from"../../models/ui-service-management3.js";import K from"../../services/ui-service-management4.js";import{getAllowedLocations as Q}from"../../services/ui-service-management5.js";import{lookups as g}from"../../state/ui-service-management.js";import{remoteHandsState as t}from"../../state/ui-service-management13.js";import{serviceTicketState as k}from"../../state/ui-service-management4.js";import{siteNavigationState as Y}from"../../state/ui-service-management12.js";import{ServiceTicketsStyles as ee}from"../../styles/ui-service-management5.js";import{TWStyles as te}from"../../ui-service-management2.js";import{ServiceTicketFormBase as ie}from"../shared/ui-service-management16.js";import"../shared/ui-service-management17.js";var b=Object.freeze,ne=Object.defineProperty,s=(e,i)=>b(ne(e,"raw",{value:b(i||e.slice())})),f,y,E,w,C,D,N,S,L,q,F,M,R,j,P,B,O;const ae={siteErrorText:void 0,locationErrorText:void 0,subjectMinLength:3,subjectMaxLength:160,subjectErrorText:void 0,descriptionMinLength:3,descriptionMaxLength:32e3,descriptionErrorText:void 0,requestTypeErrorText:void 0,categoryErrorText:void 0,refNumberMinLength:3,refNumberMaxLength:40,refNumberErrorText:void 0,refTicketNumberMinLength:3,refTicketNumberMaxLength:40,refTicketNumberErrorText:void 0,startDateErrorText:void 0,startDateFormat:V,startTimeErrorText:void 0,startTimeFormat:G,contactsHasError:!1,minimumDaysInTheFuture:1};let o=class extends ie{constructor(){super(),this.validations=ae,this.isEdit=!1,this.locations=[],this.requestCategories={},this.useNewDatePickerComponent=!1,this.firstUpdateDone=!1,this.useNewDatePickerComponent=K.showNewDatePickerComponent()}async firstUpdated(){var e,i,n,a;const[h,m]=await Promise.all([Q(A.Create,_.RemoteHands,"Remote_hands",(e=t.newTicket.site)===null||e===void 0?void 0:e.siteId,t.newTicket.accountNumber),Y.getServiceBackend(t.newTicket.accountNumber,(i=t.newTicket.site)===null||i===void 0?void 0:i.id,"Remote_hands")]);if(m===void 0)throw new Error("Service backend was not found for\n        site:".concat((n=t.newTicket.site)===null||n===void 0?void 0:n.siteId,"\n        accountNumber:").concat(t.newTicket.accountNumber));t.newTicket.serviceBackend=m,t.newTicket.attachments=[],this.isEdit?t.newTicket.site.displayName=await $((a=t.selectedTicket)===null||a===void 0?void 0:a.site):(t.createTicket(m),this.requestCategories=await g.getRequestCategories(m,U.RemoteHands)),this.locations=h,await this.updateComplete,this.firstUpdateDone=!0}updated(e){var i;(i=super.updated)===null||i===void 0||i.call(this,e),t.updateFormValidation(this.isFormValid)}get isRequiredInputsFilled(){return l(t.newTicket)&&(!t.newTicket.startDate||!t.newTicket.startTime)?!1:(!!t.newTicket.site||this.isEdit)&&(!!t.newTicket.location||this.isEdit)&&(!!t.newTicket.description||t.newTicket.serviceBackend!==u.TelxSFDC)&&!!t.newTicket.subject&&!!t.newTicket.requestType&&!!t.newTicket.category&&this.isLatestExpectedStartDateAndTimeFilled}get isFormValid(){var e,i;if(!this.firstUpdateDone)return!1;let n=!1;return this.useNewDatePickerComponent?n=!(!((i=(e=this.startDateField)===null||e===void 0?void 0:e.shadowRoot)===null||i===void 0)&&i.querySelector("div[slot='error-message']:not([hidden])"))||!l(t.newTicket):n=!this.validations.startDateErrorText||!l(t.newTicket),this.isRequiredInputsFilled&&!this.validations.categoryErrorText&&!this.validations.contactsHasError&&!this.validations.descriptionErrorText&&(!this.validations.locationErrorText||this.isEdit)&&!this.validations.refNumberErrorText&&!this.validations.refTicketNumberErrorText&&!this.validations.requestTypeErrorText&&(!this.validations.siteErrorText||this.isEdit)&&n&&(!this.validations.startTimeErrorText||!l(t.newTicket))&&!this.validations.subjectErrorText}get isLatestExpectedStartDateAndTimeFilled(){return l(t.newTicket)?!!t.newTicket.startDate&&!!t.newTicket.startTime:!0}get localDataCentreTimezone(){var e,i;return(i=(e=g.sites)===null||e===void 0?void 0:e.find(n=>{var a;return n.id===((a=t.newTicket.site)===null||a===void 0?void 0:a.siteId)}))===null||i===void 0?void 0:i.timeZone}validateLocation(){const{location:e}=t.newTicket;e?this.validations.locationErrorText=void 0:this.validations.locationErrorText="Please select a Location"}handleLocationChange(e){t.updateLocation(e),t.updateAccountNumber(e.accountNumber),this.validateLocation()}validateSubject(){const{subject:e}=t.newTicket;!e||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}handleSubjectChange(e){t.updateSubject(e),this.validateSubject()}validateDesc(){const{description:e}=t.newTicket;e&&(e.length<this.validations.descriptionMinLength||e.length>this.validations.descriptionMaxLength)&&e.length!==0||!e&&t.newTicket.serviceBackend===u.TelxSFDC?this.validations.descriptionErrorText="Description should be a minimum ".concat(this.validations.descriptionMinLength," and maximum ").concat(this.validations.descriptionMaxLength," characters."):this.validations.descriptionErrorText=void 0}handleDescChange(e){t.updateDescription(e),this.validateDesc()}async handleOnSubmit(){if(this.onSubmitted&&this.isEdit){if(!this.isFormValid)return;try{await t.updateTicketRequest()}finally{k.ticketStep=X,this.onSubmitted()}}}validateRequestType(){const{requestType:e}=t.newTicket;e?this.validations.requestTypeErrorText=void 0:this.validations.requestTypeErrorText="Please select a Request Type"}async handleRequestTypeChange(e){try{t.loadings.requestType=!0,t.updateRequestType(e),this.validateCategory(t.newTicket.category),this.validateRequestType()}finally{t.loadings.requestType=!1}}validateCategory(e){e?this.validations.categoryErrorText=void 0:this.validations.categoryErrorText="Please select a Category"}handleCategoryChange(e){this.validateCategory(e),t.updateCategory(e)}validateStartDate(){if(this.useNewDatePickerComponent)this.startDateField.validate();else{const{startDate:e}=t.newTicket;e?W(e)?this.validations.startDateErrorText=void 0:this.validations.startDateErrorText="Latest Expected Start Date must be 24 hours from today.":this.validations.startDateErrorText="Please select the Latest Expected Start Date."}}handleStartDateChange(e){t.updateStartDate(e),this.validateStartDate(),t.newTicket.startTime&&this.validateStartTime()}validateStartTime(){const{startTime:e,startDate:i}=t.newTicket;if(e){const n=this.localDataCentreTimezone,a=p(this.validations.minimumDaysInTheFuture,n);i===a&&!Z(e,n)?this.validations.startTimeErrorText="Time must be 24 hours from now.":this.validations.startTimeErrorText=void 0}else e||(this.validations.startTimeErrorText="Please enter a start time.")}handleStartTimeChange(e){t.updateStartTime(e),this.validateStartTime()}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)}handleReferenceTicketNumberChange(e){e.length&&(e.length<this.validations.refTicketNumberMinLength||e.length>this.validations.refTicketNumberMaxLength)?this.validations.refTicketNumberErrorText="Delivery/Removal Ticket Number should be a minimum ".concat(this.validations.refTicketNumberMinLength," and maximum ").concat(this.validations.refTicketNumberMaxLength," characters."):this.validations.refTicketNumberErrorText=void 0,t.updateReferenceTicketNumber(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(a=>a.fileName!==n)}renderFileUploader(){return t.newTicket.attachments?r(f||(f=s([" <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>"])),this.isEdit?k.ticketAttachments:[],z,!0,e=>this.handleFileUploaded(e),e=>this.handleFileDelete(e)):c}renderLocationOnEdit(){var e;return t.updateAccountNumber(t.newTicket.location.accountNumber),r(y||(y=s(['<ix-select-option\n      .value="','"\n      .selected=','\n    >\n      <div slot="headline">\n        ',"\n      </div>\n    </ix-select-option>"])),(e=t.newTicket.location)===null||e===void 0?void 0:e.id,!0,x(t.newTicket.location))}renderLocationOnCreate(){return this.locations.map(e=>r(E||(E=s([" <ix-select-option .value=",'>\n        <div slot="headline">',"</div>\n      </ix-select-option>"])),e,x(e)))}handleNextClick(){var e;this.isEdit||(this.validateRequiredFields(),this.requestUpdate()),this.isFormValid&&((e=this.onNextButtonClick)===null||e===void 0||e.call(this))}validateRequiredFields(){this.validateSubject(),this.validateDesc(),this.validateLocation(),this.validateRequestType(),l(t.newTicket)&&(this.validateStartDate(),this.validateStartTime())}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 a;return r(w||(w=s(["<ix-select-option\n        .selected=",'\n        value="','"\n      >\n        <div slot="headline">',"</div>\n      </ix-select-option>"])),((a=t.newTicket)===null||a===void 0?void 0:a.requestType)===n,n,n)});return r(C||(C=s(['<ix-select\n      label="Request Type"\n      name="requestType"\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(a=>{var h;return r(D||(D=s(['<ix-select-option\n            .value="','"\n            .selected=','\n          >\n            <div slot="headline">',"</div>\n          </ix-select-option>"])),a,((h=t.newTicket)===null||h===void 0?void 0:h.category)===a,a)})}return r(N||(N=s(['<ix-select\n      label="Category"\n      name="category"\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 t.newTicket.serviceBackend?r(O||(O=s(['<div class="wizard-content">\n      <div class="mb-4 flex flex-col form-margin">\n        <h3 class="dlr-text-page-title ','">\n          '," Remote Hands Service Ticket\n          ","\n        </h3>\n        ",'\n      </div>\n      <div class="form-wrapper">\n        <div class="form-wrapper__fields form-margin">\n          <ix-textbox\n            label="Subject"\n            name="subjectTxt"\n            .disabled=',"\n            .minLength=","\n            .maxLength=","\n            required\n            .value=","\n            .error=","\n            .errorText=","\n            @input=",'\n          ></ix-textbox>\n\n          <ix-textbox\n            label="Description"\n            name="descTxt"\n            type="textarea"\n            .rows=',"\n            .disabled=","\n            .minLength=","\n            .maxLength=","\n            ?required=","\n            .value=","\n            .error=","\n            .errorText=","\n            @input=","\n          ></ix-textbox>\n\n          ",'\n\n          <ix-select\n            label="Location"\n            name="locationSelect"\n            menu-positioning="popover"\n            .wideMenu=',"\n            required\n            .error=","\n            .errorText=","\n            .disabled=","\n            @input=","\n          >\n            ",'\n          </ix-select>\n\n          <div class="col-2">\n            '," ",'\n          </div>\n\n          <div class="col-2">\n            ','\n\n            <ix-textbox\n              label="Delivery/Removal Ticket Number"\n              name="refTicketNumberTxt"\n              .disabled=',"\n              .minLength=","\n              .maxLength=","\n              .value=","\n              .error=","\n              .errorText=","\n              @input=","\n            ></ix-textbox>\n          </div>\n\n          ","\n          ","\n          ","\n        </div>\n        <form-footer\n          ?isEditMode=","\n          .isSubmitting=","\n          .handleCancelClick=","\n          .handleSubmitClick=","\n          .handleNextClick=","\n        ></form-footer>\n      </div>\n    </div>"])),this.isEdit?"":"mb-6",this.isEdit?"Edit":"Create",this.isEdit?(t===null||t===void 0?void 0:t.selectedTicket)&&r(L||(L=s([" <span>#","</span> "])),t===null||t===void 0?void 0:t.selectedTicket.id):"",this.isEdit?c:r(q||(q=s([' <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.isEdit,this.validations.subjectMinLength,this.validations.subjectMaxLength,t.newTicket.subject,!!this.validations.subjectErrorText,this.validations.subjectErrorText,i=>this.handleSubjectChange(i.target.value),1,this.isEdit,this.validations.descriptionMinLength,this.validations.descriptionMaxLength,t.newTicket.serviceBackend===u.TelxSFDC,t.newTicket.description,!!this.validations.descriptionErrorText,this.validations.descriptionErrorText,i=>this.handleDescChange(i.target.value),!((e=t.newTicket.site)===null||e===void 0)&&e.displayName?r(F||(F=s([' <ix-select\n                label="Site"\n                menu-positioning="popover"\n                .wideMenu=',"\n                required\n                .disabled=",'\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,t.newTicket.site.id,!0,t.newTicket.site.displayName):c,!0,!!this.validations.locationErrorText,this.validations.locationErrorText,this.isEdit,i=>this.handleLocationChange(i.target.value),this.isEdit?this.renderLocationOnEdit():this.renderLocationOnCreate(),this.renderRequestTypeSelector(),this.renderCategorySelector(),t.newTicket.serviceBackend!==u.TelxSFDC?r(M||(M=s([' <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>"])),this.validations.refNumberMinLength,this.validations.refNumberMaxLength,t.newTicket.referenceNumber,!!this.validations.refNumberErrorText,this.validations.refNumberErrorText,i=>this.handleReferenceNumberChange(i.target.value)):c,this.isEdit,this.validations.refTicketNumberMinLength,this.validations.refTicketNumberMaxLength,t.newTicket.referenceTicketNumber,!!this.validations.refTicketNumberErrorText,this.validations.refTicketNumberErrorText,i=>this.handleReferenceTicketNumberChange(i.target.value),l(t.newTicket)?r(P||(P=s(['<div class="col-2">\n                  ','\n\n                  <ix-time\n                    label="Time"\n                    name="startTimeTxt"\n                    required\n                    .value=',"\n                    .errorText=","\n                    .onChanged=","\n                    .disabled=",'\n                  >\n                  </ix-time>\n                </div>\n                <div class="supporting-text planned-work__supporting-text">\n                  All Planned Work ticket requests must be requested at least 24\n                  hours ahead in the current local datacenter time\n                </div>'])),this.useNewDatePickerComponent===!0?r(R||(R=s(['<ix-date-next\n                        type="default"\n                        label="Latest Expected Start Date"\n                        name="startDateTxt"\n                        min=',"\n                        required\n                        showCalendarOnMouseDown\n                        .value=","\n                        .errorText=","\n                        .onChanged=","\n                        .disabled=","\n                      >\n                      </ix-date-next>"])),p(this.validations.minimumDaysInTheFuture,this.localDataCentreTimezone),t.newTicket.startDate,this.validations.startDateErrorText,i=>this.handleStartDateChange(i),this.isEdit):r(j||(j=s(['<ix-date\n                        type="default"\n                        label="Latest Expected Start Date"\n                        name="startDateTxt"\n                        min=',"\n                        required\n                        .value=","\n                        .errorText=","\n                        .onChanged=","\n                        .disabled=","\n                      ></ix-date>"])),p(this.validations.minimumDaysInTheFuture,this.localDataCentreTimezone),t.newTicket.startDate,this.validations.startDateErrorText,i=>this.handleStartDateChange(i),this.isEdit),t.newTicket.startTime,this.validations.startTimeErrorText,i=>this.handleStartTimeChange(i),this.isEdit):c,t.newTicket.serviceBackend!==u.TelxSFDC?r(B||(B=s(['\n                <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\n                    Enter key.\n                  </div>\n                </div>\n              '])),J,t.newTicket.contacts?t.newTicket.contacts:"",i=>this.handleContactsChange(i),this.validations.contactsHasError):c,this.renderFileUploader(),this.isEdit,t.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick()):r(S||(S=s(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1)}};o.styles=[ee,te],d([T()],o.prototype,"validations",void 0),d([v({type:Boolean})],o.prototype,"isEdit",void 0),d([v({type:Function})],o.prototype,"onNextButtonClick",void 0),d([v({type:Function})],o.prototype,"onSubmitted",void 0),d([v({type:Function})],o.prototype,"onCancelled",void 0),d([T()],o.prototype,"locations",void 0),d([T()],o.prototype,"requestCategories",void 0),d([I('ix-date-next[name="startDateTxt"]')],o.prototype,"startDateField",void 0),o=d([H("create-edit-remote-hands-service-ticket")],o);export{o as CreateEditRemoteHandsServiceTicket};

package/dist/components/remote-hands/ui-service-management5.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import{MobxLitElement as F}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-progress/ix-progress.js";import{nothing as r,html as e}from"lit";import{property as p,customElement as P}from"lit/decorators.js";import{ServiceBackendCodes as v}from"../../constants/ui-service-management2.js";import{ResultStep as B,OtherPartiesToNotify as H}from"../../constants/ui-service-management5.js";import{hasLatestExpectedStartDate as O}from"../../helpers/ui-service-management17.js";import j from"../../services/ui-service-management4.js";import{remoteHandsState as n}from"../../state/ui-service-management13.js";import{serviceTicketState as u}from"../../state/ui-service-management4.js";import{ServiceTicketsStyles as q}from"../../styles/ui-service-management5.js";import{TWStyles as I}from"../../ui-service-management2.js";import{InfoIconOutlined as L}from"../shared/ui-service-management11.js";var f=Object.freeze,Z=Object.defineProperty,t=(i,s)=>f(Z(i,"raw",{value:f(s||i.slice())})),h,y,T,k,w,b,x,g,_,S,C,E,N,D,R;const A=window.globalConfig;let a=class extends F{constructor(){super(),this.isEdit=!1,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=j.showNewDatePickerComponent()}async handleOnSubmit(){if(this.onSubmitted)try{this.isEdit?await n.updateTicketRequest():await n.submitNewTicketRequest()}finally{u.ticketStep=B,this.onSubmitted()}}renderExpectedStart(){if(!O(n.newTicket))return r;const{startDate:i,startTime:s}=n.newTicket;return e(w||(w=t(['<div class="summary-form__field">\n        <span>Latest Expected Start Date</span>\n        <span slot="htmlValue">\n          ','\n        </span>\n      </div>\n      <div class="summary-form__field">\n        <span>Time</span>\n        <span slot="htmlValue">\n          ',"\n        </span>\n      </div> "])),this.useNewDatePickerComponent===!0?e(h||(h=t(['<ix-date-next\n                type="static"\n                variant="date"\n                .value=',"\n                .noTimeZoneConversion=","\n              >\n              </ix-date-next>"])),"".concat(i,"T").concat(s),!0):e(y||(y=t(['<ix-date\n                type="static"\n                variant="date"\n                .value=',"\n                .noTimeZoneConversion=","\n              >\n              </ix-date>"])),"".concat(i,"T").concat(s),!0),this.useNewDatePickerComponent===!0?e(T||(T=t(['<ix-date-next\n                type="static"\n                variant="time"\n                .value=',"\n                .noTimeZoneConversion=","\n              >\n              </ix-date-next>"])),"".concat(i,"T").concat(s),!0):e(k||(k=t(['<ix-date\n                type="static"\n                variant="time"\n                .value=',"\n                .noTimeZoneConversion=","\n              >\n              </ix-date>"])),"".concat(i,"T").concat(s),!0))}renderContacts(){const i=n.newTicket.contacts;return e(x||(x=t(['<span data-testid="otherPartiesToNotify">\n      ',"\n    </span>"])),i?i.split(",").map(s=>e(b||(b=t(["<ix-chip label=",' appearance="suggestion"></ix-chip\n                  >&nbsp;'])),s)):r)}renderFormFields(){var i,s,d,m,c;return n.loadings.isSubmitting?e(g||(g=t(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):e(N||(N=t(['<div class="tracking-number__warning gap-[0.5rem] mt-0">\n        <svg\n          xmlns="http://www.w3.org/2000/svg"\n          width="24"\n          height="24"\n          viewBox="0 0 24 24"\n          style="fill: var(--ix-font-color); flex-shrink: 0;"\n        >\n          ','\n        </svg>\n        <div class="warning-text_content dlr-text-caption">\n          For all completed Remote Hands ticket requests, there is a 1 hour\n          minimum billing charge, charged directly to the customer. After the 1\n          hour minimum, the customer will then be charged in 15 minute\n          increments. This will be upheld unless there is a delay caused by\n          Digital Realty.\n          <a\n            class="warning-text_link"\n            href=','\n            target="_blank"\n            rel="noopener noreferrer"\n          >\n            Remote Hands Policy\n          </a>\n        </div>\n      </div>\n\n      <div class="summary-form gap-2">\n        <div class="summary-form__subheader mb-2">\n          <span>Service Ticket Details</span>\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>Delivery/Removal Ticket Number</span>\n          <span>',"</span>\n        </div>\n\n        ","\n        ",'\n\n        <div class="summary-form__field mt-4">\n          <span>Attachments</span>\n          <div>\n            ',"\n            ","\n          </div>\n        </div>\n      </div>"])),L,A.RemoteHandsPolicyUrl,n.newTicket.subject,(i=n.newTicket)===null||i===void 0?void 0:i.description,(s=n.newTicket.site)===null||s===void 0?void 0:s.displayName,(d=n.newTicket.location)===null||d===void 0?void 0:d.id,n.newTicket.requestType,n.newTicket.category,n.newTicket.serviceBackend!==v.TelxSFDC?e(_||(_=t([' <div class="summary-form__field">\n              <span data-testid="customerRef">Customer Reference Number</span>\n              <span>',"</span>\n            </div>"])),n.newTicket.referenceNumber):r,n.newTicket.referenceTicketNumber,this.renderExpectedStart(),n.newTicket.serviceBackend!==v.TelxSFDC?e(S||(S=t([' <div class="summary-form__field mt-4">\n              <span>',"</span>\n              ","\n            </div>"])),H,this.renderContacts()):r,(m=u.attachments)===null||m===void 0?void 0:m.map(l=>e(C||(C=t(['<div class="attachments-file-summary">\n                  ',"\n                </div>"])),l.fileName)),(c=n.newTicket.attachments)===null||c===void 0?void 0:c.map(l=>e(E||(E=t(['<div class="attachments-file-summary">\n                  ',"\n                </div>"])),l.fileName)))}render(){return e(R||(R=t(['<div class="wizard-content form-margin">\n      <div>\n        <h1 class="dlr-text-page-title">\n          '," Remote Hands Service Ticket\n        </h1>\n\n        ",'\n\n        <div class="sub-header default-margin-top">\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            .disabled=","\n            ?submitting=",'\n          >\n            <md-icon slot="icon">east</md-icon>\n            <span class="button-label">YES, SUBMIT</span>\n          </ix-button>\n        </div>\n      </div>\n      <div class="form-wrapper mt-[2rem] pt-0">',"</div>\n    </div>"])),this.isEdit?"Edit":"Create",this.isEdit?(n===null||n===void 0?void 0:n.selectedTicket)&&e(D||(D=t(['\n              <div class="font-bold text-4xl">\n                #',"\n              </div>\n            "])),n===null||n===void 0?void 0:n.selectedTicket.id):r,this.handleOnSubmit,n.loadings.isSubmitting,n.loadings.isSubmitting,this.renderFormFields())}};a.styles=[q,I],o([p({type:Function})],a.prototype,"onEditButtonClicked",void 0),o([p({type:Function})],a.prototype,"onSubmitted",void 0),o([p({type:Boolean})],a.prototype,"isEdit",void 0),a=o([P("create-edit-remote-hands-summary")],a);export{a as CreateEditRemoteHandsSummary};

package/dist/components/remote-hands/ui-service-management6.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import{LitElement as a,html as p}from"lit";import{property as e,customElement as c}from"lit/decorators.js";import{ServiceTicketsStyles as l}from"../../styles/ui-service-management5.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-button/ix-button.js";var i=Object.freeze,u=Object.defineProperty,m=(n,s)=>i(u(n,"raw",{value:i(s||n.slice())})),r;let t=class extends a{constructor(){super(...arguments),this.isDialogOpen=!0}render(){return p(r||(r=m(['<ix-dialog\n      id="urgentWorkDialog"\n      ?open=',"\n      @closed=",'\n    >\n      <form slot="content" class="urgent-work-form" method="dialog">\n        <span\n          >Are you sure you want to submit this Urgent Work request? This will\n          have an additional cost as the selected time is out of working hours\n          for this account.</span\n        >\n      </form>\n      <div slot="actions">\n        <ix-button appearance="text" @click=','>\n          <span class="button-label">No</span>\n        </ix-button>\n        <ix-button appearance="text" @click=','>\n          <span class="button-label">Yes</span>\n        </ix-button>\n      </div>\n    </ix-dialog>'])),this.isDialogOpen,()=>this.onReject(),()=>this.onReject(),()=>this.onAccept())}};t.styles=[l],o([e({type:Function})],t.prototype,"onReject",void 0),o([e({type:Function})],t.prototype,"onAccept",void 0),o([e({type:Boolean})],t.prototype,"isDialogOpen",void 0),t=o([c("urgent-work-dialog")],t);export{t as UrgentWorkDialog};

package/dist/components/removals/details/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as n}from"tslib";import{MobxLitElement as s}from"@adobe/lit-mobx";import{html as m}from"lit";import{customElement as l}from"lit/decorators.js";import{OtherPartiesToNotify as a}from"../../../constants/ui-service-management5.js";import{renderChips as c}from"../../shared/ui-service-management9.js";import{removalsState as d}from"../../../state/ui-service-management3.js";import{ServiceTicketsStyles as f}from"../../../styles/ui-service-management5.js";var i=Object.freeze,v=Object.defineProperty,p=(e,r)=>i(v(e,"raw",{value:i(r||e.slice())})),o;let t=class extends s{render(){var e;return m(o||(o=p(['<div class="ticket-details-body__section">\n      <div class="informations-section__items">\n        <div class="informations-section__items-row">\n          <info-field\n            label=',"\n            .hideIcon=","\n            .useHtmlValue=",'\n          >\n            <div slot="htmlValue">\n              ',"\n            </div>\n          </info-field>\n        </div>\n      </div>\n    </div>"])),a,!0,!0,c((e=d.selectedTicket)===null||e===void 0?void 0:e.contacts))}};t.styles=[f],t=n([l("removals-other-information-section")],t);export{t as RemovalsOtherInformationSection};

package/dist/components/removals/details/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as b}from"tslib";import{MobxLitElement as C}from"@adobe/lit-mobx";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import{html as o,nothing as T}from"lit";import{ifDefined as t}from"lit-html/directives/if-defined.js";import{customElement as y}from"lit/decorators.js";import N from"../../../services/ui-service-management4.js";import{removalsState as e}from"../../../state/ui-service-management3.js";import{ServiceTicketsStyles as D}from"../../../styles/ui-service-management5.js";var u=Object.freeze,P=Object.defineProperty,l=(n,i)=>u(P(n,"raw",{value:u(i||n.slice())})),p,_,k,h;let s=class extends C{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=N.showNewDatePickerComponent()}render(){var n,i,a,c,r,d,m,f,v;return o(h||(h=l(['<div class="ticket-details-body__section">\n      <span class="informations-section__title">Package Details</span>\n\n      <div class="informations-section__items">\n        <div class="informations-section__items-row">\n          <info-field\n            class="informations-section__items-col"\n            label="Courier Company"\n            value="','"\n            .hideIcon=',"\n          >\n          </info-field>\n\n          ",'\n              </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Tracking Number"\n            value="','"\n            .hideIcon=','\n          >\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Pickup Date"\n            useHtmlValue\n            .hideIcon=','\n          >\n            <div slot="htmlValue">\n\n            ','\n            </div>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Customer Reference Number"\n            value="','"\n            .hideIcon=','\n          >\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Removal Party"\n            value="','"\n            .hideIcon=','\n          >\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Need Remote Hands"\n            value="','"\n            .hideIcon=',"\n            .showInfoIcon=","\n          >\n          </info-field>\n        </div>\n      </div>\n    </div>"])),t((n=e.selectedTicket)===null||n===void 0?void 0:n.courier),!0,!((i=e.selectedTicket)===null||i===void 0)&&i.otherCompany?o(p||(p=l(['<info-field\n                  class="informations-section__items-col"\n                  label="Courier Company Name"\n                  value="','"\n                  .hideIcon=',"\n                ></info-field>"])),(a=e.selectedTicket)===null||a===void 0?void 0:a.otherCompany,!0):T,t((c=e.selectedTicket)===null||c===void 0?void 0:c.trackingNumber),!0,!0,this.useNewDatePickerComponent===!0?o(_||(_=l(['<ix-date-next\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date-next>"])),(r=e.selectedTicket)===null||r===void 0?void 0:r.pickupDate,!0):o(k||(k=l(['<ix-date\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),(d=e.selectedTicket)===null||d===void 0?void 0:d.pickupDate,!0),t((m=e.selectedTicket)===null||m===void 0?void 0:m.referenceNumber),!0,t((f=e.selectedTicket)===null||f===void 0?void 0:f.removalParty),!0,!((v=e.selectedTicket)===null||v===void 0)&&v.needRemoteHands?"Yes":"No",!0,!0)}};s.styles=[D],s=b([y("removals-package-details-section")],s);export{s as RemovalsPackageDetailsSection};

package/dist/components/removals/details/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as a}from"tslib";import{MobxLitElement as p}from"@adobe/lit-mobx";import{html as r,nothing as u}from"lit";import{property as _,customElement as h}from"lit/decorators.js";import{ifDefined as l}from"lit-html/directives/if-defined.js";import{SharedTicketStatus as k}from"../../../enums/ui-service-management.js";import{getSiteDisplayNameFromName as b}from"../../../models/ui-service-management3.js";import{removalsState as n}from"../../../state/ui-service-management3.js";import{ServiceTicketsStyles as S}from"../../../styles/ui-service-management5.js";import"../../shared/ui-service-management9.js";import{TWStyles as y}from"../../../ui-service-management2.js";var c=Object.freeze,T=Object.defineProperty,d=(e,i)=>c(T(e,"raw",{value:c(i||e.slice())})),m,v;let t=class extends p{async firstUpdated(){var e;this.siteName=await b((e=n.selectedTicket)===null||e===void 0?void 0:e.site)}render(){var e,i,o,s;const f=((e=n.selectedTicket)===null||e===void 0?void 0:e.status)===k.Cancelled;return r(v||(v=d(['\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\n              label="Short Description"\n              useHtmlValue\n              .hideIcon=','\n            >\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 class="informations-section__items-row">\n            <info-field\n              label="Removal Site"\n              value=',"\n              .hideIcon=","\n            >\n            </info-field>\n          </div>\n\n          ","\n        </div>\n      </div>\n    "])),l((i=n.selectedTicket)===null||i===void 0?void 0:i.subject),!0,!0,(o=n.selectedTicket)===null||o===void 0?void 0:o.shortDescription,l(this.siteName),!0,f?r(m||(m=d([' <div class="informations-section__items-row">\n                <info-field\n                  label="Reason for Cancellation"\n                  value=',"\n                  .hideIcon=","\n                >\n                </info-field>\n              </div>"])),l((s=n.selectedTicket)===null||s===void 0?void 0:s.cancellationReason),!0):u)}};t.styles=[S,y],a([_({type:String})],t.prototype,"siteName",void 0),t=a([h("removals-ticket-details-section")],t);export{t as RemovalsTicketDetailsSection};

package/dist/components/removals/details/ui-service-management4.js

@@ -0,0 +1 @@
+import{__decorate as N}from"tslib";import{MobxLitElement as w}from"@adobe/lit-mobx";import"@digital-realty/ix-chip/ix-custom-chip.js";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import{html as n,nothing as S}from"lit";import{ifDefined as P}from"lit-html/directives/if-defined.js";import{customElement as V}from"lit/decorators.js";import{mapStatusToChipAppearance as k}from"../../../helpers/ui-service-management13.js";import H from"../../../services/ui-service-management4.js";import{removalsState as e}from"../../../state/ui-service-management3.js";import{ServiceTicketsStyles as R}from"../../../styles/ui-service-management5.js";import{NumberIcon as j,DocumentIcon as q,StatusIcon as E,PersonIcon as U,CreateDateIcon as z,UpdatedDateIcon as A,CheckedDateIcon as L}from"../../shared/ui-service-management11.js";import"../../shared/ui-service-management9.js";var x=Object.freeze,M=Object.defineProperty,t=(i,o)=>x(M(i,"raw",{value:x(o||i.slice())})),_,h,T,g,b,y,D,C,I,O;let l=class extends w{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=H.showNewDatePickerComponent()}render(){var i,o,s,a,c,d,r,m,v,u,f,p;return n(O||(O=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="Removal"\n          >\n            <svg slot="icon">','</svg>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Status"\n            useHtmlValue\n          >\n            <svg slot="icon">','</svg>\n            <div slot="htmlValue">\n              ','\n            </div>\n          </info-field>\n          <info-field\n            class="informations-section__items-col"\n            label="Requester"\n            .value=','\n          >\n            <svg slot="icon">','</svg>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Create Date"\n            useHtmlValue\n          >\n            <svg slot="icon">','</svg>\n            <div slot="htmlValue">\n              ','\n            </div>\n          </info-field>\n\n          <info-field\n            class="informations-section__items-col"\n            label="Updated On"\n            useHtmlValue\n          >\n            <svg slot="icon">','</svg>\n            <div slot="htmlValue">\n              ',"\n            </div>\n          </info-field>\n\n          ","\n        </div>\n      </div>\n    </div>"])),P((i=e.selectedTicket)===null||i===void 0?void 0:i.id),j,q,E,k((o=e===null||e===void 0?void 0:e.selectedTicket)===null||o===void 0?void 0:o.status)!=="default"?n(_||(_=t(["\n                    <ix-custom-chip\n                      pill\n                      appearance=","\n                    ></ix-custom-chip>\n                  "])),k((s=e===null||e===void 0?void 0:e.selectedTicket)===null||s===void 0?void 0:s.status)):n(h||(h=t(['<ix-custom-chip appearance="default" pill noIcon\n                    >',"</ix-custom-chip\n                  >"])),(a=e===null||e===void 0?void 0:e.selectedTicket)===null||a===void 0?void 0:a.status),(c=e.selectedTicket)===null||c===void 0?void 0:c.requester,U,z,this.useNewDatePickerComponent===!0?n(T||(T=t(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date-next>"])),(d=e.selectedTicket)===null||d===void 0?void 0:d.createdOn):n(g||(g=t(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(r=e.selectedTicket)===null||r===void 0?void 0:r.createdOn),A,this.useNewDatePickerComponent===!0?n(b||(b=t(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date-next>"])),(m=e.selectedTicket)===null||m===void 0?void 0:m.updatedOn):n(y||(y=t(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(v=e.selectedTicket)===null||v===void 0?void 0:v.updatedOn),!((u=e.selectedTicket)===null||u===void 0)&&u.closedOn?n(I||(I=t([' <info-field\n                class="informations-section__items-col  ------Need to add closed on in the api yaml------"\n                label="Closed On"\n                useHtmlValue\n              >\n                <svg slot="icon">','</svg>\n                <div slot="htmlValue">\n                  ',"\n                </div>\n              </info-field>"])),L,this.useNewDatePickerComponent===!0?n(D||(D=t(['<ix-date-next\n                        type="static"\n                        .value=',"\n                      >\n                      </ix-date-next>"])),(f=e.selectedTicket)===null||f===void 0?void 0:f.closedOn):n(C||(C=t(['<ix-date\n                        type="static"\n                        .value=',"\n                      >\n                      </ix-date>"])),(p=e.selectedTicket)===null||p===void 0?void 0:p.closedOn)):S)}};l.styles=[R],l=N([V("removals-ticket-information-section")],l);export{l as RemovalsTicketInformationSection};

package/dist/components/removals/ui-service-management.js

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

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

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{html as o,nothing as c}from"lit";import{MobxLitElement as S}from"@adobe/lit-mobx";import{property as s,state as v,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"../shared/ui-service-management10.js";import{removalsState as p}from"../../state/ui-service-management3.js";import{raiseEvent as k}from"../../helpers/ui-service-management12.js";import{ApplicationEvents as w}from"../../constants/ui-service-management.js";import{ServiceTicketTypes as y}from"../../constants/ui-service-management2.js";var a=Object.freeze,N=Object.defineProperty,l=(t,n)=>a(N(t,"raw",{value:a(n||t.slice())})),d,u,m,h;const e={Default:0,New:1,Summary:2,Result:3};let i=class extends S{constructor(){super(...arguments),this.isEditOn=!1,this.isCloned=!1,this.currentStep=e.New}firstUpdated(){this.currentStep=this.isEditOn?e.New:this.currentStep}disconnectedCallback(){super.disconnectedCallback(),this.isEditOn||p.clear()}handleWizardClose(){this.currentStep===e.Result&&(this.currentStep=e.New)}renderNewStep(){return o(d||(d=l(["<ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-removals-service-ticket\n        .onNextButtonClick=","\n        .isEditOn=","\n        .isCloned=","\n        .onSubmitted=","\n        .onCancelled=","\n      ></create-edit-removals-service-ticket>\n    </ix-wizard-step>"])),this.currentStep===e.New,!1,()=>{this.currentStep=e.Summary},this.isEditOn,this.isCloned,()=>{this.currentStep=e.Result},()=>this.toggleDrawer())}renderSummaryStep(){return this.currentStep!==e.Summary?c:o(u||(u=l(["<ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-removals-summary\n        .onEditButtonClicked=","\n        .onSubmitted=","\n        .isEditOn=","\n      ></create-edit-removals-summary>\n    </ix-wizard-step>"])),this.currentStep===e.Summary,!1,()=>{this.currentStep=e.New},()=>{this.currentStep=e.Result},this.isEditOn)}renderResultStep(){return this.currentStep!==e.Result?c:o(m||(m=l(["<ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-removals-result\n        .isEditOn=","\n        .onClose=","\n      ></create-edit-removals-result>\n    </ix-wizard-step>"])),this.currentStep===e.Result,!1,this.isEditOn,()=>{this.currentStep=this.isEditOn?e.New:this.currentStep})}get CreateRemovalsServiceTicket(){var t,n;return(n=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("create-edit-removals-service-ticket"))!==null&&n!==void 0?n:null}get enableNextStepClick(){return this.currentStep===e.New?p.newTicket.isValid:!0}handleNextStepClick(){var t;this.currentStep===e.New?(t=this.CreateRemovalsServiceTicket)===null||t===void 0||t.handleNextClick():this.currentStep+=1}handlePrevStepClick(){this.currentStep===e.New&&!this.isEditOn?k(this,w.CreateTicket,{ticketType:y.DeliveriesAndRemovals}):this.isEditOn&&this.currentStep===e.New?this.toggleDrawer():this.currentStep-=1}render(){return o(h||(h=l(["<ix-wizard\n      .totalSteps=","\n      .currentStep=","\n      .hideStepCount=","\n      .hideNextStep=","\n      .onNextStepClick=","\n      .onPrevStepClick=","\n      .enableNextStepClick=","\n      .enableHideCloseButton=","\n      .onCloseClick=","\n      .onMinimiseClick=","\n    >\n      "," ","\n      ","\n    </ix-wizard>"])),2,this.currentStep,this.isEditOn||this.currentStep===e.Result,this.currentStep===e.Summary,()=>this.handleNextStepClick(),()=>this.handlePrevStepClick(),this.enableNextStepClick,!this.isEditOn,()=>this.onCloseClick(),()=>this.onMinimiseClick(),this.renderNewStep(),this.renderSummaryStep(),this.renderResultStep())}};i.styles=[],r([s({type:Boolean})],i.prototype,"isEditOn",void 0),r([s({type:Boolean})],i.prototype,"isCloned",void 0),r([v()],i.prototype,"currentStep",void 0),r([s({type:Function})],i.prototype,"toggleDrawer",void 0),r([s({type:Function})],i.prototype,"onCloseClick",void 0),r([s({type:Function})],i.prototype,"onMinimiseClick",void 0),i=r([C("removals-service-ticket-wizard")],i);export{i as RemovalsServiceTicketWizard};

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

@@ -0,0 +1 @@
+import{__decorate as d}from"tslib";import"@digital-realty/ix-date-next/ix-date-next.js";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-select/ix-select-option.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{html as r,nothing as c}from"lit";import{property as h,state as M,query as L,customElement as F}from"lit/decorators.js";import{otherCourierCompany as j}from"../../constants/ui-service-management3.js";import{extensions as R}from"../../constants/ui-service-management2.js";import{ResultStep as O,OtherPartiesToNotify as q}from"../../constants/ui-service-management5.js";import{isOtherCourierSelected as p,earlierThanToday as B,lessThanOneDayInFuture as I,nDaysInFuture as u,needsRemoteHands as U}from"../../helpers/ui-service-management21.js";import{getSiteDisplayNameFromName as H}from"../../models/ui-service-management3.js";import V from"../../services/ui-service-management4.js";import{lookups as m}from"../../state/ui-service-management.js";import{removalsState as e}from"../../state/ui-service-management3.js";import{serviceTicketState as x}from"../../state/ui-service-management4.js";import{siteNavigationState as W}from"../../state/ui-service-management12.js";import{ServiceTicketsStyles as z}from"../../styles/ui-service-management5.js";import{TWStyles as G}from"../../ui-service-management2.js";import{ServiceTicketFormBase as X}from"../shared/ui-service-management16.js";import"../shared/ui-service-management17.js";var k=Object.freeze,_=Object.defineProperty,o=(t,n)=>k(_(t,"raw",{value:k(n||t.slice())})),T,b,g,y,C,D,f,w,E,N,P,S;const A={subjecMinLength:3,subjecMaxLength:50,subjectErrorText:void 0,shortDescMinLength:3,shortDescMaxLength:500,shortDescErrorText:void 0,courierErrorText:void 0,otherCompanyMinLength:3,otherCompanyMaxLength:40,otherCompanyErrorText:void 0,removalPartyErrorText:void 0,pickupDateMaxDaysInTheFuture:30,pickupDateMinDaysInTheFuture:0,pickupDateErrorText:void 0,pickupDateWarningText:void 0,refNumberMinLength:3,refNumberMaxLength:50,refNumberErrorText:void 0,contactsHasError:!1};let l=class extends X{constructor(){super(),this.isEditOn=!1,this.isCloned=!1,this.validations=A,this.useNewDatePickerComponent=!1,this.firstUpdateDone=!1,this.useNewDatePickerComponent=V.showNewDatePickerComponent()}async firstUpdated(){var t,n,a,s,i,v;this.validations.pickupDateWarningText=void 0,e.newTicket.attachments=[],e.newTicket.serviceBackend=await W.getServiceBackend(this.isEditOn?(t=e.selectedTicket)===null||t===void 0?void 0:t.accountNumber:(n=e.newTicket.site)===null||n===void 0?void 0:n.accountNumber,this.isEditOn?(a=e.selectedTicket)===null||a===void 0?void 0:a.site:(s=e.newTicket.site)===null||s===void 0?void 0:s.id,"Removals"),this.isCloned&&(e.updateTrackingNumber(""),e.updatePickupDate("")),!this.isEditOn&&!this.isCloned?e.createTicket():e.newTicket.site.displayName=await H((i=e.selectedTicket)===null||i===void 0?void 0:i.site),m.fillCouriers((v=e.newTicket.site)===null||v===void 0?void 0:v.siteId,e.newTicket.accountNumber,e.newTicket.serviceBackend),await this.updateComplete,this.firstUpdateDone=!0}updated(t){var n;!this.firstUpdateDone&&this.useNewDatePickerComponent||this.useNewDatePickerComponent&&t.size===1&&(t.has("onNextButtonClick")||t.has("scrollEventListenerAdded"))||((n=super.updated)===null||n===void 0||n.call(this,t),e.updateIsFormValid(this.isFormValid))}get ixFileUploader(){var t;return(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("ix-file-uploader")}get isRequiredInputsFilled(){return!!e.newTicket.subject&&!!e.newTicket.shortDescription&&!!e.newTicket.courier&&!!e.newTicket.pickupDate&&!!e.newTicket.removalParty}get isFormValid(){var t,n;if(!this.firstUpdateDone)return!1;let a=!1;return this.useNewDatePickerComponent?a=(n=(t=this.pickupDateField)===null||t===void 0?void 0:t.validity.valid)!==null&&n!==void 0?n:!0:a=!this.validations.pickupDateErrorText,this.isRequiredInputsFilled&&!this.validations.subjectErrorText&&!this.validations.shortDescErrorText&&!this.validations.courierErrorText&&!this.validations.otherCompanyErrorText&&!this.validations.removalPartyErrorText&&a&&!this.validations.refNumberErrorText&&!this.validations.contactsHasError}async handleOnSubmit(){if(this.onSubmitted&&this.isEditOn){if(this.validateRequiredFields(),!this.isFormValid)return;try{await e.editTicketRequest()}finally{x.ticketStep=O,this.onSubmitted()}}}handleNextClick(){this.validateRequiredFields(),this.isFormValid&&this.onNextButtonClick()}validateRequiredFields(){this.validateSubject(),this.validateShortDesc(),this.validateCourier(),this.validateOtherCompany(),this.validatePickupDate(),this.validateRemovalParty(),this.requestUpdate()}validateRemovalParty(){e.newTicket.removalParty?this.validations.removalPartyErrorText=void 0:this.validations.removalPartyErrorText="Please select a Removal Party"}handleRemovalPartyChange(t){e.updateRemovalParty(t),this.validateRemovalParty()}validateSubject(){!e.newTicket.subject||e.newTicket.subject.length<this.validations.subjecMinLength||e.newTicket.subject.length>this.validations.subjecMaxLength?this.validations.subjectErrorText="Subject should be a minimum ".concat(this.validations.subjecMinLength," and maximum ").concat(this.validations.subjecMaxLength," characters."):this.validations.subjectErrorText=void 0}handleSubjectChange(t){e.updateSubject(t),this.validateSubject()}validateShortDesc(){!e.newTicket.shortDescription||e.newTicket.shortDescription.length<this.validations.shortDescMinLength||e.newTicket.shortDescription.length>this.validations.shortDescMaxLength?this.validations.shortDescErrorText="Short Description should be a minimum ".concat(this.validations.shortDescMinLength," and maximum ").concat(this.validations.shortDescMaxLength," characters."):this.validations.shortDescErrorText=void 0}handleShortDescChange(t){e.updateShortDesc(t),this.validateShortDesc()}validateCourier(){e.newTicket.courier?this.validations.courierErrorText=void 0:this.validations.courierErrorText="Please select a Courier Company"}handleCourierChange(t){e.updateCourier(t),this.validateCourier(),e.updateOtherCompany("")}validateOtherCompany(){p(e.newTicket.courier,e.newTicket.serviceBackend)&&(!e.newTicket.otherCompany||e.newTicket.otherCompany.length<this.validations.otherCompanyMinLength||e.newTicket.otherCompany.length>this.validations.otherCompanyMaxLength)?this.validations.otherCompanyErrorText="Courier Company Name should be a minimum ".concat(this.validations.otherCompanyMinLength," and maximum ").concat(this.validations.otherCompanyMaxLength," characters."):this.validations.otherCompanyErrorText=void 0}handleOtherCompanyChange(t){e.updateOtherCompany(t),this.validateOtherCompany()}handleTrackingNumberChange(t){e.updateTrackingNumber(t)}validatePickupDate(){var t,n;let a;this.useNewDatePickerComponent?(n=(t=this.pickupDateField)===null||t===void 0?void 0:t.validate)===null||n===void 0||n.call(t):e.newTicket.pickupDate?B(e.newTicket.pickupDate)&&(a="Pickup Date cannot be earlier than today."):a="Please select the Pickup Date.";const s=I(e.newTicket.pickupDate)?"Please be advised that if the earliest pickup date is less than 24 hours from the ticket submission, the site team may not be available to receive the delivery. Please refer to the associated site supplement for contact information to further coordinate with the site team.":void 0;this.validations={...this.validations,pickupDateErrorText:a,pickupDateWarningText:s}}handlePickupDateChange(t){e.updatePickupDate(t),this.validatePickupDate()}validateReferenceNumber(){e.newTicket.referenceNumber&&(e.newTicket.referenceNumber.length<this.validations.refNumberMinLength||e.newTicket.referenceNumber.length>this.validations.refNumberMaxLength)?this.validations.refNumberErrorText="Customer Reference Number should be a minimum ".concat(this.validations.refNumberMinLength," and maximum ").concat(this.validations.refNumberMaxLength," characters."):this.validations.refNumberErrorText=void 0}handleReferenceNumberChange(t){e.updateReferenceNumber(t),this.validateReferenceNumber()}handleContactsChange(t){this.validations.contactsHasError=t.some(a=>!a.isValid);const n=t.map(a=>a.address).join(",");e.updateContacts(n)}async handleFileUploaded(t){const n=await Promise.all(t.detail.filesUploaded.map(async a=>({fileName:a.file.name,fileType:a.file.type,file:await a.file.arrayBuffer()})));e.updateAttachments(n)}handleFileDelete(t){var n;const a=t.detail.file.name;e.newTicket.attachments=(n=e.newTicket.attachments)===null||n===void 0?void 0:n.filter(s=>s.fileName!==a)}render(){var t,n,a,s;return e.newTicket.serviceBackend?r(S||(S=o(['<div class="wizard-content form-margin">\n          <div class="mb-4 flex flex-col">\n            <h3 class="dlr-text-page-title ','">\n              '," Removal 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                @input=",'\n              ></ix-textbox>\n\n              <ix-textbox\n                label="Short Description"\n                name="subjectDescTxt"\n                type="textarea"\n                .rows=',"\n                .minLength=","\n                .maxLength=","\n                required\n                .value=","\n                .error=","\n                .errorText=","\n                @input=","\n              ></ix-textbox>\n\n              ",'\n\n              <ix-select\n                label="Courier Company"\n                name="courierCompanySelect"\n                menu-positioning="popover"\n                .wideMenu=',"\n                required\n                .error=","\n                .errorText=","\n                @input=","\n              >\n                ","\n              </ix-select>\n\n              ",'\n\n              <ix-textbox\n                label="Tracking Number(s)"\n                name="trackingNumberTxt"\n                .value=',"\n                @input=",'\n              ></ix-textbox>\n\n              <div class="col-2">\n                <div>\n                  ','\n                </div>\n                <ix-textbox\n                  label="Customer Reference Number"\n                  name="customerReferenceNumberTxt"\n                  .minLength=',"\n                  .maxLength=","\n                  .value=","\n                  .error=","\n                  .errorText=","\n                  @input=","\n                ></ix-textbox>\n              </div>\n\n              ",'\n\n              <ix-select\n                label="Removal Party"\n                name="removalPartySelect"\n                menu-positioning="popover"\n                .wideMenu=',"\n                required\n                .disabled=","\n                .error=","\n                .errorText=","\n                @input=","\n              >\n                ","\n              </ix-select>\n\n              ",'\n              <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                  id="contacts-helper-text"\n                  class="contacts-helper-text"\n                >\n                  Enter email addresses separated by a comma, semicolon or the\n                  Enter key.\n                </div>\n              </div>\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.isEditOn?"":"mb-6",this.isEditOn?"Edit":"Create",this.isEditOn?(e===null||e===void 0?void 0:e.selectedTicket)&&r(T||(T=o([" <span>#","</span> "])),e===null||e===void 0?void 0:e.selectedTicket.id):"",this.isEditOn?c:r(b||(b=o([' <div class="sub-header dlr-text-heading">\n                  <h3 class="my-10">Service Ticket Details</h3>\n                  <span class="italic">*denotes required field</span>\n                </div>']))),this.validations.subjecMinLength,this.validations.subjecMaxLength,e.newTicket.subject,!!this.validations.subjectErrorText,this.validations.subjectErrorText,i=>this.handleSubjectChange(i.target.value),1,this.validations.shortDescMinLength,this.validations.shortDescMaxLength,e.newTicket.shortDescription,!!this.validations.shortDescErrorText,this.validations.shortDescErrorText,i=>this.handleShortDescChange(i.target.value),!((t=e.newTicket.site)===null||t===void 0)&&t.displayName?r(g||(g=o(['<ix-select\n                    label="Removal Site"\n                    name="removalSiteSelect"\n                    .wideMenu=',"\n                    required\n                    .disabled=",'\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,e.newTicket.site.id,!0,e.newTicket.site.displayName):c,!0,!!this.validations.courierErrorText,this.validations.courierErrorText,i=>this.handleCourierChange(i.target.value),(n=m.getCouriers(e.newTicket.serviceBackend,!0))===null||n===void 0?void 0:n.map(i=>r(y||(y=o(['<ix-select-option\n                      value="','"\n                      .selected=','\n                    >\n                      <div slot="headline">',"</div>\n                    </ix-select-option>"])),i,i===e.newTicket.courier||i===j&&e.newTicket.courier!==void 0&&!m.getCouriers(e.newTicket.serviceBackend).includes(e.newTicket.courier),i)),p(e.newTicket.courier,e.newTicket.serviceBackend)?r(C||(C=o(['<ix-textbox\n                    label="Courier Company Name"\n                    name="otherCompanyTxt"\n                    .minLength=',"\n                    .maxLength=","\n                    required\n                    .value=","\n                    .error=","\n                    .errorText=","\n                    @input=","\n                  ></ix-textbox>"])),this.validations.otherCompanyMinLength,this.validations.otherCompanyMaxLength,e.newTicket.otherCompany,!!this.validations.otherCompanyErrorText,this.validations.otherCompanyErrorText,i=>this.handleOtherCompanyChange(i.target.value)):void 0,e.newTicket.trackingNumber,i=>this.handleTrackingNumberChange(i.target.value),this.useNewDatePickerComponent===!0?r(D||(D=o(['<ix-date-next\n                        type="default"\n                        label="Pickup Date"\n                        name="pickupDate"\n                        showCalendarOnMouseDown\n                        min=',"\n                        max=","\n                        required\n                        .value=","\n                        .errorText=","\n                        .onChanged=","\n                      >\n                      </ix-date-next>"])),u(this.validations.pickupDateMinDaysInTheFuture),u(this.validations.pickupDateMaxDaysInTheFuture),e.newTicket.pickupDate,this.validations.pickupDateErrorText,i=>this.handlePickupDateChange(i)):r(f||(f=o(['<ix-date\n                        type="default"\n                        label="Pickup Date"\n                        name="pickupDate"\n                        min=',"\n                        max=","\n                        required\n                        .value=","\n                        .errorText=","\n                        .onChanged=","\n                      ></ix-date>"])),u(this.validations.pickupDateMinDaysInTheFuture),u(this.validations.pickupDateMaxDaysInTheFuture),e.newTicket.pickupDate,this.validations.pickupDateErrorText,i=>this.handlePickupDateChange(i)),this.validations.refNumberMinLength,this.validations.refNumberMaxLength,e.newTicket.referenceNumber,!!this.validations.refNumberErrorText,this.validations.refNumberErrorText,i=>this.handleReferenceNumberChange(i.target.value),this.validations.pickupDateWarningText&&(this.useNewDatePickerComponent?this.pickupDateField.validity.valid:!this.validations.pickupDateErrorText)?r(w||(w=o(['<div\n                    class="warning-text"\n                    style="--warning-text-margin: -35px 0 0 -15px"\n                  >\n                    ',"\n                  </div>"])),this.validations.pickupDateWarningText):c,!0,this.isEditOn,!!this.validations.removalPartyErrorText,this.validations.removalPartyErrorText,i=>this.handleRemovalPartyChange(i.target.value),m.removalParties.map(i=>r(E||(E=o(["<ix-select-option\n                    .value=","\n                    .selected=",'\n                  >\n                    <div slot="headline">',"</div>\n                  </ix-select-option>"])),i,e.newTicket.removalParty===i,i)),U((a=e.newTicket)===null||a===void 0?void 0:a.removalParty)?r(N||(N=o(['<ix-checkbox\n                    label="Need Remote Hands to remove equipment"\n                    arialabel="Need Remote Hands to remove equipment"\n                    name="needRemoteHandsCheckbox"\n                    checked\n                    disabled\n                  ></ix-checkbox>']))):void 0,q,(s=e.newTicket.contacts)!==null&&s!==void 0?s:"",i=>this.handleContactsChange(i),this.validations.contactsHasError,e.newTicket.attachments?r(P||(P=o([" <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>"])),this.isEditOn?x.ticketAttachments:[],R,!0,i=>this.handleFileUploaded(i),i=>this.handleFileDelete(i)):c,this.isEditOn,e.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick()):c}};l.styles=[G,z],d([h({type:Boolean})],l.prototype,"isEditOn",void 0),d([h({type:Boolean})],l.prototype,"isCloned",void 0),d([M()],l.prototype,"validations",void 0),d([h({type:Function})],l.prototype,"onNextButtonClick",void 0),d([h({type:Function})],l.prototype,"onSubmitted",void 0),d([h({type:Function})],l.prototype,"onCancelled",void 0),d([L('ix-date-next[name="pickupDate"]')],l.prototype,"pickupDateField",void 0),l=d([F("create-edit-removals-service-ticket")],l);export{l as CreateRemovalsServiceTicket};

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

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{MobxLitElement as _}from"@adobe/lit-mobx";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-progress/ix-progress.js";import{html as i,nothing as c}from"lit";import{property as d,state as g,customElement as x}from"lit/decorators.js";import{ResultStep as C,OtherPartiesToNotify as N}from"../../constants/ui-service-management5.js";import{needsRemoteHands as R,isOtherCourierSelected as D}from"../../helpers/ui-service-management21.js";import E from"../../services/ui-service-management4.js";import{removalsState as n}from"../../state/ui-service-management3.js";import{serviceTicketState as p}from"../../state/ui-service-management4.js";import{ServiceTicketsStyles as O}from"../../styles/ui-service-management5.js";import{TWStyles as P}from"../../ui-service-management2.js";var l=Object.freeze,F=Object.defineProperty,t=(e,a)=>l(F(e,"raw",{value:l(a||e.slice())})),u,v,f,h,y,k,b,w,S,T;let s=class extends _{constructor(){super(),this.isEditOn=!1,this.isSubmitting=!1,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=E.showNewDatePickerComponent()}async handleOnSubmit(){if(this.onSubmitted)try{this.isSubmitting=!0,this.isEditOn?await n.editTicketRequest():await n.submitNewTicketRequest()}finally{p.ticketStep=C,this.isSubmitting=!1,this.onSubmitted()}}get requiresRemoteHands(){var e;return R((e=n.newTicket)===null||e===void 0?void 0:e.removalParty)}renderContacts(){const e=n.newTicket.contacts;return i(v||(v=t(["<span\n      >","\n    </span>"])),e?e.split(",").map(a=>i(u||(u=t(["<ix-chip\n                  label=",'\n                  appearance="suggestion"\n                ></ix-chip\n                >&nbsp;'])),a)):c)}renderFormFields(){var e,a,o;return n.loadings.isSubmitting?i(f||(f=t(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):i(S||(S=t(['<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>Short Description</span>\n        <span class="whitespace-break-spaces"\n          >','</span\n        >\n      </div>\n\n      <div class="summary-form__field">\n        <span>Removal Site</span>\n        <span>','</span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Courier Company</span>\n        <span>\n          ','\n        </span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Tracking Number(s)</span>\n        <span>','</span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Pickup Date</span>\n        <span>\n          ','\n        </span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Customer Reference Number</span>\n        <span>','</span>\n      </div>\n\n      <div class="summary-form__field">\n        <span>Removal Party</span>\n        <span>',"</span>\n      </div>\n\n      ",'\n      <div class="summary-form__field">\n        <span>',"</span>\n        ",'\n      </div>\n      <div class="summary-form__field">\n        <span>Attachments</span>\n        <div>\n          ',"\n          ","\n        </div>\n      </div>\n    </div>"])),()=>this.onEditButtonClicked(),n.newTicket.subject,n.newTicket.shortDescription,(e=n.newTicket.site)===null||e===void 0?void 0:e.displayName,D(n.newTicket.courier,n.newTicket.serviceBackend)?n.newTicket.otherCompany:n.newTicket.courier,n.newTicket.trackingNumber,this.useNewDatePickerComponent===!0?i(h||(h=t(['<ix-date-next\n                type="static"\n                .value=',"\n                .noTimeZoneConversion=","\n              >\n              </ix-date-next>"])),n.newTicket.pickupDate,!0):i(y||(y=t(['<ix-date\n                type="static"\n                .value=',"\n                .noTimeZoneConversion=","\n              >\n              </ix-date>"])),n.newTicket.pickupDate,!0),n.newTicket.referenceNumber,n.newTicket.removalParty,this.requiresRemoteHands?i(k||(k=t(['<div class="summary-form__field">\n            <span>Need Remote Hands to remove equipment</span>\n            <span>Yes</span>\n          </div>']))):c,N,this.renderContacts(),(a=p.attachments)===null||a===void 0?void 0:a.map(m=>i(b||(b=t(['<div class="attachments-file-summary">',"</div>"])),m.fileName)),(o=n.newTicket.attachments)===null||o===void 0?void 0:o.map(m=>i(w||(w=t(['<div class="attachments-file-summary">',"</div>"])),m.fileName)))}render(){return i(T||(T=t(['<div class="wizard-content form-margin">\n      <div>\n        <h1 class="dlr-text-page-title">\n          ',' Removal Service Ticket\n        </h1>\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            .disabled=","\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      <div class="form-wrapper">',"</div>\n    </div>"])),this.isEditOn?"Edit":"Create",this.handleOnSubmit,n.loadings.isSubmitting,this.isSubmitting,this.renderFormFields())}};s.styles=[O,P],r([d({type:Function})],s.prototype,"onEditButtonClicked",void 0),r([d({type:Function})],s.prototype,"onSubmitted",void 0),r([d({type:Boolean})],s.prototype,"isEditOn",void 0),r([g()],s.prototype,"isSubmitting",void 0),s=r([x("create-edit-removals-summary")],s);export{s as CreateRemovalsSummary};

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

@@ -0,0 +1 @@
+import{__decorate as a}from"tslib";import{html as t,nothing as r}from"lit";import{MobxLitElement as F}from"@adobe/lit-mobx";import{Router as m}from"@vaadin/router";import"@digital-realty/ix-timer/ix-timer.js";import"@digital-realty/ix-progress/ix-progress.js";import{property as u,state as Y,customElement as q}from"lit/decorators.js";import{ifDefined as V}from"lit-html/directives/if-defined.js";import{ServiceTicketsStyles as W}from"../../styles/ui-service-management5.js";import{ErrorCircleIcon as M,NumberIcon as j,LightBulbIcon as z,CheckCircleOutlineIcon as K}from"../shared/ui-service-management11.js";import{ApplicationEvents as v}from"../../constants/ui-service-management.js";import{ServiceTicketSubmissionStates as U,ServiceTicketTypes as G}from"../../constants/ui-service-management2.js";import{needsRemoteHands as $}from"../../helpers/ui-service-management21.js";import{removalsState as n}from"../../state/ui-service-management3.js";import{serviceTicketState as c}from"../../state/ui-service-management4.js";import{remoteHandsState as J}from"../../state/ui-service-management13.js";import{RouteNames as h}from"../../routes/ui-service-management2.js";import{getPathByName as p}from"../../routes/ui-service-management.js";import{hasPermissionAtLocation as Q}from"../../services/ui-service-management5.js";import{LocationPermissionTypes as X,LocationPrivilegeLevels as Z}from"../../constants/ui-service-management4.js";import{TWStyles as ee}from"../../ui-service-management2.js";import"../shared/ui-service-management15.js";var R=Object.freeze,te=Object.defineProperty,i=(e,s)=>R(te(e,"raw",{value:R(s||e.slice())})),f,k,T,w,b,g,y,E,S,C,H,x,O,_,D,I,P,A,N,B,L;let o=class extends F{constructor(){super(...arguments),this.isEditOn=!1,this.hasRemoteHandsPermission=void 0}get isSuccess(){return n.submissionResult.state!==U.Error}get createRemoteHands(){return $(n.newTicket.removalParty)&&this.isSuccess&&!this.isEditOn}async firstUpdated(){var e,s,d,l;this.createRemoteHands&&(this.hasRemoteHandsPermission=await Q(Z.Create,X.RemoteHands,(s=(e=n.newTicket)===null||e===void 0?void 0:e.site)===null||s===void 0?void 0:s.id,(l=(d=n.newTicket)===null||d===void 0?void 0:d.site)===null||l===void 0?void 0:l.accountNumber))}closeDrawer(){this.onClose(),window.dispatchEvent(new Event(v.DrawerClose))}handleCreateRemoteHands(){var e;J.updateReferenceNumberDisable((e=n.submissionResult.result)===null||e===void 0?void 0:e.id),n.clear(),c.updateTicketType(G.RemoteHands)}async handleOnRetry(){this.isEditOn?await n.editTicketRequest():await n.submitNewTicketRequest(),this.requestUpdate()}handleTicketIdClick(){this.isEditOn&&this.onClose&&(this.onClose(),this.closeDrawer())}handleOnViewAllTickets(){window.dispatchEvent(new Event(v.DrawerClose)),m.go(p(h.ServiceTickets))}getTicketDetailsRoute(){var e,s;return!((e=n.submissionResult.result)===null||e===void 0)&&e.id?p(h.RemovalsTicketDetails,{ticketId:(s=n.submissionResult.result)===null||s===void 0?void 0:s.id}):""}async handleTicketDetailsRedirect(){this.isEditOn?this.closeDrawer():m.go(this.getTicketDetailsRoute())}renderIcon(){let e=K;return this.isSuccess||(e=M),t(f||(f=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(k||(k=i([" <div>Removal Service Ticket</div>\n      <div>Cannot Be ","</div>"])),this.isEditOn?"Edited":"Created");return this.isSuccess&&(e=t(T||(T=i([" <div>\n        ","\n      </div>"])),this.isEditOn?"Changes Saved":"Removal Service Ticket Created")),t(w||(w=i([' <div class="result-form__title">',"</div>"])),e)}renderBody(){let e=t(b||(b=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(y||(y=i(["<div>\n          Your Removals Service Ticket has been successfully\n          ",".\n        </div>\n        ",""])),this.isEditOn?"edited":"created",this.isEditOn?r: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;return this.isSuccess&&!this.isEditOn?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          <a\n            class="ticket-numbers__content"\n            href="','"\n            @click=',"\n            >","</a\n          >\n        </div>\n      </div>"])),j,V(this.getTicketDetailsRoute()),()=>this.handleTicketIdClick(),(e=n.submissionResult.result)===null||e===void 0?void 0:e.id):r}renderRemoteHandsNotice(){return this.createRemoteHands?t(H||(H=i([' <div class="result-form__notice">\n        <div class="svg-container">\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            viewBox="5 0 15 25"\n            fill="none"\n          >\n            ',"\n          </svg>\n        </div>\n        <div>\n          <span>\n            You selected the option to submit a Remote Hands Ticket after the\n            successful submission of your Delivery or Removal ticket.\n          </span>\n          ","\n        </div>\n      </div>"])),z,this.hasRemoteHandsPermission===!1?t(C||(C=i(["<span>\n                You do not have the required permission/privilege to submit a\n                Remote Hands Ticket. Please contact your company\u2019s Global\n                Administrator for assistance\n              </span>"]))):r):r}renderFooter(){return t(P||(P=i([' <div class="result-form__footer">\n      ',"\n      ","\n    </div>"])),this.isSuccess?r:t(x||(x=i([' <ix-button\n            id="retryBtn"\n            appearance="outlined"\n            @click=',"\n          >\n            RETRY\n          </ix-button>"])),this.handleOnRetry),this.createRemoteHands&&this.hasRemoteHandsPermission?t(O||(O=i([' <ix-button\n            id="remoteHandsBtn"\n            @click=',"\n          >\n            CREATE REMOTE HANDS SERVICE TICKET\n          </ix-button>"])),this.handleCreateRemoteHands):t(I||(I=i([""," "])),this.isEditOn?t(D||(D=i(["\n                <ix-button @click=",">\n                  CLOSE\n                </ix-button>\n              "])),this.handleTicketIdClick):t(_||(_=i(['\n                <ix-button\n                  id="viewAllBtn"\n                  @click=',"\n                >\n                  VIEW ALL SERVICE TICKETS\n                </ix-button>\n              "])),this.handleOnViewAllTickets)))}renderRemoteHandsRedirect(){return this.createRemoteHands&&this.hasRemoteHandsPermission?t(A||(A=i([' <div class="result-form__redirect">\n        <ix-timer\n          label="You will be redirected in"\n          duration="11"\n          .onFinished=',"\n        ></ix-timer>\n      </div>"])),this.handleCreateRemoteHands):r}renderAttachmentsFailedMessage(){return c.error.uploadingAttachments?t(N||(N=i(["<attachment-upload-failed-message\n        .fileNames=","\n      ></attachment-upload-failed-message>"])),c.failedAttachments):r}render(){return n.loadings.isSubmitting?t(B||(B=i(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):t(L||(L=i([' <div class="form-margin">\n      <div class="result-form">\n        '," "," ","\n        "," ","\n        "," ","\n        ","\n      </div>\n    </div>"])),this.renderIcon(),this.renderTitle(),this.renderBody(),this.renderTicketNumbers(),this.renderRemoteHandsNotice(),this.renderAttachmentsFailedMessage(),this.renderFooter(),this.renderRemoteHandsRedirect())}};o.styles=[ee,W],a([u({type:Boolean})],o.prototype,"isEditOn",void 0),a([u({type:Function})],o.prototype,"onClose",void 0),a([Y()],o.prototype,"hasRemoteHandsPermission",void 0),o=a([q("create-edit-removals-result")],o);export{o as CreateRemovalsResult};

package/dist/components/service-tickets/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as a}from"tslib";import{LitElement as n,html as s}from"lit";import{customElement as l}from"lit/decorators.js";import{ServiceTicketsStyles as o}from"../../styles/ui-service-management5.js";import"./ui-service-management3.js";import{TWStyles as d}from"../../ui-service-management2.js";var r=Object.freeze,m=Object.defineProperty,v=(t,c)=>r(m(t,"raw",{value:r(c||t.slice())})),i;let e=class extends n{render(){return s(i||(i=v([' <div\n      class="create-service-ticket-container wizard-content form-margin"\n    >\n      <div>\n        <h1 class="dlr-text-page-title">Create Service Ticket</h1>\n        <div class="create-service-ticket-container-subheader">\n          <h3 class="dlr-text-heading">Select a Ticket Type</h3>\n        </div>\n      </div>\n\n      <ticket-type-card-list></ticket-type-card-list>\n    </div>'])))}};e.styles=[d,o],e=a([l("create-service-ticket")],e);export{e as CreateServiceTicket};

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

@@ -0,0 +1 @@
+import{__decorate as m}from"tslib";import{MobxLitElement as ne}from"@adobe/lit-mobx";import"@digital-realty/ix-chip/ix-chip.js";import"@digital-realty/ix-date/ix-date.js";import"@digital-realty/ix-date-next/ix-date-next.js";import"@digital-realty/ix-grid/ix-grid-nav.js";import"@digital-realty/ix-grid/ix-grid-no-rows.js";import"@digital-realty/ix-tooltip/ix-tooltip.js";import{Router as f}from"@vaadin/router";import{html as n,nothing as re}from"lit";import{state as b,property as g,customElement as ae}from"lit/decorators.js";import{TicketType as v}from"../../constants/ui-service-management4.js";import{ApplicationEvents as C}from"../../constants/ui-service-management.js";import{TicketViewKey as T,ServiceTicketTypes as S}from"../../constants/ui-service-management2.js";import{FieldType as d}from"../../enums/ui-service-management2.js";import{Operator as h}from"../../enums/ui-service-management3.js";import{openTicketStatuses as oe,closedTicketStatuses as le}from"../../enums/ui-service-management.js";import"../shared/ui-service-management12.js";import{getStartAndEndOfDayLocalToUTC as de,getTodayInUserTimezone as ce}from"../../helpers/ui-service-management.js";import{debounce as he}from"../../helpers/ui-service-management14.js";import{raiseEvent as R}from"../../helpers/ui-service-management12.js";import{buildODataQuery as w}from"../../helpers/ui-service-management15.js";import{isActiveAppServiceManagement as O,getServiceTicketDetailsRouteName as pe}from"../../helpers/ui-service-management16.js";import{getPathByName as ue}from"../../routes/ui-service-management.js";import{authService as ke}from"../../services/ui-service-management.js";import{hasDeliveriesAndRemovalsCreatePermission as me}from"../../services/ui-service-management5.js";import{deliveriesState as P}from"../../state/ui-service-management11.js";import{removalsState as F}from"../../state/ui-service-management3.js";import{serviceTicketState as c}from"../../state/ui-service-management4.js";import{ServiceTicketsStyles as ve}from"../../styles/ui-service-management5.js";import ye from"../../services/ui-service-management4.js";var A=Object.freeze,ge=Object.defineProperty,r=(e,t)=>A(ge(e,"raw",{value:A(t||e.slice())})),x,D,q,L,I,E,G,_,U,K,V,j,z,N,M,B,H,Q,$,Z,W,Y,J,X,ee,te,ie;const Te=[v.Delivery,v.Removal],we=window.globalConfig;let p=class extends ne{get vaadinGrid(){var e,t,i;const s=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("ix-grid");return(i=(t=s==null?void 0:s.shadowRoot)===null||t===void 0?void 0:t.querySelector("vaadin-grid"))!==null&&i!==void 0?i:null}constructor(){super(),this.items=void 0,this.isOpenTicketsFilterApplied=!0,this.hasDeliveryAndRemovalsCreatePrivilege=!1,this.fetchTicketsController=new AbortController,this.listSort="updated_at desc",this.listSkip=0,this.listPageSize=20,this.locationsHeaderLabel="Location",this.sitesHeaderLabel="Site",this.useNewDatePickerComponent=!1,this.handlePopState=()=>{this.updateIsOpenTicketsFilterApplied()},this.useNewDatePickerComponent=ye.showNewDatePickerComponent()}async connectedCallback(){window.addEventListener("popstate",this.handlePopState),this.updateIsOpenTicketsFilterApplied();const e=await ke.getHashedRootAccountNumberAndUserEmail();e&&(this.hashedLocalStorageID="service-tickets-".concat(e)),super.connectedCallback(),this.debouncedHandleTableChange=he(this.handleTableChange.bind(this),300),this.fetchUserCreatePermission()}updateIsOpenTicketsFilterApplied(){const e=new URL(document.location.href).searchParams.get(T);this.isOpenTicketsFilterApplied=e!=="closed"}disconnectedCallback(){var e;this.loadingChangedListener&&((e=this.vaadinGrid)===null||e===void 0||e.removeEventListener("loading-changed",this.loadingChangedListener)),window.removeEventListener("popstate",this.handlePopState),super.disconnectedCallback()}addEventListeners(){const{vaadinGrid:e}=this;e&&(this.loadingChangedListener=t=>{const i=t.target;i.loading||setTimeout(()=>{i.recalculateColumnWidths(),i.requestContentUpdate()},0)},e.addEventListener("loading-changed",this.loadingChangedListener))}handleKeyPress(e,t){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleRowClick(t))}getColumns(){return[{name:"ticketId",header:"Ticket #",bodyRenderer:e=>n(x||(x=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.ticketId),sortable:!0,filterable:!0,filterOperators:["contains","equals"],width:"160px"},{name:"ticketType",header:"Ticket Type",bodyRenderer:e=>n(D||(D=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.ticketType),filterable:!0,filterOperators:["contains","equals"],width:"200px"},{name:"requestType",header:"Request Type",bodyRenderer:e=>n(L||(L=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.requestType?e.requestType:n(q||(q=r(["&nbsp;"])))),filterable:!0,filterOperators:["contains","equals"],width:"200px"},{name:"category",header:"Category",bodyRenderer:e=>n(E||(E=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.category?e.category:n(I||(I=r(["&nbsp;"])))),filterable:!0,filterOperators:["contains","equals"],width:"240px"},{name:"subject",header:"Subject",bodyRenderer:e=>n(_||(_=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.subject?e.subject:n(G||(G=r(["&nbsp;"])))),filterable:!0,filterOperators:["contains","equals"],width:"372px"},{name:"sites",header:this.sitesHeaderLabel,bodyRenderer:e=>{var t;const i=(t=e.sites)===null||t===void 0?void 0:t.map(s=>{var a;return(a=s.name)===null||a===void 0?void 0:a.trim()}).filter(s=>!!s);return!i||i.length===0?n(U||(U=r([" <div\n              @click=","\n              @keypress=","\n            >\n              &nbsp;\n            </div>"])),()=>this.handleRowClick(e),s=>this.handleKeyPress(s,e)):n(K||(K=r([" <site-location-cell\n            @click=","\n            @keypress=","\n            .items=","\n          >\n          </site-location-cell>"])),()=>this.handleRowClick(e),s=>this.handleKeyPress(s,e),i)},sortable:!0,filterable:!0,filterOperators:["contains","equals"],width:"224px"},{name:"locations",header:this.locationsHeaderLabel,bodyRenderer:e=>{var t;return n(j||(j=r([" <site-location-cell\n            @click=","\n            @keypress=","\n            .items=","\n          ></site-location-cell>"])),()=>this.handleRowClick(e),i=>this.handleKeyPress(i,e),!((t=e.locations)===null||t===void 0)&&t.length?e.locations:[n(V||(V=r(["&nbsp;"])))])},filterable:!0,filterOperators:["contains","equals"],sortable:!0,width:"224px"},{name:"createdBy",header:"Requester",bodyRenderer:e=>n(z||(z=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.createdBy),sortable:!0,filterable:!0,filterOperators:["contains","equals"],width:"160px"},{name:"accessRequestedFor",header:"Access Requested For",bodyRenderer:e=>n(M||(M=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.accessRequestedFor?e.accessRequestedFor:n(N||(N=r(["&nbsp;"])))),sortable:!0,filterable:!0,filterOperators:["contains","equals"],width:"180px"},{name:"createdAt",header:"Created Date",bodyRenderer:e=>n(Q||(Q=r([" <div>\n          ","\n        </div>"])),e.createdAt?this.useNewDatePickerComponent?n(B||(B=r(['<ix-date-next\n                  type="static"\n                  variant="date-time"\n                  .value=',"\n                  @click=","\n                  @keypress=","\n                ></ix-date-next>"])),e.createdAt,()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e)):n(H||(H=r(['<ix-date\n                  type="static"\n                  variant="date-time"\n                  .value=',"\n                  @click=","\n                  @keypress=","\n                >\n                </ix-date>"])),e.createdAt,()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e)):""),sortable:!0,filterable:!0,filterOperators:["contains"],dataType:"dateTime",width:"160px"},{name:"updatedAt",header:"Updated On",bodyRenderer:e=>n(W||(W=r([" <div>\n          ","\n        </div>"])),e.updatedAt?this.useNewDatePickerComponent?n($||($=r(['<ix-date-next\n                  type="static"\n                  variant="date-time"\n                  .value=',"\n                  @click=","\n                  @keypress=","\n                ></ix-date-next>"])),e.updatedAt,()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e)):n(Z||(Z=r(['<ix-date\n                  type="static"\n                  variant="date-time"\n                  .value=',"\n                  @click=","\n                  @keypress=","\n                >\n                </ix-date>"])),e.updatedAt,()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e)):""),sortable:!0,filterable:!0,filterOperators:["contains"],dataType:"dateTime",width:"160px"},{name:"status",header:"Status",bodyRenderer:e=>n(Y||(Y=r([" <div\n            @click=","\n            @keypress=","\n          >\n            ","\n          </div>"])),()=>this.handleRowClick(e),t=>this.handleKeyPress(t,e),e.status),filterable:!0,filterOperators:["contains","equals"],width:"140px"},{name:"actions",header:"Actions",width:"94px",bodyRenderer:e=>n(J||(J=r([' <div style="max-height: 1.5REM; min-height: 1.5REM;">\n            ',"\n          </div>"])),this.renderActionButtons(e)),frozenToEnd:!0,flexGrow:1,filterable:!1}]}async handleTableChange(e){this.lastDetail=e.detail;const{columnName:t,page:i,pageSize:s,sortOrder:a,filters:l,filtersOperators:o}=e.detail;this.listSort="updated_at desc",this.listPageSize=s;const u={status:this.tryGetStatusFilter(l,o,"status",d.Single,!0),ticket_id:this.tryGetFilter(l,o,"ticketId",d.Single,!0),ticket_type:this.tryGetFilter(l,o,"ticketType",d.Single,!0),request_type:this.tryGetFilter(l,o,"requestType",d.Single,!0),category:this.tryGetFilter(l,o,"category",d.Single,!0),subject:this.tryGetFilter(l,o,"subject",d.Single,!0),sites:this.tryGetFilter(l,o,"sites",d.ObjectCollection,!0,"name"),locations:this.tryGetFilter(l,o,"locations",d.StringCollection,!0),created_by:this.tryGetFilter(l,o,"createdBy",d.Single,!0),access_requested_for:this.tryGetFilter(l,o,"accessRequestedFor",d.Single,!0),created_at:this.tryGetFilter(l,o,"createdAt",d.Single,!1),updated_at:this.tryGetFilter(l,o,"updatedAt",d.Single,!1,void 0)};if(u.status.length===0&&(u.status=this.getTicketStatusFilter()),this.currentFilters=u,t&&a){const k=this.camelToSnakeCase(t);this.listSort="".concat(k," ").concat(a)}this.listSkip=(i-1)*this.listPageSize,this.fetchTicketsController.abort(),this.fetchTicketsController=new AbortController,this.fetchTickets({signal:this.fetchTicketsController.signal})}rewriteUrlForTicketsView(e){const t=new URLSearchParams(window.location.search);t.set(T,e),t.set("page","1"),f.go("".concat(window.location.pathname,"?").concat(t.toString()))}filterOpenTickets(){this.isOpenTicketsFilterApplied=!0,this.updatePaginationToPageOne(),this.rewriteUrlForTicketsView("open")}filterClosedTickets(){this.isOpenTicketsFilterApplied=!1,this.updatePaginationToPageOne(),this.rewriteUrlForTicketsView("closed")}updatePaginationToPageOne(){var e,t,i;this.lastDetail.page=1;const s=(i=(t=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("ix-grid"))===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector("ix-pagination");s?s.updatePagination(this.lastDetail.page,this.lastDetail.pageSize):this.handleTableChange({detail:this.lastDetail})}camelToSnakeCase(e){return e.replace(/[A-Z]/g,(t,i)=>(i?"_":"")+t.toLowerCase())}getTicketStatusFilter(){let e;return this.isOpenTicketsFilterApplied?e=oe.map(t=>({matchValue:t,equalityOperator:h.Equals,concatenationOperator:h.Or,fieldType:d.Single,objectProperty:void 0})):e=le.map(t=>({matchValue:t,equalityOperator:h.Equals,concatenationOperator:h.Or,fieldType:d.Single,objectProperty:void 0})),e}async fetchTickets(e){var t,i;if(!O())return;const s=this.listPageSize||20,a={...this.currentFilters};a!=null&&a.created_at&&(a.created_at=this.adjustDateFilterForTimeZone(a.created_at)),a!=null&&a.updated_at&&(a.updated_at=this.adjustDateFilterForTimeZone(a.updated_at));const l=w(a,{orderBy:this.listSort?[this.listSort]:["updated_at desc"],top:s,skip:this.listSkip}),o=new URLSearchParams(l);await c.GetServiceTicketList(o.get("$filter")||void 0,o.get("$orderby")||void 0,this.listSkip,s,e),((t=c.serviceTickets)===null||t===void 0?void 0:t.items)!==void 0?this.items=(i=c.serviceTickets)===null||i===void 0?void 0:i.items:this.items=void 0,setTimeout(()=>{this.addEventListeners()},0)}adjustDateFilterForTimeZone(e){return e.flatMap(t=>{const{startOfDayLocal:i,endOfDayLocal:s}=de(t.matchValue);return[{...t,matchValue:i.toISOString(),equalityOperator:h.GreaterThanOrEqualTo,concatenationOperator:h.And},{...t,matchValue:s.toISOString(),equalityOperator:h.LessThanOrEqualTo,concatenationOperator:h.And}]})}renderActionButtons(e){const t=e.ticketType;return!Te.includes(t)||!this.hasUserCreatePrivilege(t)?n(X||(X=r([""]))):n(ee||(ee=r(['\n      <ix-progress\n        id="progress-','"\n        .linear=','\n        indeterminate="false"\n        style="\n          --md-circular-progress-size: 1.375REM;\n          display: none;\n          padding: 0.0625REM;\n        "\n      ></ix-progress>\n      <ix-icon\n        id="clone-icon-','"\n        style="\n          --ix-icon-font-size: 1.375REM;\n          color: rgb(20, 86, 224);\n          display: inline-block;\n          padding: 0.0625REM;\n          transform: scaleY(-1);\n        "\n        @click=',"\n        >content_copy\n      </ix-icon>\n    "])),e.ticketId,!1,e.ticketId,async i=>this.handleCloneClick(i,t,e.ticketId))}async fetchUserCreatePermission(){this.hasDeliveryAndRemovalsCreatePrivilege=await me()}hasUserCreatePrivilege(e){switch(e){case v.Delivery:case v.Removal:return this.hasDeliveryAndRemovalsCreatePrivilege;default:return!1}}async handleCloneClick(e,t,i){const s=e.currentTarget,{parentElement:a}=s;switch(this.hideCloneIcon(a,s,i),t){case v.Delivery:await P.getDeliveriesServiceTicket(i),R(this,C.CreateTicket,{ticketType:S.Deliveries,isCloned:!0,site:P.newTicket.site});break;case v.Removal:await F.getRemovalsServiceTicket(i),R(this,C.CreateTicket,{ticketType:S.Removals,isCloned:!0,site:F.newTicket.site});break;default:console.warn("Incorrect ticket type")}this.resetActionIconsToDefault(a,s,i)}hideCloneIcon(e,t,i){this.toggleVisibility(e,t,i,!0)}resetActionIconsToDefault(e,t,i){this.toggleVisibility(e,t,i,!1)}toggleVisibility(e,t,i,s){if(e){const a=e.querySelector("#progress-".concat(i));a&&(t.style.display=s?"none":"inline-block",a.style.display=s?"inline-block":"none")}}tryGetFilter(e,t,i,s,a,l=void 0,o=h.Or){const u=t.find(y=>y.columnField===i);if(u===void 0)return[];const k=e[i];if(k===void 0)return[];const se=u.operator==="contains"?h.Contains:h.Equals;return(Array.isArray(k)?k:[k]).map(y=>({matchValue:y.value||y,equalityOperator:se,concatenationOperator:o,fieldType:s,ignoreCase:a,objectProperty:l}))}tryGetStatusFilter(e,t,i,s,a,l=void 0){const o=this.getTicketStatusFilter(),u=this.tryGetFilter(e,t,i,s,a,l,h.And);return o.concat(u)}get downloadMenuItems(){const e=[{label:"All Tickets",name:"download-all-tickets",onClick:t=>{this.handleDownloadCsv(t)}},{label:"Current Filter",name:"download-current-filter",onClick:t=>{this.handleDownloadCsv(t)}}];return this.isOpenTicketsFilterApplied?e.push({label:"Open Tickets",name:"download-open-tickets",onClick:t=>{this.handleDownloadCsv(t)}}):e.push({label:"Closed Tickets",name:"download-closed-tickets",onClick:t=>{this.handleDownloadCsv(t)}}),e}generateQuery(e=void 0){if(e!==void 0)return w(e);const t=this.getTicketStatusFilter();return w({status:t})}async handleDownloadCsv(e){let t;switch(e){case"download-all-tickets":await c.downloadServiceTickets();break;case"download-current-filter":t=new URLSearchParams(this.generateQuery(this.currentFilters)),await c.downloadServiceTickets(t.get("$filter")||void 0);break;case"download-closed-tickets":this.isOpenTicketsFilterApplied=!1,t=new URLSearchParams(this.generateQuery()),await c.downloadServiceTickets(t.get("$filter")||void 0);break;default:this.isOpenTicketsFilterApplied=!0,t=new URLSearchParams(this.generateQuery()),await c.downloadServiceTickets(t.get("$filter")||void 0);break}}handleRowClick(e){if(e.ticketId){const t=pe(e==null?void 0:e.ticketType,e==null?void 0:e.requestType);t&&f.go(ue(t,{ticketId:e.ticketId}))}}renderGridNoRows(){const e=c.error.serviceTicketsGrid?"Sorry, an error has occurred":this.items!==void 0?"No data to display":null;return e?n(te||(te=r([' <ix-grid-no-rows\n          slot="no-rows"\n          message="','"\n        ></ix-grid-no-rows>'])),e):re}render(){var e,t;return n(ie||(ie=r([' <div class="maintenance-grid">\n      <ix-grid\n        session-storage-key="sm-service-tickets"\n        column-reordering-allowed\n        .columns=',"\n        .rows=","\n        .recordCount=","\n        .addParamsToURL=","\n        .readParamsFromURL=","\n        .downloadMenuItems=","\n        .pageSizes=","\n        .pageSize=","\n        @change=","\n        .localStorageID=","\n        .refreshDataOnColumnVisibilityChange=","\n        .filterValueChangeDebounceTime=","\n        .isLoading=","\n        .isDownloading=","\n        .preservedQueryParamKeys=","\n        .filterMaxDate=","\n        .useNewDatePicker=",'\n      >\n        <div slot="header">\n          <ix-grid-nav\n            class="reports-grid-nav"\n            .buttons=',"\n          ></ix-grid-nav>\n        </div>\n        ","\n      </ix-grid>\n      <ix-tooltip></ix-tooltip>\n    </div>"])),this.getColumns(),(e=this.items)!==null&&e!==void 0?e:[],(t=c===null||c===void 0?void 0:c.serviceTickets)===null||t===void 0?void 0:t.totalCount,O(),!0,this.downloadMenuItems,[10,20,50,100],this.listPageSize,this.debouncedHandleTableChange,this.hashedLocalStorageID,!1,we.ServiceTicketListFilterValueChangeDebounceTime,c.loadings.serviceTicketList,c.loadings.downloadServiceTicketList,[T],ce(),this.useNewDatePickerComponent,[{text:"Open Tickets",selected:this.isOpenTicketsFilterApplied,onClick:()=>this.filterOpenTickets()},{text:"Closed Tickets",selected:!this.isOpenTicketsFilterApplied,onClick:()=>this.filterClosedTickets()}],this.renderGridNoRows())}};p.styles=[ve],m([b()],p.prototype,"currentFilters",void 0),m([b()],p.prototype,"hashedLocalStorageID",void 0),m([g({type:Array})],p.prototype,"items",void 0),m([g({type:Boolean})],p.prototype,"isOpenTicketsFilterApplied",void 0),m([g({type:Boolean})],p.prototype,"hasDeliveryAndRemovalsCreatePrivilege",void 0),p=m([ae("service-ticket-list")],p);export{p as ServiceTicketList};

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

@@ -0,0 +1 @@
+import{__decorate as f}from"tslib";import{MobxLitElement as g}from"@adobe/lit-mobx";import{html as e,nothing as a}from"lit";import{customElement as R}from"lit/decorators.js";import{ServiceTypes as i,ServiceTicketTypes as s}from"../../constants/ui-service-management2.js";import{TicketTypeCardStyles as b}from"../../styles/ui-service-management7.js";import"./ui-service-management4.js";import{serviceTicketState as r}from"../../state/ui-service-management4.js";import{TWStyles as S}from"../../ui-service-management2.js";var c=Object.freeze,A=Object.defineProperty,t=(o,h)=>c(A(o,"raw",{value:c(h||o.slice())})),d,l,m,p,y,u,T,k,v,C;let n=class extends g{async firstUpdated(){await r.checkPermissions()}renderLoadingProgress(){return r.loadings.ticketCreatePermissionChecks?e(d||(d=t(['<div class="w-full">\n        <ix-progress .indeterminate=',"></ix-progress>\n      </div>"])),!0):a}renderCustomerSupportCard(){return r.permissions.hasCustomerCareCreatePermission?e(m||(m=t(['<ticket-type-card\n      class="ticket-card-container"\n      .serviceType="','"\n      cardTitle="Customer Care"\n      info="Having a billing, contract, or inventory question? Contact Customer Support for non-emergency needs and general questions."\n      .ticketType="','"\n    >\n    </ticket-type-card>'])),i.CustomerSupport,s.CustomerSupport):e(l||(l=t([""])))}renderFacilityAccessCard(){return r.permissions.hasFacilityAccessCreatePermission?e(y||(y=t(['<ticket-type-card\n      class="ticket-card-container"\n      serviceType=','\n      cardTitle="Facility Access"\n      info="Need to request, modify or terminate physical access to select few or all of your locations? Submit a Facility Access Ticket to let our Data Center Security Team know and assist you with that."\n      .ticketType="','"\n    >\n    </ticket-type-card>'])),i.FacilityAccess,s.FacilityAccess):e(p||(p=t([""])))}renderRemoteHandsCard(){return r.permissions.hasRemoteHandsCreatePermission?e(T||(T=t(['<ticket-type-card\n      class="ticket-card-container"\n      .serviceType=','\n      cardTitle="Remote Hands"\n      info="Need to reboot, install a panel, or remove a gear? Let Digital Realty Technicians do the work for you. Remote Hands Fees apply (24/7/365)."\n      .ticketType="','"\n    >\n    </ticket-type-card>'])),i.RemoteHands,s.RemoteHands):e(u||(u=t([""])))}renderDeliveriesAndRemovalsCard(){return r.permissions.hasDeliveriesAndRemovalsCreatePermission?e(k||(k=t(['<ticket-type-card\n      class="ticket-card-container"\n      .serviceType=','\n      cardTitle="Deliveries &#38; Removals"\n      info="Sending Equipment to a Digital Realty facility or having it removed? Let us know how to handle the shipment or removal."\n      .ticketType="','"\n    >\n    </ticket-type-card>'])),i.DeliveriesAndRemovals,s.DeliveriesAndRemovals):a}renderTroubleTicketsCard(){return r.permissions.hasTroubleTicketsCreatePermission?e(v||(v=t(['<ticket-type-card\n      class="ticket-card-container"\n      .serviceType=','\n      cardTitle="Trouble Tickets"\n      info="Trouble Tickets are for physical on-site issues and maintenance. Remote Hands fees will apply."\n      .ticketType="','"\n    >\n    </ticket-type-card>'])),i.TroubleTicket,s.TroubleTickets):a}render(){return e(C||(C=t([' <div class="ticket-card-list">\n      '," ","\n      "," ","\n      ","\n      ","\n    </div>"])),this.renderLoadingProgress(),this.renderCustomerSupportCard(),this.renderFacilityAccessCard(),this.renderRemoteHandsCard(),this.renderDeliveriesAndRemovalsCard(),this.renderTroubleTicketsCard())}};n.styles=[b,S],n=f([R("ticket-type-card-list")],n);export{n as TicketTypeCardList};

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

@@ -0,0 +1 @@
+import{__decorate as i}from"tslib";import{LitElement as T,html as l}from"lit";import{property as s,state as k,customElement as y}from"lit/decorators.js";import{ApplicationEvents as m}from"../../constants/ui-service-management.js";import{ServiceTypes as r}from"../../constants/ui-service-management2.js";import{raiseEvent as g}from"../../helpers/ui-service-management12.js";import{TicketTypeCardStyles as f}from"../../styles/ui-service-management7.js";import{ServiceTicketTypeIcons as c}from"../shared/ui-service-management11.js";var d=Object.freeze,E=Object.defineProperty,v=(t,n)=>d(E(t,"raw",{value:d(n||t.slice())})),h,u;let e=class extends T{constructor(){super(...arguments),this.cardTitle="",this.info="",this.ticketType="",this.launchEvent={actionEvent:"",ticketType:"",triggerFn:t=>{}}}connectedCallback(){if(super.connectedCallback(),this.ticketType){const t=this.ticketType,n="launch-".concat(this.ticketType);this.launchEvent={actionEvent:n,ticketType:t,triggerFn:o=>{var a,p;this.handleOnCreateTicket(this.ticketType,(p=(a=o.detail)===null||a===void 0?void 0:a.fromLaunchpad)!==null&&p!==void 0?p:!1)}},document.addEventListener(n,o=>{this.launchEvent.triggerFn(o)})}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(this.launchEvent.actionEvent,this.launchEvent.triggerFn)}handleOnCreateTicket(t,n=!1){g(this,m.CreateTicket,{ticketType:t,fromLaunchpad:n})}renderTicketTypeSvg(){switch(this.serviceType){case r.CustomerSupport:return c.CustomerSupport;case r.FacilityAccess:return c.FacilityAccess;case r.RemoteHands:return c.RemoteHands;case r.TroubleTicket:return c.TroubleTickets;case r.DeliveriesAndRemovals:default:return c.DeliveriesAndRemovals}}renderCreateTicketButton(){return l(h||(h=v(['<button\n      type="button"\n      target=""\n      appearance="text"\n      class="ticket-card__button"\n    >\n      Create Ticket\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        <path\n          d="M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z"\n          fill="#1456E0"\n        />\n      </svg>\n    </button>'])))}render(){return l(u||(u=v(['<div\n      class="ticket-card"\n      .onclick="','"\n    >\n      <div class="ticket-card__icon">\n        <svg\n          width="80"\n          height="80"\n          viewBox="0 0 80 80"\n          fill="none"\n          xmlns="http://www.w3.org/2000/svg"\n        >\n          ','\n        </svg>\n      </div>\n      <h4 class="ticket-card__title">','</h4>\n      <span class="ticket-card__info">',"</span>\n      ","\n    </div>"])),()=>this.handleOnCreateTicket(this.ticketType),this.renderTicketTypeSvg(),this.cardTitle,this.info,this.renderCreateTicketButton())}};e.styles=[f],i([s({type:String})],e.prototype,"cardTitle",void 0),i([s({type:String})],e.prototype,"info",void 0),i([s({type:String})],e.prototype,"ticketType",void 0),i([s({type:String})],e.prototype,"serviceType",void 0),i([k()],e.prototype,"launchEvent",void 0),e=i([y("ticket-type-card")],e);export{e as TicketTypeCard};

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

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{LitElement as a,html as n,nothing as c}from"lit";import{property as m,customElement as p}from"lit/decorators.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{ApplicationEvents as d}from"../../constants/ui-service-management.js";import{hasAnyCreatePermissions as h}from"../../services/ui-service-management5.js";var i=Object.freeze,l=Object.defineProperty,u=(e,o)=>i(l(e,"raw",{value:i(o||e.slice())})),s;let t=class extends a{constructor(){super(...arguments),this.hasCreatePermission=!1}dispatchCreateTicketEvent(){const e=new CustomEvent(d.CreateTicket,{bubbles:!0,composed:!0});this.dispatchEvent(e)}async firstUpdated(){this.hasCreatePermission=await h()}render(){return this.hasCreatePermission?n(s||(s=u([" <ix-button @click=",' has-icon>\n      <md-icon slot="icon">add</md-icon>\n      <span class="uppercase font-bold tracking-wider">Create Ticket</span>\n    </ix-button>'])),this.dispatchCreateTicketEvent):c}};r([m()],t.prototype,"hasCreatePermission",void 0),t=r([p("sm-create-service-ticket-button")],t);export{t as CreateServiceTicketButton};

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

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{MobxLitElement as v}from"@adobe/lit-mobx";import"@digital-realty/ix-divider/ix-divider.js";import{html as o,nothing as c}from"lit";import{property as n,customElement as y}from"lit/decorators.js";import{unsafeHTML as u}from"lit-html/directives/unsafe-html.js";import{lookups as T}from"../../state/ui-service-management.js";import{TermsServices as g}from"../../constants/ui-service-management2.js";import{ServiceTicketsStyles as f}from"../../styles/ui-service-management5.js";import{TWStyles as k}from"../../ui-service-management2.js";import"./ui-service-management17.js";var d=Object.freeze,x=Object.defineProperty,a=(e,t)=>d(x(e,"raw",{value:d(t||e.slice())})),l,m,p,h;const r={Delivery:"Delivery",FacilityAccess:"Facility Access",Trouble:"Trouble",RemoteHands:"Remote Hands"};let i=class extends v{handleNextClick(){var e,t;this.termsAgreed?(e=this.onNextButtonClick)===null||e===void 0||e.call(this):(t=this.updateAgreeTerms)===null||t===void 0||t.call(this,!1)}handleTermsChange(e){var t;(t=this.updateAgreeTerms)===null||t===void 0||t.call(this,e)}get spacingClass(){switch(this.ticketType){case r.FacilityAccess:return"mt-0 pt-0 pr-4";case r.RemoteHands:return"mt-8 pr-4";default:return"mt-8 pt-0 pr-4"}}render(){return o(h||(h=a(['<div class="wizard-content terms-content">\n      <div class="terms-header form-margin">\n        <h1 class="dlr-text-page-title">\n          Create ',' Service Ticket\n        </h1>\n        <div class="sub-header dlr-text-heading">\n          <h3 class="dlr-text-heading">\n            ','\n          </h3>\n          <span class="italic dlr-text-small">*denotes required field</span>\n        </div>\n      </div>\n\n      ','\n\n      <div class="form-wrapper form-margin ','">\n        ','\n\n        <div class="terms-html-container">\n          ','\n        </div>\n\n        <div class="form-wrapper__fields ml-5 mt-8">\n          <ix-checkbox\n            label="I have read and agree to the conditions listed above.*"\n            required\n            ?error=',"\n            @change=","\n            .checked=","\n          >\n          </ix-checkbox>\n        </div>\n      </div>\n\n      <form-footer\n        .handleNextClick=","\n      ></form-footer>\n    </div> "])),this.ticketType,this.ticketType!==r.FacilityAccess?"Service Ticket Details":"Request Type",this.ticketType===r.FacilityAccess?o(l||(l=a(['<div class="form-margin">\n            <span class="terms-request-type">OSP Access</span>\n            <ix-divider></ix-divider>\n          </div>']))):c,this.spacingClass,this.ticketType!==r.RemoteHands?o(m||(m=a([' <div class="mb-6">\n              <span data-test-id="terms-sub-heading">\n                ',"\n              </span>\n            </div>"])),this.ticketType!==r.Trouble?"Terms":"Disclaimer"):c,o(p||(p=a(["",""])),u(T.termsLookup[this.service])),this.termsAgreed!==void 0&&!this.termsAgreed,e=>this.handleTermsChange(e.target.checked),this.termsAgreed,()=>this.handleNextClick())}};i.styles=[f,k],s([n({type:Boolean})],i.prototype,"termsAgreed",void 0),s([n({type:String})],i.prototype,"ticketType",void 0),s([n({type:g})],i.prototype,"service",void 0),s([n({type:Function})],i.prototype,"updateAgreeTerms",void 0),s([n({type:Function})],i.prototype,"onNextButtonClick",void 0),i=s([y("terms-and-conditions")],i);export{i as TermsAndConditions,r as TermsTicketTypes};

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

@@ -0,0 +1 @@
+import{svg as C}from"lit";var e=Object.freeze,T=Object.defineProperty,l=(L,x)=>e(T(L,"raw",{value:e(x||L.slice())})),n,V,H,i,d,o,M,Z,t,p,c,r,f,a,v,u,h,I,s,y,w,D,m,g,k,E,F,b,A,O,B,P;const S={CustomerSupport:C(n||(n=l(['\n    <path d="M67.075 41.125L62.075 33.625C62.035 33.56 61.97 33.51 61.92 33.45C61.85 33.3625 61.7825 33.2775 61.7025 33.2025C61.49 33 61.2575 32.82 61 32.7L51.775 28.7C50.65 29.575 48.7 30.825 45.95 31.65L53.3175 34.835L40 39.83L26.735 34.855L34.175 31.7C31.425 30.875 29.45 29.65 28.3 28.75L19.025 32.7C19.0125 32.705 19.0025 32.715 18.99 32.72C18.9475 32.74 18.915 32.77 18.8725 32.7925C18.665 32.9025 18.475 33.0375 18.305 33.1975C18.22 33.275 18.1525 33.36 18.08 33.45C18.03 33.5125 17.97 33.5575 17.925 33.625L12.925 41.125C12.5 41.75 12.375 42.55 12.625 43.275C12.85 44 13.4 44.575 14.125 44.85L17.5 46.115V57.5C17.5 58.5425 18.1475 59.475 19.1225 59.8425L39.1225 67.3425C39.405 67.4475 39.7025 67.5 40 67.5C40.2975 67.5 40.595 67.4475 40.8775 67.3425L60.8775 59.8425C61.8525 59.475 62.5 58.5425 62.5 57.5V46.29L65.975 44.8C66.675 44.5 67.175 43.925 67.4 43.225C67.6 42.5 67.5 41.725 67.075 41.125ZM18.825 41.275L20.9825 38.04L36.1825 43.74L34.025 46.975L18.825 41.275ZM61.25 41.375L48.075 47.025L44.525 43.475L59.02 38.04L61.25 41.375ZM57.5 55.7675L40 62.33L22.5 55.7675V47.99L34.125 52.35C34.4 52.45 34.7 52.5 35 52.5C35.825 52.5 36.6 52.1 37.075 51.375L40.4 46.425L45.725 51.775C46.45 52.5 47.55 52.7 48.475 52.3L57.5 48.4325V55.7675ZM40 27.51C34.13 27.51 31.06 24.595 30.73 24.2625C29.755 23.2825 29.7575 21.7025 30.7375 20.7275C31.7075 19.7625 33.2725 19.755 34.2475 20.71C34.3725 20.825 36.2575 22.51 40 22.51C43.795 22.51 45.6775 20.78 45.7575 20.7075C46.75 19.7725 48.3275 19.795 49.2775 20.7725C50.2275 21.7525 50.235 23.2975 49.2725 24.2625C48.94 24.595 45.87 27.51 40 27.51ZM35 12.5C34.337 12.5 33.7011 12.7634 33.2322 13.2322C32.7634 13.7011 32.5 14.337 32.5 15C32.5 15.663 32.7634 16.2989 33.2322 16.7678C33.7011 17.2366 34.337 17.5 35 17.5C35.663 17.5 36.2989 17.2366 36.7678 16.7678C37.2366 16.2989 37.5 15.663 37.5 15C37.5 14.337 37.2366 13.7011 36.7678 13.2322C36.2989 12.7634 35.663 12.5 35 12.5ZM45 12.5C44.337 12.5 43.7011 12.7634 43.2322 13.2322C42.7634 13.7011 42.5 14.337 42.5 15C42.5 15.663 42.7634 16.2989 43.2322 16.7678C43.7011 17.2366 44.337 17.5 45 17.5C45.663 17.5 46.2989 17.2366 46.7678 16.7678C47.2366 16.2989 47.5 15.663 47.5 15C47.5 14.337 47.2366 13.7011 46.7678 13.2322C46.2989 12.7634 45.663 12.5 45 12.5Z"\n          fill="white"\n          />']))),FacilityAccess:C(V||(V=l(['\n    <path d="M40 12.5C32.8194 12.5 26.7973 17.6154 25.3076 24.4678L30.1953 25.5322C31.2057 20.8846 35.1806 17.5 40 17.5C45.6905 17.5 50 21.8095 50 27.5V30H25C22.2673 30 20 32.2673 20 35V60C20 62.7327 22.2673 65 25 65H55C57.7327 65 60 62.7327 60 60V35C60 32.2673 57.7327 30 55 30V27.5C55 19.1905 48.3095 12.5 40 12.5ZM25 35H55V60H25V35ZM40 42.5C37.25 42.5 35 44.75 35 47.5C35 50.25 37.25 52.5 40 52.5C42.75 52.5 45 50.25 45 47.5C45 44.75 42.75 42.5 40 42.5Z" fill="white"/>\n  ']))),RemoteHands:C(H||(H=l(['\n    <path d="M42.5 15C41.3225 15 40.3391 15.9002 40.2441 17.0752L40.2051 17.5488C40.1982 17.6313 40.2325 17.7025 40.2344 17.7832C38.2752 18.2388 36.5489 19.2643 35.2197 20.6836C35.1499 20.641 35.1051 20.5727 35.0293 20.5371L34.6045 20.3369C33.5395 19.8344 32.2648 20.23 31.6748 21.25C31.0848 22.27 31.3762 23.5683 32.3438 24.2383L32.7344 24.5117C32.8092 24.5636 32.8953 24.5726 32.9736 24.6143C32.695 25.5335 32.5 26.4898 32.5 27.5C32.5 28.5102 32.695 29.4665 32.9736 30.3857C32.8953 30.4274 32.8092 30.4364 32.7344 30.4883L32.3438 30.7568C31.3762 31.4293 31.0848 32.73 31.6748 33.75C32.2648 34.77 33.5395 35.1656 34.6045 34.6631L35.0293 34.4629C35.1049 34.4272 35.1501 34.359 35.2197 34.3164C36.5479 35.7346 38.2722 36.7607 40.2295 37.2168C40.2275 37.2975 40.1935 37.3687 40.2002 37.4512L40.2441 37.9248C40.3416 39.0998 41.3225 40 42.5 40C43.6775 40 44.6609 39.0998 44.7559 37.9248L44.7949 37.4512C44.8018 37.3687 44.7675 37.2975 44.7656 37.2168C46.7248 36.7612 48.4511 35.7357 49.7803 34.3164C49.8501 34.3591 49.8949 34.4271 49.9707 34.4629L50.3955 34.668C51.4605 35.1705 52.7352 34.7749 53.3252 33.7549C53.9152 32.7349 53.6237 31.4342 52.6562 30.7617L52.2656 30.4883C52.1908 30.4364 52.1047 30.4274 52.0264 30.3857C52.305 29.4665 52.5 28.5102 52.5 27.5C52.5 26.4898 52.305 25.5335 52.0264 24.6143C52.1047 24.5726 52.1908 24.5636 52.2656 24.5117L52.6562 24.2432C53.6237 23.5707 53.9152 22.27 53.3252 21.25C52.7352 20.23 51.4605 19.8344 50.3955 20.3369L49.9707 20.5371C49.8951 20.5728 49.8499 20.641 49.7803 20.6836C48.4521 19.2654 46.7278 18.2393 44.7705 17.7832C44.7725 17.7025 44.8065 17.6313 44.7998 17.5488L44.7559 17.0752C44.6584 15.9002 43.6775 15 42.5 15ZM42.5 23.75C44.57 23.75 46.25 25.43 46.25 27.5C46.25 29.57 44.57 31.25 42.5 31.25C40.43 31.25 38.75 29.57 38.75 27.5C38.75 25.43 40.43 23.75 42.5 23.75ZM61.4648 40C60.5598 40 59.6548 40.3452 58.9648 41.0352L47.5 52.5H37.5C36.81 52.5 36.25 51.94 36.25 51.25C36.25 50.56 36.81 50 37.5 50H42.5C45.2625 50 47.5 47.7625 47.5 45V42.5H31.6406C28.9881 42.5 26.4453 43.5522 24.5703 45.4297L15 55L25 65L30 60H47.9297C49.2547 60 50.5273 59.4727 51.4648 58.5352L63.9648 46.0352C65.3448 44.6552 65.3448 42.4152 63.9648 41.0352C63.2748 40.3452 62.3698 40 61.4648 40Z" fill="white"/>\n  ']))),DeliveriesAndRemovals:C(i||(i=l(['\n    <path d="M10 22.5V27.5H45V37.5V42.5V50H30.5518C29.1791 48.4767 27.2123 47.5 25 47.5C22.7877 47.5 20.8209 48.4767 19.4482 50H17.5V47.5L22.5 42.5H12.5V55H17.5C17.5 59.1425 20.8575 62.5 25 62.5C29.1425 62.5 32.5 59.1425 32.5 55H47.5C47.5 59.1425 50.8575 62.5 55 62.5C59.1425 62.5 62.5 59.1425 62.5 55H65H67.5V42.5L60.6885 28.8818C60.266 28.0343 59.4045 27.5 58.457 27.5H50V22.5H10ZM12.5 32.5V37.5H30V32.5H12.5ZM50 32.5H56.9092L59.4092 37.5H50V32.5ZM50 42.5H61.9092L62.5 43.6816V50H60.5518C59.1791 48.4767 57.2123 47.5 55 47.5C53.0698 47.5 51.3291 48.2506 50 49.4482V42.5ZM25 51.875C26.7225 51.875 28.125 53.2775 28.125 55C28.125 56.7225 26.7225 58.125 25 58.125C23.2775 58.125 21.875 56.7225 21.875 55C21.875 53.2775 23.2775 51.875 25 51.875ZM55 51.875C56.7225 51.875 58.125 53.2775 58.125 55C58.125 56.7225 56.7225 58.125 55 58.125C53.2775 58.125 51.875 56.7225 51.875 55C51.875 53.2775 53.2775 51.875 55 51.875Z" fill="white"/>\n  ']))),TroubleTickets:C(d||(d=l(['\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 15.5156H57.5C60.25 15.5156 62.5 17.625 62.5 20.2031V53.0156C62.5 55.5938 60.25 57.7031 57.5 57.7031H47.5L40 64.7344L32.5 57.7031H22.5C19.725 57.7031 17.5 55.5938 17.5 53.0156V20.2031C17.5 17.625 19.725 15.5156 22.5 15.5156ZM45.425 53.0156H57.5V20.2031H22.5V53.0156H34.575L36.025 54.375L40 58.1016L43.95 54.3984L45.425 53.0156ZM37.5 50.6719V45.9844H42.5V50.6719H37.5ZM45 31.9219C45 29.3438 42.75 27.2344 40 27.2344C37.25 27.2344 35 29.3438 35 31.9219H30C30 26.7422 34.475 22.5469 40 22.5469C45.525 22.5469 50 26.7422 50 31.9219C50 34.9287 48.0249 36.5468 46.1019 38.1224C44.2775 39.617 42.5 41.0733 42.5 43.6406H37.5C37.5 39.372 39.8553 37.6795 41.9261 36.1914C43.5506 35.0241 45 33.9825 45 31.9219Z" fill="white"/>\n'])))},j=C(o||(o=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M44 7.33337C23.76 7.33337 7.33337 23.76 7.33337 44C7.33337 64.24 23.76 80.6667 44 80.6667C64.24 80.6667 80.6667 64.24 80.6667 44C80.6667 23.76 64.24 7.33337 44 7.33337ZM44.0002 73.3335C27.8302 73.3335 14.6668 60.1702 14.6668 44.0002C14.6668 27.8302 27.8302 14.6668 44.0002 14.6668C60.1702 14.6668 73.3335 27.8302 73.3335 44.0002C73.3335 60.1702 60.1702 73.3335 44.0002 73.3335ZM36.6667 51.9569L60.83 27.7935L66 33.0002L36.6667 62.3335L22 47.6669L27.17 42.4969L36.6667 51.9569Z" fill="#4CAF50"/>\n']))),R=C(M||(M=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M43.9999 7.33337C23.7599 7.33337 7.33325 23.76 7.33325 44C7.33325 64.24 23.7599 80.6667 43.9999 80.6667C64.2399 80.6667 80.6666 64.24 80.6666 44C80.6666 23.76 64.2399 7.33337 43.9999 7.33337ZM47.6665 62.3333H40.3332V55H47.6665V62.3333ZM40.3332 47.6668H47.6665V25.6668H40.3332V47.6668Z" fill="#DB0028"/>\n']))),z=C(Z||(Z=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM9 15V13H11V15H9ZM9 5V11H11V5H9Z" fill="#DB0028"/>\n']))),N=C(t||(t=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 2C8.64 2 5.5 5.14 5.5 9C5.5 11.38 6.69 13.47 8.5 14.74V17C8.5 17.55 8.95 18 9.5 18H15.5C16.05 18 16.5 17.55 16.5 17V14.74C18.31 13.47 19.5 11.38 19.5 9C19.5 5.14 16.36 2 12.5 2ZM9.5 21C9.5 21.55 9.95 22 10.5 22H14.5C15.05 22 15.5 21.55 15.5 21V20H9.5V21ZM14.5 13.7L15.35 13.1C16.7 12.16 17.5 10.63 17.5 9C17.5 6.24 15.26 4 12.5 4C9.74 4 7.5 6.24 7.5 9C7.5 10.63 8.3 12.16 9.65 13.1L10.5 13.7V16H14.5V13.7Z" fill="#FF9800"/>\n']))),U=C(p||(p=l(['\n  <path\n  fill-rule="evenodd"\n  clip-rule="evenodd"\n  d="M5 20.5L3.5 22V2L5 3.5L6.5 2L8 3.5L9.5 2L11 3.5L12.5 2L14 3.5L15.5 2L17 3.5L18.5 2L20 3.5L21.5 2V22L20 20.5L18.5 22L17 20.5L15.5 22L14 20.5L12.5 22L11 20.5L9.5 22L8 20.5L6.5 22L5 20.5ZM10.012 13.672L9.34002 16H10.816L11.488 13.672H13.312L12.64 16H14.104L14.776 13.672H16.408V12.496H15.112L15.508 11.104H17.008V9.92798H15.844L16.504 7.59998H15.04L14.368 9.92798H12.556L13.216 7.59998H11.74L11.08 9.92798H9.44802V11.104H10.744L10.348 12.496H8.84802V13.672H10.012Z"\n  fill="#092241"\n  fill-opacity="0.6"\n  />\n']))),q=C(c||(c=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.71 6.13006C21.1 6.52006 21.1 7.15006 20.71 7.54006L18.88 9.37006L15.13 5.62006L16.96 3.79006C17.35 3.40006 17.98 3.40006 18.37 3.79006L20.71 6.13006ZM3 21.5001V17.7501L14.06 6.69006L17.81 10.4401L6.75 21.5001H3Z"/>\n']))),G=C(r||(r=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 4.5H19V6.5H5V4.5H8.5L9.5 3.5H14.5L15.5 4.5ZM8 21.5C6.9 21.5 6 20.6 6 19.5V7.5H18V19.5C18 20.6 17.1 21.5 16 21.5H8Z" fill="#DB0028"/>\n']))),J=C(f||(f=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 4.5H19V6.5H5V4.5H8.5L9.5 3.5H14.5L15.5 4.5ZM8 21.5C6.9 21.5 6 20.6 6 19.5V7.5H18V19.5C18 20.6 17.1 21.5 16 21.5H8Z" fill="#DADADA"/>\n']))),K=C(a||(a=l(['\n<path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 10.21 14.21 12 12 12C9.79 12 8 10.21 8 8C8 5.79 9.79 4 12 4C14.21 4 16 5.79 16 8ZM4 18C4 15.34 9.33 14 12 14C14.67 14 20 15.34 20 18V20H4V18Z" fill="#092241" fill-opacity="0.6" />\n']))),Q=C(v||(v=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 20.5L3 22V2L4.5 3.5L6 2L7.5 3.5L9 2L10.5 3.5L12 2L13.5 3.5L15 2L16.5 3.5L18 2L19.5 3.5L21 2V22L19.5 20.5L18 22L16.5 20.5L15 22L13.5 20.5L12 22L10.5 20.5L9 22L7.5 20.5L6 22L4.5 20.5ZM18 7V9H6V7H18ZM6 11V13H18V11H6ZM6 15V17H18V15H6Z" fill="#092241" fill-opacity="0.6"/>\n']))),W=C(u||(u=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M11 7V3H12C16.97 3 21 7.03 21 12C21 16.97 16.97 21 12 21C7.02 21 3 16.97 3 12C3 9.05 4.42 6.45 6.61 4.81V4.79L13.41 11.59L12 13L6.58 7.58C5.59 8.78 5 10.32 5 12C5 15.87 8.13 19 12 19C15.87 19 19 15.87 19 12C19 8.47 16.39 5.57 13 5.08V7H11ZM12 18C11.45 18 11 17.55 11 17C11 16.45 11.45 16 12 16C12.55 16 13 16.45 13 17C13 17.55 12.55 18 12 18ZM18 12C18 11.45 17.55 11 17 11C16.45 11 16 11.45 16 12C16 12.55 16.45 13 17 13C17.55 13 18 12.55 18 12ZM7 13C6.45 13 6 12.55 6 12C6 11.45 6.45 11 7 11C7.55 11 8 11.45 8 12C8 12.55 7.55 13 7 13Z" fill="#092241" fill-opacity="0.6"/>\n']))),X=C(h||(h=l(['\n  <path d="M3.09814 2L3.09814 1C3.09814 0.447715 3.54586 0 4.09814 0C4.65043 0 5.09814 0.447715 5.09814 1V2H11.0981V1C11.0981 0.447715 11.5459 0 12.0981 0C12.6504 0 13.0981 0.447715 13.0981 1V2H14.0981C15.2027 2 16.0981 2.89543 16.0981 4V7.06189C15.7706 7.02104 15.4368 7 15.0981 7C14.7595 7 14.4257 7.02104 14.0981 7.06189V7H2.09814V16H7.16004C7.24716 16.6986 7.42436 17.3693 7.67966 18H2.09815C0.993576 18 0.0981445 17.1046 0.0981445 16V4C0.0981445 2.89543 0.993575 2 2.09814 2H3.09814Z" fill="#092241" fill-opacity="0.6"/>\n  <path d="M14.0934 21.463V17.6458L11.3942 20.345L9.97995 18.9308L12.6791 16.2316H8.86182V14.2316H12.6793L9.97995 11.5323L11.3942 10.118L14.0934 12.8173V9H16.0934V12.8173L18.7926 10.1181L20.2068 11.5323L17.5076 14.2316H21.3248V16.2316H17.5077L20.2068 18.9307L18.7926 20.3449L16.0934 17.6457V21.463H14.0934Z" fill="#092241" fill-opacity="0.6"/>\n']))),Y=C(I||(I=l(['\n  <path d="M3.09814 1L3.09814 2L2.09814 2C0.993575 2 0.0981444 2.89543 0.0981445 4L0.0981448 16C0.0981442 17.1046 0.993576 18 2.09815 18L7.67966 18C7.42436 17.3693 7.24716 16.6986 7.16004 16H2.09814L2.09814 7L14.0981 7L14.0981 7.06189C14.4257 7.02104 14.7595 7 15.0981 7C15.4368 7 15.7706 7.02104 16.0981 7.06189V4C16.0981 2.89543 15.2027 2 14.0981 2L13.0981 2L13.0981 1C13.0981 0.447715 12.6504 7.93975e-09 12.0981 6.17074e-08C11.5459 1.06137e-07 11.0981 0.447715 11.0981 1L11.0981 2H5.09814V1C5.09814 0.447715 4.65043 -1.97767e-08 4.09814 0C3.54586 1.34924e-07 3.09814 0.447715 3.09814 1Z" fill="#092241" fill-opacity="0.6"/>\n  <path d="M11.7235 12.682C12.6603 11.3418 14.3676 10.6626 16.0384 11.1103C16.9095 11.3437 17.6338 11.8455 18.1495 12.5037L19.7238 11.2701C18.95 10.2826 17.8599 9.52783 16.556 9.17847C13.9727 8.48627 11.3312 9.59006 9.95735 11.7244L9.36365 9.89734L7.46155 10.5154L9.1234 15.6298L14.1021 14.0121L13.4841 12.11L11.7235 12.682Z" fill="#092241" fill-opacity="0.6"/>\n  <path d="M20.9666 19.6147L20.3464 17.7061C19.0871 20.175 16.2349 21.5157 13.4502 20.7696C12.1466 20.4203 11.0566 19.6657 10.2829 18.6785L11.857 17.4447C12.3727 18.1027 13.0969 18.6044 13.9678 18.8377C15.8024 19.3293 17.6809 18.4622 18.5352 16.8533L16.8462 17.4021L16.2282 15.5L21.2068 13.8823L22.8687 18.9967L20.9666 19.6147Z" fill="#092241" fill-opacity="0.6"/>\n']))),_=C(s||(s=l(['\n  <path d="M3.09814 2L3.09814 1C3.09814 0.447715 3.54586 1.34924e-07 4.09814 0C4.65043 9.53706e-08 5.09814 0.447715 5.09814 1L5.09814 2H11.0981L11.0981 1C11.0981 0.447715 11.5459 1.63711e-07 12.0981 1.19281e-07C12.6504 7.27102e-08 13.0981 0.447715 13.0981 1L13.0981 2H14.0981C15.2027 2 16.0981 2.89543 16.0981 4L16.0981 7.06189C15.7706 7.02104 15.4368 7 15.0981 7C14.7595 7 14.4257 7.02104 14.0981 7.06189L14.0981 7L2.09814 7L2.09814 16H7.16004C7.24716 16.6986 7.42436 17.3693 7.67966 18L2.09815 18C0.993576 18 0.0981441 17.1046 0.0981447 16L0.0981445 4C0.0981443 2.89543 0.993575 2 2.09814 2L3.09814 2Z" fill="#092241" fill-opacity="0.6"/>\n  <path d="M12.0526 16.4195L19.7097 8.7044L18.2902 7.29553L12.0526 13.5804L8.7097 10.2122L7.29016 11.6211L12.0526 16.4195Z" fill="#092241" fill-opacity="0.6"/>\n']))),$=C(y||(y=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 17V11H13V17H11ZM11 7V9H13V7H11Z" fill="#1456E0"/>\n']))),C1=C(w||(w=l(['\n<path fill-rule="evenodd" clip-rule="evenodd"  d="M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM13 11V17H11V11H13ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM13 7V9H11V7H13Z" fill="#092241" fill-opacity="0.6"/>\n']))),l1=C(D||(D=l(['\n<path fill-rule="evenodd" clip-rule="evenodd" d="M3.33329 3.3335H16.6666C17.5833 3.3335 18.3333 4.0835 18.3333 5.00016V15.0002C18.3333 15.9168 17.5833 16.6668 16.6666 16.6668H3.33329C2.41663 16.6668 1.66663 15.9168 1.66663 15.0002L1.67496 5.00016C1.67496 4.0835 2.41663 3.3335 3.33329 3.3335ZM9.99996 10.8335L16.6666 6.66683V5.00016L9.99996 9.16683L3.33329 5.00016V6.66683L9.99996 10.8335Z" fill="#1456E0"/>\n']))),L1=C(m||(m=l(['\n<path d="M5.51667 8.99167C6.71667 11.35 8.65 13.275 11.0083 14.4833L12.8417 12.65C13.0667 12.425 13.4 12.35 13.6917 12.45C14.625 12.7583 15.6333 12.925 16.6667 12.925C17.125 12.925 17.5 13.3 17.5 13.7583V16.6667C17.5 17.125 17.125 17.5 16.6667 17.5C8.84167 17.5 2.5 11.1583 2.5 3.33333C2.5 2.875 2.875 2.5 3.33333 2.5H6.25C6.70833 2.5 7.08333 2.875 7.08333 3.33333C7.08333 4.375 7.25 5.375 7.55833 6.30833C7.65 6.6 7.58333 6.925 7.35 7.15833L5.51667 8.99167Z" fill="#1456E0"/>\n']))),e1=C(g||(g=l(['\n<path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="#071454"/>\n<path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="white" fill-opacity="0.08"/>\n']))),n1=C(k||(k=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M18 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM9.5 5C8.12 5 7 6.12 7 7.5C7 8.88 8.12 10 9.5 10C10.88 10 12 8.88 12 7.5C12 6.12 10.88 5 9.5 5ZM11.88 11.3L14.79 14.21L16.21 12.79L13.3 9.89C13.74 9.19 14 8.38 14 7.5C14 5.01 11.99 3 9.5 3C7.01 3 5 5.01 5 7.5C5 9.99 7.01 12 9.49 12C10.37 12 11.19 11.74 11.88 11.3Z" fill="#092241" fill-opacity="0.6"/>\n']))),V1=C(E||(E=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M10 6H14L7 13L0 6H4V0H10V6ZM0 17V15H14V17H0Z" fill="#092241" fill-opacity="0.6"/>\n']))),H1=C(F||(F=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M13 7.1001H14C15.1 7.1001 16 8.0001 16 9.1001V19.1001C16 20.2001 15.1 21.1001 14 21.1001H2C0.9 21.1001 0 20.2001 0 19.1001V9.1001C0 8.0001 0.9 7.1001 2 7.1001H3V5.1001C3 2.3401 5.24 0.100098 8 0.100098C10.76 0.100098 13 2.3401 13 5.1001V7.1001ZM8 2.1001C6.34 2.1001 5 3.4401 5 5.1001V7.1001H11V5.1001C11 3.4401 9.66 2.1001 8 2.1001ZM2 19.1001V9.1001H14V19.1001H2ZM10 14.1001C10 15.2001 9.1 16.1001 8 16.1001C6.9 16.1001 6 15.2001 6 14.1001C6 13.0001 6.9 12.1001 8 12.1001C9.1 12.1001 10 13.0001 10 14.1001Z"/>\n']))),i1=C(b||(b=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7.7002H13.5V5.7002C13.5 2.9402 11.26 0.700195 8.5 0.700195C5.74 0.700195 3.5 2.9402 3.5 5.7002H5.5C5.5 4.0402 6.84 2.7002 8.5 2.7002C10.16 2.7002 11.5 4.0402 11.5 5.7002V7.7002H2.5C1.4 7.7002 0.5 8.6002 0.5 9.7002V19.7002C0.5 20.8002 1.4 21.7002 2.5 21.7002H14.5C15.6 21.7002 16.5 20.8002 16.5 19.7002V9.7002C16.5 8.6002 15.6 7.7002 14.5 7.7002ZM2.5 19.7002V9.7002H14.5V19.7002H2.5ZM10.5 14.7002C10.5 15.8002 9.6 16.7002 8.5 16.7002C7.4 16.7002 6.5 15.8002 6.5 14.7002C6.5 13.6002 7.4 12.7002 8.5 12.7002C9.6 12.7002 10.5 13.6002 10.5 14.7002Z"/>\n']))),d1=C(A||(A=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M14 7H13V5C13 2.24 10.76 0 8 0C5.24 0 3 2.24 3 5V7H2C0.9 7 0 7.9 0 9V19C0 20.1 0.9 21 2 21H14C15.1 21 16 20.1 16 19V9C16 7.9 15.1 7 14 7ZM8 16C6.9 16 6 15.1 6 14C6 12.9 6.9 12 8 12C9.1 12 10 12.9 10 14C10 15.1 9.1 16 8 16ZM5 5V7H11V5C11 3.34 9.66 2 8 2C6.34 2 5 3.34 5 5Z"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M14 7H13V5C13 2.24 10.76 0 8 0C5.24 0 3 2.24 3 5V7H2C0.9 7 0 7.9 0 9V19C0 20.1 0.9 21 2 21H14C15.1 21 16 20.1 16 19V9C16 7.9 15.1 7 14 7ZM8 16C6.9 16 6 15.1 6 14C6 12.9 6.9 12 8 12C9.1 12 10 12.9 10 14C10 15.1 9.1 16 8 16ZM5 5V7H11V5C11 3.34 9.66 2 8 2C6.34 2 5 3.34 5 5Z" fill="white" fill-opacity="0.08"/>\n']))),o1=C(O||(O=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M13 7.1001H14C15.1 7.1001 16 8.0001 16 9.1001V19.1001C16 20.2001 15.1 21.1001 14 21.1001H2C0.9 21.1001 0 20.2001 0 19.1001V9.1001C0 8.0001 0.9 7.1001 2 7.1001H11V5.1001C11 3.4401 9.66 2.1001 8 2.1001C6.34 2.1001 5 3.4401 5 5.1001H3C3 2.3401 5.24 0.100098 8 0.100098C10.76 0.100098 13 2.3401 13 5.1001V7.1001ZM10 14.1001C10 15.2001 9.1 16.1001 8 16.1001C6.9 16.1001 6 15.2001 6 14.1001C6 13.0001 6.9 12.1001 8 12.1001C9.1 12.1001 10 13.0001 10 14.1001Z" fill="white"/>\n']))),M1=C(B||(B=l(['\n  <svg class="m-auto" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">\n    <path\n      fill-rule="evenodd"\n      clip-rule="evenodd"\n      d="M19.9805 7.62939e-06C8.94049 7.62939e-06 0.000488281 8.96001 0.000488281 20C0.000488281 31.04 8.94049 40 19.9805 40C31.0405 40 40.0005 31.04 40.0005 20C40.0005 8.96001 31.0405 7.62939e-06 19.9805 7.62939e-06ZM22 10H18V22H22V10ZM22 26H18V30H22V26ZM4.00078 20C4.00078 28.84 11.1608 36 20.0008 36C28.8408 36 36.0008 28.84 36.0008 20C36.0008 11.16 28.8408 4.00001 20.0008 4.00001C11.1608 4.00001 4.00078 11.16 4.00078 20Z"\n      fill="#FF9800"\n    />\n  </svg>\n']))),Z1=C(P||(P=l(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M2.66675 0.908447C3.03341 0.908447 3.33341 1.20845 3.33341 1.57511V4.24178H4.66675V8.24178H0.666748V4.24178H2.00008V1.57511C2.00008 1.20845 2.30008 0.908447 2.66675 0.908447ZM7.33342 12.7884C6.56008 12.5084 6.00008 11.7751 6.00008 10.9084V9.57511H10.0001V10.9084C10.0001 11.7818 9.44008 12.5151 8.66675 12.7884V15.5751H7.33342V12.7884ZM0.666748 10.9084C0.666748 11.7751 1.22675 12.5084 2.00008 12.7884V15.5751H3.33341V12.7884C4.10675 12.5084 4.66675 11.7751 4.66675 10.9084V9.57511H0.666748V10.9084ZM14.0001 1.57511V4.24178H15.3334V8.24178H11.3334V4.24178H12.6667V1.57511C12.6667 1.20845 12.9667 0.908447 13.3334 0.908447C13.7001 0.908447 14.0001 1.20845 14.0001 1.57511ZM8.66675 1.57511C8.66675 1.20845 8.36675 0.908447 8.00008 0.908447C7.63341 0.908447 7.33342 1.20845 7.33342 1.57511V4.24178H6.00008V8.24178H10.0001V4.24178H8.66675V1.57511ZM12.6667 12.7884C11.8934 12.5084 11.3334 11.7751 11.3334 10.9084V9.57511H15.3334V10.9084C15.3334 11.7818 14.7734 12.5151 14.0001 12.7884V15.5751H12.6667V12.7884Z"/>\n'])));export{j as CheckCircleOutlineIcon,_ as CheckedDateIcon,Z1 as CircuitIcon,X as CreateDateIcon,e1 as CrossIcon,G as DeleteIcon,J as DeleteIconDisabled,Q as DocumentIcon,V1 as DownloadIcon,q as EditIcon,l1 as EmailIcon,R as ErrorCircleIcon,z as ErrorIcon,M1 as ErrorMessageIcon,$ as InfoIcon,C1 as InfoIconOutlined,N as LightBulbIcon,H1 as LockIcon,d1 as LockIconFilled,i1 as LockOpen,o1 as LockOpenFilled,U as NumberIcon,K as PersonIcon,L1 as PhoneIcon,n1 as PreviewIcon,S as ServiceTicketTypeIcons,W as StatusIcon,Y as UpdatedDateIcon};

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

@@ -0,0 +1 @@
+import{__decorate as c}from"tslib";import{LitElement as f,html as s,nothing as d}from"lit";import{property as x,customElement as g}from"lit/decorators.js";import{ServiceTicketsStyles as y}from"../../styles/ui-service-management5.js";var p=Object.freeze,E=Object.defineProperty,a=(e,n)=>p(E(e,"raw",{value:p(n||e.slice())})),m,v,u,h,l;let r=l=class extends f{constructor(){super(...arguments),this.items=void 0}static handleMouseOver(e,n,o=!1){let i=!0;if(o){const t=e.target;i=t.offsetWidth<t.scrollWidth}i&&document.dispatchEvent(new CustomEvent("show-tooltip",{detail:{target:e.composedPath()[0],placement:"bottom-start",tooltip:s(v||(v=a([' <div\n              class="tooltip-container"\n              style="background-color: #092241; \n                                      font-size: 12px;\n                                      color: rgb(255, 255, 255);\n                                      text-align: left;\n                                      padding: 5px 8px 5px 8px;\n                                      border-radius: 3px;\n                                      max-height: 500px;\n                                      overflow:hidden;\n                                      display: flex;\n                                      flex-direction: column;"\n            >\n              ',"\n            </div>"])),n==null?void 0:n.map(t=>s(m||(m=a(["<span>","</span>"])),t)))}}))}static handleMouseOut(){document.dispatchEvent(new CustomEvent("hide-tooltip"))}static renderSiteLocationCellElement(e,n,o,i=!1){return s(u||(u=a(["\n      <div\n        class=","\n        @mouseover=","\n        @mouseout=","\n      >\n        ","\n      </div>\n    "])),o,t=>l.handleMouseOver(t,n,i),l.handleMouseOut,e)}render(){var e;let n,o,i;const t=(e=this.items)===null||e===void 0?void 0:e.sort();if(t!==void 0&&t.length>0)[n]=t,t.length>1&&(o="+".concat(t.length-1),i=t.slice(1));else return d;return s(h||(h=a([' <div class="site-location-cell">\n      ',"\n      ","\n    </div>"])),l.renderSiteLocationCellElement(n,[n],"site-location-cell__primary-text",!0),o!==void 0?l.renderSiteLocationCellElement(o,i,"site-location-cell__additional-text"):d)}};r.styles=[y],c([x({type:Array})],r.prototype,"items",void 0),r=l=c([g("site-location-cell")],r);export{r as SiteLocationCell};

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

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{LitElement as a,html as n}from"lit";import{customElement as l}from"lit/decorators.js";import{ServiceTicketsStyles as m}from"../../styles/ui-service-management5.js";import{ErrorMessageIcon as p}from"./ui-service-management11.js";import{TWStyles as c}from"../../ui-service-management2.js";var t=Object.freeze,v=Object.defineProperty,d=(e,i)=>t(v(e,"raw",{value:t(i||e.slice())})),o;const f=window.globalConfig;let r=class extends a{constructor(){super(...arguments),this.supportEmail=f["SM:GlobalPortalSupportEmail"]}render(){return n(o||(o=d(['\n      <div class="text-center mt-[90px]">\n        ','\n        <div class="error-text">\n          <slot>\n            <div>We are unable to display the relevant ticket information.</div>\n            <div>\n              Please, reach out to us via\n              <a href="mailto:','">',"</a>\n              for further assistance.\n            </div>\n          </slot>\n        </div>\n      </div>\n    "])),p,this.supportEmail,this.supportEmail)}};r.styles=[m,c],r=s([l("sm-error")],r);export{r as SmError};