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

package/dist/api/trouble-tickets-api/apis/ui-service-management.js

@@ -0,0 +1 @@
+import{BaseAPI as l,RequiredError as o,JSONApiResponse as s,BlobApiResponse as d}from"../ui-service-management.js";import{CancellationTicketsRequestToJSON as T}from"../models/ui-service-management.js";import{CancellationTicketsResponseFromJSON as k}from"../models/ui-service-management2.js";import{CategoriesListResponseFromJSON as h}from"../models/ui-service-management3.js";import{CreateTroubleTicketComment201ResponseFromJSON as m}from"../models/ui-service-management5.js";import{TicketAttachmentsListResponseFromJSON as w}from"../models/ui-service-management6.js";import{TicketAttachmentsResponseFromJSON as p}from"../models/ui-service-management7.js";import{TicketCommentsRequestToJSON as b}from"../models/ui-service-management8.js";import{TroubleTicketRequestToJSON as f}from"../models/ui-service-management10.js";import{TroubleTicketResponseFromJSON as u}from"../models/ui-service-management11.js";import{TroubleTicketUpdateRequestToJSON as g}from"../models/ui-service-management12.js";import{TroubleTicketsResponseFromJSON as R}from"../models/ui-service-management13.js";class q extends l{async cancellationTroubleTicketRequestRaw(e,t){if(e.ticketId===null||e.ticketId===void 0)throw new o("ticketId","Required parameter requestParameters.ticketId was null or undefined when calling cancellationTroubleTicketRequest.");if(e.cancellationTicketsRequest===null||e.cancellationTicketsRequest===void 0)throw new o("cancellationTicketsRequest","Required parameter requestParameters.cancellationTicketsRequest was null or undefined when calling cancellationTroubleTicketRequest.");const r={},a={};if(a["Content-Type"]="application/json",this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/{ticket_id}/cancel".replace("{ticket_id}",encodeURIComponent(String(e.ticketId))),method:"PUT",headers:a,query:r,body:T(e.cancellationTicketsRequest)},t);return new s(c,i=>k(i))}async cancellationTroubleTicketRequest(e,t){return await(await this.cancellationTroubleTicketRequestRaw(e,t)).value()}async createTroubleTicketAttachmentRaw(e,t){if(e.ticketId===null||e.ticketId===void 0)throw new o("ticketId","Required parameter requestParameters.ticketId was null or undefined when calling createTroubleTicketAttachment.");if(e.fileName===null||e.fileName===void 0)throw new o("fileName","Required parameter requestParameters.fileName was null or undefined when calling createTroubleTicketAttachment.");if(e.body===null||e.body===void 0)throw new o("body","Required parameter requestParameters.body was null or undefined when calling createTroubleTicketAttachment.");const r={};e.fileName!==void 0&&(r.file_name=e.fileName);const a={};if(a["Content-Type"]="image/jpeg",this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/{ticket_id}/attachments/file".replace("{ticket_id}",encodeURIComponent(String(e.ticketId))),method:"POST",headers:a,query:r,body:e.body},t);return new s(c,i=>p(i))}async createTroubleTicketAttachment(e,t){return await(await this.createTroubleTicketAttachmentRaw(e,t)).value()}async createTroubleTicketCommentRaw(e,t){if(e.ticketId===null||e.ticketId===void 0)throw new o("ticketId","Required parameter requestParameters.ticketId was null or undefined when calling createTroubleTicketComment.");if(e.ticketCommentsRequest===null||e.ticketCommentsRequest===void 0)throw new o("ticketCommentsRequest","Required parameter requestParameters.ticketCommentsRequest was null or undefined when calling createTroubleTicketComment.");const r={},a={};if(a["Content-Type"]="application/json",this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/{ticket_id}/comments".replace("{ticket_id}",encodeURIComponent(String(e.ticketId))),method:"POST",headers:a,query:r,body:b(e.ticketCommentsRequest)},t);return new s(c,i=>m(i))}async createTroubleTicketComment(e,t){return await(await this.createTroubleTicketCommentRaw(e,t)).value()}async createTroubleTicketTicketRaw(e,t){if(e.troubleTicketRequest===null||e.troubleTicketRequest===void 0)throw new o("troubleTicketRequest","Required parameter requestParameters.troubleTicketRequest was null or undefined when calling createTroubleTicketTicket.");const r={},a={};if(a["Content-Type"]="application/json",this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets",method:"POST",headers:a,query:r,body:f(e.troubleTicketRequest)},t);return new s(c,i=>u(i))}async createTroubleTicketTicket(e,t){return await(await this.createTroubleTicketTicketRaw(e,t)).value()}async getTroubleTicketAttachmentsByIdRaw(e,t){if(e.ticketId===null||e.ticketId===void 0)throw new o("ticketId","Required parameter requestParameters.ticketId was null or undefined when calling getTroubleTicketAttachmentsById.");if(e.attachmentId===null||e.attachmentId===void 0)throw new o("attachmentId","Required parameter requestParameters.attachmentId was null or undefined when calling getTroubleTicketAttachmentsById.");const r={},a={};if(this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/{ticket_id}/attachments/file/{attachment_id}".replace("{ticket_id}",encodeURIComponent(String(e.ticketId))).replace("{attachment_id}",encodeURIComponent(String(e.attachmentId))),method:"GET",headers:a,query:r},t);return new d(c)}async getTroubleTicketAttachmentsById(e,t){return await(await this.getTroubleTicketAttachmentsByIdRaw(e,t)).value()}async getTroubleTicketAttachmentsListRaw(e,t){if(e.ticketId===null||e.ticketId===void 0)throw new o("ticketId","Required parameter requestParameters.ticketId was null or undefined when calling getTroubleTicketAttachmentsList.");const r={},a={};if(this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/{ticket_id}/attachments".replace("{ticket_id}",encodeURIComponent(String(e.ticketId))),method:"GET",headers:a,query:r},t);return new s(c,i=>w(i))}async getTroubleTicketAttachmentsList(e,t){return await(await this.getTroubleTicketAttachmentsListRaw(e,t)).value()}async getTroubleTicketTicketByIdRaw(e,t){if(e.ticketId===null||e.ticketId===void 0)throw new o("ticketId","Required parameter requestParameters.ticketId was null or undefined when calling getTroubleTicketTicketById.");const r={},a={};if(this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/{ticket_id}".replace("{ticket_id}",encodeURIComponent(String(e.ticketId))),method:"GET",headers:a,query:r},t);return new s(c,i=>u(i))}async getTroubleTicketTicketById(e,t){return await(await this.getTroubleTicketTicketByIdRaw(e,t)).value()}async getTroubleTicketTicketsRaw(e,t){const r={};e.accountNumber!==void 0&&(r.account_number=e.accountNumber),e.site!==void 0&&(r.site=e.site),e.status!==void 0&&(r.status=e.status),e.createdBy!==void 0&&(r.created_by=e.createdBy),e.sort!==void 0&&(r.sort=e.sort),e.pageNumber!==void 0&&(r.page_number=e.pageNumber),e.pageSize!==void 0&&(r.page_size=e.pageSize);const a={},c=await this.request({path:"/trouble-tickets",method:"GET",headers:a,query:r},t);return new s(c,i=>R(i))}async getTroubleTicketTickets(e={},t){return await(await this.getTroubleTicketTicketsRaw(e,t)).value()}async getTroubleTicketsCategoriesListRaw(e,t){if(e.site===null||e.site===void 0)throw new o("site","Required parameter requestParameters.site was null or undefined when calling getTroubleTicketsCategoriesList.");const r={};e.site!==void 0&&(r.site=e.site);const a={};if(this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/categories",method:"GET",headers:a,query:r},t);return new s(c,i=>h(i))}async getTroubleTicketsCategoriesList(e,t){return await(await this.getTroubleTicketsCategoriesListRaw(e,t)).value()}async updateTroubleTicketTicketRaw(e,t){if(e.ticketId===null||e.ticketId===void 0)throw new o("ticketId","Required parameter requestParameters.ticketId was null or undefined when calling updateTroubleTicketTicket.");if(e.troubleTicketUpdateRequest===null||e.troubleTicketUpdateRequest===void 0)throw new o("troubleTicketUpdateRequest","Required parameter requestParameters.troubleTicketUpdateRequest was null or undefined when calling updateTroubleTicketTicket.");const r={},a={};if(a["Content-Type"]="application/merge-patch+json",this.configuration&&this.configuration.accessToken){const i=this.configuration.accessToken,n=await i("BearerAuth",[]);n&&(a.Authorization="Bearer ".concat(n))}const c=await this.request({path:"/trouble-tickets/{ticket_id}".replace("{ticket_id}",encodeURIComponent(String(e.ticketId))),method:"PATCH",headers:a,query:r,body:g(e.troubleTicketUpdateRequest)},t);return new s(c,i=>u(i))}async updateTroubleTicketTicket(e,t){return await(await this.updateTroubleTicketTicketRaw(e,t)).value()}}export{q as TroubleTicketsApi};

package/dist/api/trouble-tickets-api/models/ui-service-management.js

@@ -0,0 +1 @@
+function e(n){if(n!==void 0)return n===null?null:{cancellationReason:n.cancellationReason}}export{e as CancellationTicketsRequestToJSON};

package/dist/api/trouble-tickets-api/models/ui-service-management10.js

@@ -0,0 +1 @@
+import"../ui-service-management.js";function c(t){if(t!==void 0)return t===null?null:{account_number:t.accountNumber,subject:t.subject,request_type:t.requestType,category:t.category,locations:t.locations,circuit_id:t.circuitId,customer_reference:t.customerReference,description:t.description,notification_recipients:t.notificationRecipients}}export{c as TroubleTicketRequestToJSON};

package/dist/api/trouble-tickets-api/models/ui-service-management11.js

@@ -0,0 +1 @@
+import{exists as o}from"../ui-service-management.js";import{TicketCommentsResponseFromJSON as c}from"./ui-service-management9.js";function e(t){return i(t)}function i(t,n){return t==null?t:{ticketNumber:o(t,"ticket_number")?t.ticket_number:void 0,accountNumber:o(t,"account_number")?t.account_number:void 0,accountName:o(t,"account_name")?t.account_name:void 0,id:o(t,"id")?t.id:void 0,status:o(t,"status")?t.status:void 0,cancellationReason:o(t,"cancellation_reason")?t.cancellation_reason:void 0,subject:o(t,"subject")?t.subject:void 0,requestType:o(t,"request_type")?t.request_type:void 0,category:o(t,"category")?t.category:void 0,site:o(t,"site")?t.site:void 0,locations:o(t,"locations")?t.locations:void 0,circuitId:o(t,"circuit_id")?t.circuit_id:void 0,customerReference:o(t,"customer_reference")?t.customer_reference:void 0,description:o(t,"description")?t.description:void 0,notificationRecipients:o(t,"notification_recipients")?t.notification_recipients:void 0,createdBy:o(t,"created_by")?t.created_by:void 0,createdAt:o(t,"created_at")?new Date(t.created_at):void 0,updatedAt:o(t,"updated_at")?new Date(t.updated_at):void 0,closedAt:o(t,"closed_at")?t.closed_at===null?null:new Date(t.closed_at):void 0,comments:o(t,"comments")?t.comments.map(c):void 0}}export{e as TroubleTicketResponseFromJSON,i as TroubleTicketResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management12.js

@@ -0,0 +1 @@
+import"../ui-service-management.js";function t(i){if(i!==void 0)return i===null?null:{subject:i.subject,description:i.description,circuit_id:i.circuitId,customer_reference:i.customerReference,other_notification_recipients:i.otherNotificationRecipients}}export{t as TroubleTicketUpdateRequestToJSON};

package/dist/api/trouble-tickets-api/models/ui-service-management13.js

@@ -0,0 +1 @@
+import{exists as e}from"../ui-service-management.js";import{TroubleTicketsResponseItemsInnerFromJSON as r}from"./ui-service-management14.js";function i(o){return t(o)}function t(o,n){return o==null?o:{items:e(o,"items")?o.items.map(r):void 0,totalCount:e(o,"total_count")?o.total_count:void 0,pageNumber:e(o,"page_number")?o.page_number:void 0,pageSize:e(o,"page_size")?o.page_size:void 0}}export{i as TroubleTicketsResponseFromJSON,t as TroubleTicketsResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management14.js

@@ -0,0 +1 @@
+import{exists as o}from"../ui-service-management.js";function d(t){return c(t)}function c(t,n){return t==null?t:{accountNumber:o(t,"account_number")?t.account_number:void 0,accountName:o(t,"account_name")?t.account_name:void 0,id:o(t,"id")?t.id:void 0,status:o(t,"status")?t.status:void 0,subject:o(t,"subject")?t.subject:void 0,site:o(t,"site")?t.site:void 0,locations:o(t,"locations")?t.locations:void 0,description:o(t,"description")?t.description:void 0,createdBy:o(t,"created_by")?t.created_by:void 0,createdAt:o(t,"created_at")?new Date(t.created_at):void 0,updatedAt:o(t,"updated_at")?new Date(t.updated_at):void 0,closedAt:o(t,"closed_at")?t.closed_at===null?null:new Date(t.closed_at):void 0}}export{d as TroubleTicketsResponseItemsInnerFromJSON,c as TroubleTicketsResponseItemsInnerFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management2.js

@@ -0,0 +1 @@
+import{exists as s}from"../ui-service-management.js";function o(e){return n(e)}function n(e,t){return e==null?e:{message:s(e,"message")?e.message:void 0}}export{o as CancellationTicketsResponseFromJSON,n as CancellationTicketsResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management3.js

@@ -0,0 +1 @@
+import{exists as t}from"../ui-service-management.js";import{CategoriesListResponseItemsInnerFromJSON as o}from"./ui-service-management4.js";function r(e){return s(e)}function s(e,i){return e==null?e:{items:t(e,"items")?e.items.map(o):void 0}}export{r as CategoriesListResponseFromJSON,s as CategoriesListResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management4.js

@@ -0,0 +1 @@
+import{exists as t}from"../ui-service-management.js";function s(e){return r(e)}function r(e,o){return e==null?e:{requestType:t(e,"request_type")?e.request_type:void 0,categories:t(e,"categories")?e.categories:void 0}}export{s as CategoriesListResponseItemsInnerFromJSON,r as CategoriesListResponseItemsInnerFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management5.js

@@ -0,0 +1 @@
+import{exists as m}from"../ui-service-management.js";import{TicketCommentsResponseFromJSON as t}from"./ui-service-management9.js";function n(e){return o(e)}function o(e,r){return e==null?e:{comments:m(e,"comments")?e.comments.map(t):void 0}}export{n as CreateTroubleTicketComment201ResponseFromJSON,o as CreateTroubleTicketComment201ResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management6.js

@@ -0,0 +1 @@
+import{exists as n}from"../ui-service-management.js";import{TicketAttachmentsResponseFromJSON as s}from"./ui-service-management7.js";function m(t){return e(t)}function e(t,o){return t==null?t:{attachments:n(t,"attachments")?t.attachments.map(s):void 0}}export{m as TicketAttachmentsListResponseFromJSON,e as TicketAttachmentsListResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management7.js

@@ -0,0 +1 @@
+import{exists as e}from"../ui-service-management.js";function n(t){return i(t)}function i(t,o){return t==null?t:{id:e(t,"id")?t.id:void 0,fileName:e(t,"file_name")?t.file_name:void 0,fileSize:e(t,"file_size")?t.file_size:void 0,contentType:e(t,"content_type")?t.content_type:void 0,createdBy:e(t,"created_by")?t.created_by:void 0,createdAt:e(t,"created_at")?new Date(t.created_at):void 0}}export{n as TicketAttachmentsResponseFromJSON,i as TicketAttachmentsResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/models/ui-service-management8.js

@@ -0,0 +1 @@
+function t(n){if(n!==void 0)return n===null?null:{comment:n.comment}}export{t as TicketCommentsRequestToJSON};

package/dist/api/trouble-tickets-api/models/ui-service-management9.js

@@ -0,0 +1 @@
+import{exists as e}from"../ui-service-management.js";function n(t){return o(t)}function o(t,r){return t==null?t:{createdBy:e(t,"created_by")?t.created_by:void 0,createdAt:e(t,"created_at")?new Date(t.created_at):void 0,comment:e(t,"comment")?t.comment:void 0}}export{n as TicketCommentsResponseFromJSON,o as TicketCommentsResponseFromJSONTyped};

package/dist/api/trouble-tickets-api/ui-service-management.js

@@ -0,0 +1 @@
+const d="http://localhost".replace(/\/+$/,"");class l{constructor(t={}){this.configuration=t}set config(t){this.configuration=t}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:d}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||h}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const t=this.configuration.apiKey;if(t)return typeof t=="function"?t:()=>t}get accessToken(){const t=this.configuration.accessToken;if(t)return typeof t=="function"?t:async()=>t}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const p=new l;class u{constructor(t=p){this.configuration=t,this.fetchApi=async(e,i)=>{let n={url:e,init:i};for(const s of this.middleware)s.pre&&(n=await s.pre({fetch:this.fetchApi,...n})||n);let r;try{r=await(this.configuration.fetchApi||fetch)(n.url,n.init)}catch(s){for(const a of this.middleware)a.onError&&(r=await a.onError({fetch:this.fetchApi,url:n.url,init:n.init,error:s,response:r?r.clone():void 0})||r);if(r===void 0)throw s instanceof Error?new w(s,"The request failed and the interceptors did not return an alternative response"):s}for(const s of this.middleware)s.post&&(r=await s.post({fetch:this.fetchApi,url:n.url,init:n.init,response:r.clone()})||r);return r},this.middleware=t.middleware}withMiddleware(...t){const e=this.clone();return e.middleware=e.middleware.concat(...t),e}withPreMiddleware(...t){const e=t.map(i=>({pre:i}));return this.withMiddleware(...e)}withPostMiddleware(...t){const e=t.map(i=>({post:i}));return this.withMiddleware(...e)}isJsonMime(t){return t?u.jsonRegex.test(t):!1}async request(t,e){const{url:i,init:n}=await this.createFetchParams(t,e),r=await this.fetchApi(i,n);if(r&&r.status>=200&&r.status<300)return r;throw new g(r,"Response returned an error code")}async createFetchParams(t,e){let i=this.configuration.basePath+t.path;t.query!==void 0&&Object.keys(t.query).length!==0&&(i+="?"+this.configuration.queryParamsStringify(t.query));const n=Object.assign({},this.configuration.headers,t.headers);Object.keys(n).forEach(f=>n[f]===void 0?delete n[f]:{});const r=typeof e=="function"?e:async()=>e,s={method:t.method,headers:n,body:t.body,credentials:this.configuration.credentials},a={...s,...await r({init:s,context:t})};let c;R(a.body)||a.body instanceof URLSearchParams||b(a.body)?c=a.body:this.isJsonMime(n["Content-Type"])?c=JSON.stringify(a.body):c=a.body;const y={...a,body:c};return{url:i,init:y}}clone(){const t=this.constructor,e=new t(this.configuration);return e.middleware=this.middleware.slice(),e}}u.jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");function b(o){return typeof Blob<"u"&&o instanceof Blob}function R(o){return typeof FormData<"u"&&o instanceof FormData}class g extends Error{constructor(t,e){super(e),this.response=t,this.name="ResponseError"}}class w extends Error{constructor(t,e){super(e),this.cause=t,this.name="FetchError"}}class E extends Error{constructor(t,e){super(e),this.field=t,this.name="RequiredError"}}function A(o,t){return o[t]!=null}function h(o,t=""){return Object.keys(o).map(e=>m(e,o[e],t)).filter(e=>e.length>0).join("&")}function m(o,t,e=""){const i=e+(e.length?"[".concat(o,"]"):o);if(t instanceof Array){const n=t.map(r=>encodeURIComponent(String(r))).join("&".concat(encodeURIComponent(i),"="));return"".concat(encodeURIComponent(i),"=").concat(n)}if(t instanceof Set){const n=Array.from(t);return m(o,n,e)}return t instanceof Date?"".concat(encodeURIComponent(i),"=").concat(encodeURIComponent(t.toISOString())):t instanceof Object?h(t,i):"".concat(encodeURIComponent(i),"=").concat(encodeURIComponent(String(t)))}class P{constructor(t,e=i=>i){this.raw=t,this.transformer=e}async value(){return this.transformer(await this.raw.json())}}class j{constructor(t){this.raw=t}async value(){return await this.raw.blob()}}export{d as BASE_PATH,u as BaseAPI,j as BlobApiResponse,l as Configuration,p as DefaultConfig,w as FetchError,P as JSONApiResponse,E as RequiredError,g as ResponseError,A as exists,h as querystring};

package/dist/api/user-management-api/apis/ui-service-management.js

@@ -0,0 +1 @@
+import{BaseAPI as r,JSONApiResponse as o}from"../ui-service-management.js";import{PermissionFromJSON as c}from"../models/ui-service-management.js";import{PermissionAssignmentFromJSON as u}from"../models/ui-service-management2.js";class m extends r{async getPermissionsRaw(s){const i={},e={};this.configuration&&this.configuration.accessToken&&(e.Authorization=await this.configuration.accessToken("oAuth2",[]));const t=await this.request({path:"/permissions",method:"GET",headers:e,query:i},s);return new o(t,n=>n.map(c))}async getPermissions(s){return await(await this.getPermissionsRaw(s)).value()}async getUserPermissionsRaw(s,i){const e={};s.excludeSiblings!==void 0&&(e.exclude_siblings=s.excludeSiblings),s.excludeParents!==void 0&&(e.exclude_parents=s.excludeParents);const t={};this.configuration&&this.configuration.accessToken&&(t.Authorization=await this.configuration.accessToken("oAuth2",[]));const n=await this.request({path:"/my-permissions",method:"GET",headers:t,query:e},i);return new o(n,a=>a.map(u))}async getUserPermissions(s={},i){return await(await this.getUserPermissionsRaw(s,i)).value()}}export{m as PermissionsApi};

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

@@ -0,0 +1 @@
+import{exists as e}from"../ui-service-management.js";function r(n){return o(n)}function o(n,i){return n==null?n:{id:n.id,name:n.name,isNonLocation:n.is_non_location,category:e(n,"category")?n.category:void 0,privileges:n.privileges,isInternal:n.is_internal}}export{r as PermissionFromJSON,o as PermissionFromJSONTyped};

package/dist/api/user-management-api/models/ui-service-management2.js

@@ -0,0 +1 @@
+import{exists as o}from"../ui-service-management.js";function e(i){return n(i)}function n(i,s){return i==null?i:{accountNumber:i.account_number,permissionName:i.permission_name,privilege:i.privilege,isNonLocation:o(i,"is_non_location")?i.is_non_location:void 0,permissionIsInternal:i.permission_is_internal}}export{e as PermissionAssignmentFromJSON,n as PermissionAssignmentFromJSONTyped};

package/dist/api/user-management-api/ui-service-management.js

@@ -0,0 +1 @@
+const d="http://localhost".replace(/\/+$/,"");class l{constructor(t={}){this.configuration=t}set config(t){this.configuration=t}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:d}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||h}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const t=this.configuration.apiKey;if(t)return typeof t=="function"?t:()=>t}get accessToken(){const t=this.configuration.accessToken;if(t)return typeof t=="function"?t:async()=>t}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const p=new l;class u{constructor(t=p){this.configuration=t,this.fetchApi=async(e,o)=>{let n={url:e,init:o};for(const s of this.middleware)s.pre&&(n=await s.pre({fetch:this.fetchApi,...n})||n);let r;try{r=await(this.configuration.fetchApi||fetch)(n.url,n.init)}catch(s){for(const a of this.middleware)a.onError&&(r=await a.onError({fetch:this.fetchApi,url:n.url,init:n.init,error:s,response:r?r.clone():void 0})||r);if(r===void 0)throw s instanceof Error?new m(s,"The request failed and the interceptors did not return an alternative response"):s}for(const s of this.middleware)s.post&&(r=await s.post({fetch:this.fetchApi,url:n.url,init:n.init,response:r.clone()})||r);return r},this.middleware=t.middleware}withMiddleware(...t){const e=this.clone();return e.middleware=e.middleware.concat(...t),e}withPreMiddleware(...t){const e=t.map(o=>({pre:o}));return this.withMiddleware(...e)}withPostMiddleware(...t){const e=t.map(o=>({post:o}));return this.withMiddleware(...e)}isJsonMime(t){return t?u.jsonRegex.test(t):!1}async request(t,e){const{url:o,init:n}=await this.createFetchParams(t,e),r=await this.fetchApi(o,n);if(r&&r.status>=200&&r.status<300)return r;throw new g(r,"Response returned an error code")}async createFetchParams(t,e){let o=this.configuration.basePath+t.path;t.query!==void 0&&Object.keys(t.query).length!==0&&(o+="?"+this.configuration.queryParamsStringify(t.query));const n=Object.assign({},this.configuration.headers,t.headers);Object.keys(n).forEach(f=>n[f]===void 0?delete n[f]:{});const r=typeof e=="function"?e:async()=>e,s={method:t.method,headers:n,body:t.body,credentials:this.configuration.credentials},a={...s,...await r({init:s,context:t})};let c;R(a.body)||a.body instanceof URLSearchParams||b(a.body)?c=a.body:this.isJsonMime(n["Content-Type"])?c=JSON.stringify(a.body):c=a.body;const y={...a,body:c};return{url:o,init:y}}clone(){const t=this.constructor,e=new t(this.configuration);return e.middleware=this.middleware.slice(),e}}u.jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");function b(i){return typeof Blob<"u"&&i instanceof Blob}function R(i){return typeof FormData<"u"&&i instanceof FormData}class g extends Error{constructor(t,e){super(e),this.response=t,this.name="ResponseError"}}class m extends Error{constructor(t,e){super(e),this.cause=t,this.name="FetchError"}}function A(i,t){return i[t]!=null}function h(i,t=""){return Object.keys(i).map(e=>w(e,i[e],t)).filter(e=>e.length>0).join("&")}function w(i,t,e=""){const o=e+(e.length?"[".concat(i,"]"):i);if(t instanceof Array){const n=t.map(r=>encodeURIComponent(String(r))).join("&".concat(encodeURIComponent(o),"="));return"".concat(encodeURIComponent(o),"=").concat(n)}if(t instanceof Set){const n=Array.from(t);return w(i,n,e)}return t instanceof Date?"".concat(encodeURIComponent(o),"=").concat(encodeURIComponent(t.toISOString())):t instanceof Object?h(t,o):"".concat(encodeURIComponent(o),"=").concat(encodeURIComponent(String(t)))}class P{constructor(t,e=o=>o){this.raw=t,this.transformer=e}async value(){return this.transformer(await this.raw.json())}}export{d as BASE_PATH,u as BaseAPI,l as Configuration,p as DefaultConfig,m as FetchError,P as JSONApiResponse,g as ResponseError,A as exists,h as querystring};

package/dist/components/customer-care/details/ui-service-management.js

@@ -0,0 +1 @@
+import{__decorate as v}from"tslib";import{MobxLitElement as p}from"@adobe/lit-mobx";import{html as l,nothing as u}from"lit";import{customElement as _}from"lit/decorators.js";import{ifDefined as a}from"lit-html/directives/if-defined.js";import{SharedTicketStatus as k}from"../../../enums/ui-service-management.js";import{customerCareState as n}from"../../../state/ui-service-management9.js";import{ServiceTicketsStyles as b}from"../../../styles/ui-service-management5.js";import"../../shared/ui-service-management9.js";import{TWStyles as T}from"../../../ui-service-management2.js";var c=Object.freeze,h=Object.defineProperty,r=(e,i)=>c(h(e,"raw",{value:c(i||e.slice())})),d,m;let t=class extends p{render(){var e,i,o,s;const f=((e=n.selectedTicket)===null||e===void 0?void 0:e.status)===k.Cancelled;return l(m||(m=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    "])),a((i=n.selectedTicket)===null||i===void 0?void 0:i.subject),!0,!0,(o=n.selectedTicket)===null||o===void 0?void 0:o.description,f?l(d||(d=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>"])),a((s=n.selectedTicket)===null||s===void 0?void 0:s.cancellationReason),!0):u)}};t.styles=[b,T],t=v([_("customer-care-ticket-details-section")],t);export{t as CustomerCareTicketDetailsSection};

package/dist/components/customer-care/details/ui-service-management2.js

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

package/dist/components/customer-care/details/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as d}from"tslib";import{MobxLitElement as u}from"@adobe/lit-mobx";import{html as c,nothing as p}from"lit";import{property as _,customElement as y}from"lit/decorators.js";import{ifDefined as t}from"lit-html/directives/if-defined.js";import{ServiceBackendCodes as h}from"../../../constants/ui-service-management2.js";import{customerCareState as i}from"../../../state/ui-service-management9.js";import{ServiceTicketsStyles as k}from"../../../styles/ui-service-management5.js";import{getSiteDisplayNameFromName as b}from"../../../models/ui-service-management3.js";var a=Object.freeze,T=Object.defineProperty,m=(e,n)=>a(T(e,"raw",{value:a(n||e.slice())})),f,v;let o=class extends u{async firstUpdated(){var e;this.siteName=await b((e=i.selectedTicket)===null||e===void 0?void 0:e.site)}render(){var e,n,s,r,l;return c(v||(v=m(['<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        </div>\n\n        ",'\n\n        <div class="informations-section__items-row">\n          <info-field\n            label="Site"\n            value="','"\n            .hideIcon=','\n          >\n          </info-field>\n        </div>\n\n        <div class="informations-section__items-row">\n          <info-field label="Location(s)" hideIcon useHtmlValue>\n            <div slot="htmlValue">\n              <div>',"</div>\n            </div>\n          </info-field>\n        </div>\n      </div>\n    </div>"])),t((e=i.selectedTicket)===null||e===void 0?void 0:e.requestType),!0,t((n=i.selectedTicket)===null||n===void 0?void 0:n.category),!0,((s=i.selectedTicket)===null||s===void 0?void 0:s.serviceBackend)!==h.TelxSFDC?c(f||(f=m(['<div class="informations-section__items-row">\n              <info-field\n                label="Customer Reference Number"\n                value="','"\n                .hideIcon=',"\n              >\n              </info-field>\n            </div>"])),t((r=i.selectedTicket)===null||r===void 0?void 0:r.customerReference),!0):p,t(this.siteName),!0,((l=i.selectedTicket)===null||l===void 0?void 0:l.location)||"-")}};o.styles=[k],d([_({type:String})],o.prototype,"siteName",void 0),o=d([y("customer-care-ticket-other-information-section")],o);export{o as CustomerCareOtherInformationSection};

package/dist/components/customer-care/details/ui-service-management4.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 c}from"lit/decorators.js";import{OtherPartiesToNotify as l}from"../../../constants/ui-service-management5.js";import{renderChips as a}from"../../shared/ui-service-management9.js";import{customerCareState as d}from"../../../state/ui-service-management9.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>"])),l,!0,!0,a((e=d.selectedTicket)===null||e===void 0?void 0:e.notificationRecipients))}};t.styles=[f],t=n([c("customer-care-ticket-recipients-section")],t);export{t as CustomerCareRecipientsSection};

package/dist/components/customer-care/ui-service-management.js

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

package/dist/components/customer-care/ui-service-management2.js

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{MobxLitElement as S}from"@adobe/lit-mobx";import"@digital-realty/ix-wizard/ix-wizard-step.js";import"@digital-realty/ix-wizard/ix-wizard.js";import{html as c,nothing as l}from"lit";import{property as n,state as C,customElement as k}from"lit/decorators.js";import{customerCareState as a}from"../../state/ui-service-management9.js";import"./ui-service-management3.js";import"./ui-service-management4.js";import"./ui-service-management5.js";import{raiseEvent as v}from"../../helpers/ui-service-management12.js";import{ApplicationEvents as y}from"../../constants/ui-service-management.js";var d=Object.freeze,x=Object.defineProperty,o=(e,s)=>d(x(e,"raw",{value:d(s||e.slice())})),p,u,m,h;const t={details:1,summary:2,result:3};let i=class extends S{constructor(){super(...arguments),this.currentStep=t.details,this.isEdit=!1}firstUpdated(){this.selectedSite&&a.updateSite(this.selectedSite)}disconnectedCallback(){super.disconnectedCallback(),this.isEdit||a.clear()}handleWizardClose(){this.currentStep===t.result&&(this.currentStep=t.details)}renderDetailsStep(){return c(p||(p=o([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-customer-care-service-ticket\n        ?isEdit=","\n        .onNextButtonClick=","\n        .onSubmitted=","\n        .onCancelled=","\n      >\n      </create-edit-customer-care-service-ticket>\n    </ix-wizard-step>"])),this.currentStep===t.details,!1,this.isEdit,()=>{this.currentStep=t.summary},()=>{this.currentStep=t.result},()=>this.toggleDrawer())}renderSummaryStep(){return this.isEdit?l:this.currentStep!==t.summary?l:c(u||(u=o([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-customer-care-summary\n        ?isEdit=","\n        .onEditButtonClicked=","\n        .onSubmitted=","\n      >\n      </create-edit-customer-care-summary>\n    </ix-wizard-step>"])),this.currentStep===t.summary,!1,this.isEdit,()=>{this.currentStep=t.details},()=>{this.currentStep=t.result})}renderResultStep(){return this.currentStep!==t.result?l:c(m||(m=o([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-customer-care-result\n        ?isEdit=","\n      ></create-edit-customer-care-result>\n    </ix-wizard-step>"])),this.currentStep===t.result,!1,this.isEdit)}get CreateEditCustomerCareServiceTicket(){var e,s;return(s=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("create-edit-customer-care-service-ticket"))!==null&&s!==void 0?s:null}get enableNextStepClick(){return this.currentStep===t.details?a.ticket.isValid:!0}handleNextStepClick(){var e;this.currentStep===t.details?(e=this.CreateEditCustomerCareServiceTicket)===null||e===void 0||e.handleNextClick():this.currentStep+=1}handlePrevStepClick(){this.currentStep===t.details&&!this.isEdit?v(this,y.CreateTicket):this.isEdit&&this.currentStep===t.details?this.toggleDrawer():this.currentStep-=1}render(){return c(h||(h=o([' <ix-wizard\n      totalSteps="2"\n      .currentStep=',"\n      .hideStepCount=","\n      .hideNextStep=","\n      .onNextStepClick=","\n      .onPrevStepClick=","\n      .enableNextStepClick=","\n      .enableHideCloseButton=","\n      .onCloseClick=","\n      .onMinimiseClick=","\n    >\n      "," ","\n      ","\n    </ix-wizard>"])),this.currentStep,this.isEdit||this.currentStep===t.result,this.currentStep===t.summary,()=>this.handleNextStepClick(),()=>this.handlePrevStepClick(),this.enableNextStepClick,!this.isEdit,()=>this.onCloseClick(),()=>this.onMinimiseClick(),this.renderDetailsStep(),this.renderSummaryStep(),this.renderResultStep())}};i.styles=[],r([n({type:Object})],i.prototype,"selectedSite",void 0),r([C()],i.prototype,"currentStep",void 0),r([n({type:Boolean})],i.prototype,"isEdit",void 0),r([n({type:Function})],i.prototype,"toggleDrawer",void 0),r([n({type:Function})],i.prototype,"onCloseClick",void 0),r([n({type:Function})],i.prototype,"onMinimiseClick",void 0),i=r([k("customer-care-service-ticket-wizard")],i);export{i as CustomerCareServiceTicketWizard,t as CustomerCareSteps};

package/dist/components/customer-care/ui-service-management3.js

@@ -0,0 +1 @@
+import{__decorate as c}from"tslib";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 u}from"lit";import{classMap as A}from"lit/directives/class-map.js";import{ifDefined as p}from"lit-html/directives/if-defined.js";import{state as v,property as m,customElement as I}from"lit/decorators.js";import"../../api/references-api/ui-service-management.js";import{GetRequestTypeCategoryMappingsServiceTicketTypeEnum as V}from"../../api/references-api/apis/ui-service-management3.js";import{ServiceBackendCodes as h,extensions as D}from"../../constants/ui-service-management2.js";import{SharedTicketStatus as g}from"../../enums/ui-service-management.js";import{ResultStep as O,OtherPartiesToNotify as P}from"../../constants/ui-service-management5.js";import{getSiteDisplayNameFromName as B}from"../../models/ui-service-management3.js";import{customerCareState as e}from"../../state/ui-service-management9.js";import{lookups as U}from"../../state/ui-service-management.js";import{ServiceTicketsStyles as _}from"../../styles/ui-service-management5.js";import{TWStyles as z}from"../../ui-service-management2.js";import{getAllowedLocations as G}from"../../services/ui-service-management5.js";import{LocationPermissionTypes as X,LocationPrivilegeLevels as J}from"../../constants/ui-service-management4.js";import{getLocationDisplayName as W}from"../../helpers/ui-service-management2.js";import{serviceTicketState as S}from"../../state/ui-service-management4.js";import{ServiceTicketFormBase as $}from"../shared/ui-service-management16.js";import{siteNavigationState as H}from"../../state/ui-service-management12.js";import"../shared/ui-service-management17.js";var x=Object.freeze,Z=Object.defineProperty,l=(t,i)=>x(Z(t,"raw",{value:x(i||t.slice())})),k,y,f,C,b,L,q,T,E,M,R,j,N,w;let d=class extends ${constructor(){super(...arguments),this.validation={siteErrorMessage:""},this.isEdit=!1,this.validationState={subjectMinLength:1,subjectMaxLength:160,subject:"",descriptionMinLength:1,descriptionMaxLength:500,customerRefMaxLength:50,description:"",requestType:"",category:"",isEmailValid:!0,maxEmailCount:-1,maxEmailLength:-1,location:"",attachments:"",loaRequired:!1},this.locations=[],this.siteSpecificValidationRules={[h.Insite]:{subjectMinLength:1,subjectMaxLength:160,descriptionMinLength:1,descriptionMaxLength:32e3,customerRefMaxLength:40,maxEmailCount:-1,maxEmailLength:-1,loaRequired:!0},[h.ServiceNow]:{subjectMinLength:1,subjectMaxLength:100,descriptionMinLength:1,descriptionMaxLength:100,customerRefMaxLength:100,maxEmailCount:-1,maxEmailLength:-1,loaRequired:!0},[h.TelxSFDC]:{subjectMinLength:1,subjectMaxLength:255,descriptionMinLength:1,descriptionMaxLength:32e3,customerRefMaxLength:-1,maxEmailCount:4,maxEmailLength:80,loaRequired:!1}},this.requestCategories={},this.siteError=null}async firstUpdated(){var t,i,a,n;e.ticket.attachments=[];const s=this.isEdit?Promise.resolve([]):G(J.Create,X.CustomerCare,"Customer_care",(t=e.ticket.site)===null||t===void 0?void 0:t.siteId,e.ticket.accountNumber),[o,F]=await Promise.all([H.getServiceBackend(e.ticket.accountNumber,(i=e.ticket.site)===null||i===void 0?void 0:i.siteId,"Customer_care"),s]);this.locations=F,this.backendServiceName=o,o&&(this.setValidation(o),e.ticket.serviceBackend=o,this.isEdit||(this.requestCategories=await U.getRequestCategories(o,V.CustomerCare,(a=e.ticket.site)===null||a===void 0?void 0:a.siteId))),this.isEdit&&e.ticket.site&&(e.ticket.site.displayName=await B((n=e.selectedTicket)===null||n===void 0?void 0:n.site))}updated(t){var i;(i=super.updated)===null||i===void 0||i.call(this,t),e.ticket.isValid=this.isFormValid}setValidation(t){Object.values(h).includes(t)&&(this.validationState={...this.validationState,...this.siteSpecificValidationRules[t]})}get isRequiredInputsFilled(){return!!e.ticket.site&&!!e.ticket.subject&&!!e.ticket.description&&!!e.ticket.requestType&&!!e.ticket.category&&!!e.ticket.location}get isFormValid(){return this.isRequiredInputsFilled&&!this.validationState.subject&&!this.validationState.description&&!this.validationState.requestType&&!this.validationState.category&&this.validationState.isEmailValid&&this.isAttachmentsValid()}validateTicket(){let t=!0;return this.validationState={...this.validationState,subject:"",description:"",requestType:"",category:"",location:"",attachments:""},this.validateRequiredAndLengthInputs("subject",this.validationState.subjectMaxLength,this.validationState.subjectMinLength,e.ticket.subject),this.validateRequiredAndLengthInputs("description",this.validationState.descriptionMaxLength,this.validationState.descriptionMinLength,e.ticket.description),(this.validationState.subject||this.validationState.description)&&(t=!1),e.ticket.requestType||(this.validationState.requestType="Request Type is required",t=!1),e.ticket.category||(this.validationState.category="Category is required",t=!1),this.validationState.isEmailValid||(t=!1),e.ticket.location||(this.validationState.location="Location is required",t=!1),this.isAttachmentsValid()||(this.validationState.attachments="A Letter of Authorization document is required",t=!1),t}async handleOnSubmit(){if(this.onSubmitted&&this.isEdit){if(!this.validateTicket())return;try{await e.updateTicket()}finally{S.ticketStep=O,this.onSubmitted()}}}handleNextClick(){var t;this.validateTicket()&&((t=this.onNextButtonClick)===null||t===void 0||t.call(this))}async handleFileUploaded(t){var i;const a=await Promise.all(t.detail.filesUploaded.map(async n=>({fileName:n.file.name,fileType:n.file.type,file:await n.file.arrayBuffer(),id:n.id})));e.ticket.attachments=[...(i=e.ticket.attachments)!==null&&i!==void 0?i:[],...a],this.validationState={...this.validationState,attachments:""}}handleFileDelete(t){var i;const a=t.detail.file.id;e.ticket.attachments=(i=e.ticket.attachments)===null||i===void 0?void 0:i.filter(n=>n.id!==a)}handleLocationChange(t){e.updateLocation(t),this.validationState={...this.validationState,location:""}}render(){var t,i,a,n,s;return r(C||(C=l([' <div class="wizard-content form-margin">\n      <div class="mb-4 flex flex-col">\n        <div class="flex items-center gap-6">\n          <h3 id="edit-title" class="dlr-text-page-title ','">\n            '," Customer Care Service Ticket\n            ","\n          </h3>\n        </div>\n\n        ",'\n      </div>\n\n      <div class="form-wrapper">\n        <div class="form-wrapper__fields">\n          <ix-textbox\n            id="field"\n            label="Subject"\n            required\n            class="block"\n            ?disabled=',"\n            .errorText=","\n            .error=","\n            .value=","\n            .minLength=","\n            .maxLength=","\n            @input=",'\n          ></ix-textbox>\n          <ix-textbox\n            id="field"\n            label="Description"\n            ?disabled=',"\n            .errorText=","\n            .error=","\n            .value=","\n            .minLength=","\n            .maxLength=","\n            @input=",'\n            required\n            type="textarea"\n            .rows=',"\n          ></ix-textbox>\n          "," ",'\n          <div class="col-2">\n            '," ","\n          </div>\n          ","\n          ","\n          ","\n        </div>\n      </div>\n        <form-footer\n          ?isEditMode=","\n          .isSubmitting=","\n          .handleCancelClick=","\n          .handleSubmitClick=","\n          .handleNextClick=","\n        ></form-footer>\n      </div>\n    </div>"])),this.isEdit?"":"mb-6",this.isEdit?"Edit":"Create",this.isEdit?"#".concat((t=e.selectedTicket)===null||t===void 0?void 0:t.id):"",this.isEdit?u:r(k||(k=l([' <div class="sub-header">\n                <h3 class="dlr-text-heading">Service Ticket Details</h3>\n                <span class="italic dlr-text-small"\n                  >*denotes required field</span\n                >\n              </div>']))),this.isEdit&&((i=e.selectedTicket)===null||i===void 0?void 0:i.status)!==g.New,this.validationState.subject,!!this.validationState.subject,(a=e.ticket)===null||a===void 0?void 0:a.subject,this.validationState.subjectMinLength,this.validationState.subjectMaxLength,o=>this.handleSubjectChange(o),this.isEdit&&((n=e.selectedTicket)===null||n===void 0?void 0:n.status)!==g.New,this.validationState.description,!!this.validationState.description,(s=e.ticket)===null||s===void 0?void 0:s.description,this.validationState.descriptionMinLength,this.validationState.descriptionMaxLength,o=>this.handleDescriptionChange(o),1,this.renderSiteSelector(),this.renderLocation(),this.renderRequestTypeSelector(),this.renderCategorySelector(),this.renderCustomerReferenceNumber(),this.renderContactsSelector(),e.ticket.attachments?r(f||(f=l([' <div class="w-full">\n                  <ix-file-uploader\n                    .defaultFiles=',"\n                    .extensions=","\n                    .error=","\n                    allowMultipleFiles\n                    allowDuplicates\n                    headerText=",'\n                    bodyText="Max file size is 10MB with accepted file formats of: JPG (JPEG), PNG, PDF, GIF, DOC/X, XLS/X, CSV"\n                    @on-files-uploaded=',"\n                    @on-file-removed=","\n                  ></ix-file-uploader>\n                  ","\n                </div>"])),this.isEdit?S.ticketAttachments:[],D,!!this.validationState.attachments,"Click here to browse your device or drop files to upload ".concat(this.isLOARequiredForTicketCategory()?"*":""),o=>this.handleFileUploaded(o),o=>this.handleFileDelete(o),this.isLOARequiredForTicketCategory()&&!this.isEdit?r(y||(y=l(["<div\n                        class=","\n                      >\n                        When selecting ",", you\n                        must upload a valid Letter of Authorization document\n                      </div>"])),A({"supporting-text":!0,error:!!this.validationState.attachments}),e.ticket.category):u):u,this.isEdit,e.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick())}validateRequiredAndLengthInputs(t,i,a,n){let s="";const o=t.charAt(0).toUpperCase()+t.slice(1);n?(!n||n.length<a||n.length>i)&&(s="".concat(o," should be a minimum ").concat(a," and maximum ").concat(i," characters.")):s="".concat(o," is required"),this.validationState={...this.validationState,[t]:s}}handleDescriptionChange(t){e.ticket.description=t.target.value;const{descriptionMinLength:i,descriptionMaxLength:a}=this.validationState;this.validateRequiredAndLengthInputs("description",a,i,t.target.value)}handleSubjectChange(t){e.ticket.subject=t.target.value;const{subjectMinLength:i,subjectMaxLength:a}=this.validationState;this.validateRequiredAndLengthInputs("subject",a,i,t.target.value)}handleInputChange(t,i){e.ticket[i]=t.target.value;const a=i.replace(/([A-Z])/g," $&"),n=a.charAt(0).toUpperCase()+a.slice(1);this.validationState={...this.validationState,[i]:t.target.value?"":"".concat(n," is required")}}handleEmailChange(t){let i=t.some(a=>!a.isValid||a.isDuplicate);this.validationState.maxEmailLength&&this.validationState.maxEmailLength>=0&&t.some(a=>a.address.length>(this.validationState.maxEmailLength||0))&&(i=!0),this.validationState={...this.validationState,isEmailValid:!i},i||(e.ticket.contacts=t.map(a=>a.address).join(",")),this.requestUpdate()}async handleRequestTypeChange(t){this.handleInputChange(t,"requestType"),e.ticket.category&&(this.validationState={...this.validationState,category:"Category is required"},e.ticket={...e.ticket,category:""})}handleCategoryChange(t){this.handleInputChange(t,"category"),this.requestUpdate()}isLOARequiredForTicketCategory(){var t,i;const a=this.isEdit?(t=e.selectedTicket)===null||t===void 0?void 0:t.requestType:e.ticket.requestType,n=this.isEdit?(i=e.selectedTicket)===null||i===void 0?void 0:i.category:e.ticket.category;return this.validationState.loaRequired&&a==="Cross Connect"&&(this.backendServiceName===h.Insite&&(n==="New Install"||n==="Change (Hot Cut)")||this.backendServiceName===h.ServiceNow)}isAttachmentsValid(){var t;return!this.isLOARequiredForTicketCategory()||this.isEdit||!!(!((t=e.ticket.attachments)===null||t===void 0)&&t.length)}renderRequestTypeSelector(){var t;const i=(this.isEdit?[(t=e.ticket)===null||t===void 0?void 0:t.requestType]:Object.keys(this.requestCategories)).map(a=>{var n;return r(b||(b=l([" <ix-select-option\n        .selected=",'\n        value="','"\n      >\n        <div slot="headline">',"</div>\n      </ix-select-option>"])),((n=e.ticket)===null||n===void 0?void 0:n.requestType)===a,p(a),a)});return r(L||(L=l(['<ix-select\n      id="field"\n      name="rtype"\n      label="Request Type"\n      menu-positioning="popover"\n      .error=',"\n      .errorText=","\n      @input=","\n      required\n      ?disabled=","\n    >\n      ","\n    </ix-select>"])),!!this.validationState.requestType,this.validationState.requestType,a=>this.handleRequestTypeChange(a),this.isEdit,i)}renderLocation(){var t;if(this.isEdit&&!e.ticket.location)return u;const i=(this.isEdit?[e.ticket.location]:(t=this.locations)!==null&&t!==void 0?t:[]).map(a=>{var n,s;return r(q||(q=l(["<ix-select-option\n        .selected=","\n        .value=",'\n      >\n        <div slot="headline">\n          ',"\n        </div></ix-select-option\n      >"])),((s=(n=e.ticket)===null||n===void 0?void 0:n.location)===null||s===void 0?void 0:s.id)===(a==null?void 0:a.id),a,W(a))});return r(T||(T=l(['<ix-select\n      label="Location"\n      name="locationSelect"\n      menu-positioning="popover"\n      .wideMenu=',"\n      required\n      .disabled=","\n      .errorText=","\n      .error=","\n      @input=","\n      >","</ix-select\n    >"])),!0,this.isEdit,this.validationState.location,!!this.validationState.location,a=>this.handleLocationChange(a.target.value),i)}renderCategorySelector(){var t;let i={};if(e.ticket.requestType){const a=this.isEdit?[(t=e.ticket)===null||t===void 0?void 0:t.category]:this.requestCategories[e.ticket.requestType];i=(a!=null?a:[]).map(n=>{var s;return r(E||(E=l([' <ix-select-option\n            .value="','"\n            .selected=','\n          >\n            <div slot="headline">',"</div>\n          </ix-select-option>"])),n,((s=e.ticket)===null||s===void 0?void 0:s.category)===n,n)})}return r(M||(M=l(['<ix-select\n      label="Category"\n      menu-positioning="popover"\n      .errorText=',"\n      .error=","\n      .disabled=","\n      @input=","\n      required\n    >\n      ","\n    </ix-select>"])),this.validationState.category,!!this.validationState.category,!e.ticket.requestType||this.isEdit,a=>this.handleCategoryChange(a),i)}renderCustomerReferenceNumber(){var t;return e.ticket.serviceBackend===h.TelxSFDC?u:r(R||(R=l(['<ix-textbox\n      id="field"\n      .value=',"\n      .maxLength=","\n      @input=",'\n      label="Customer Reference Number"\n    ></ix-textbox>'])),(t=e.ticket)===null||t===void 0?void 0:t.customerReferenceNumber,this.validationState.customerRefMaxLength,i=>this.handleInputChange(i,"customerReferenceNumber"))}renderContactsSelector(){var t;return e.ticket.serviceBackend===h.TelxSFDC?u:r(j||(j=l(['<div class="flex flex-col gap-3.5 w-full">\n      <div class="w-full">\n        <ix-email-list\n          id="field"\n          label=',"\n          checkDuplicates\n          .error=","\n          .value=","\n          .maximumEmailCount=","\n          .maximumEmailLength=","\n          .onChanged=","\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 Enter\n          key.\n        </div>\n      </div>\n    </div>'])),P,!this.validationState.isEmailValid,(t=e.ticket)===null||t===void 0?void 0:t.contacts,this.validationState.maxEmailCount,this.validationState.maxEmailLength,i=>this.handleEmailChange(i),!this.validationState.isEmailValid)}renderSiteSelector(){var t;return r(w||(w=l([" ",""])),!((t=e.ticket.site)===null||t===void 0)&&t.displayName?r(N||(N=l([' <ix-select\n          name="site"\n          id="field"\n          label="Site"\n          menu-positioning="popover"\n          required\n          disabled\n          errorText="Please select a site"\n          .error=',"\n        >\n          <ix-select-option\n            .selected=","\n            value=",'\n          >\n            <div slot="headline">\n              ',"\n            </div>\n          </ix-select-option>\n        </ix-select>"])),!!this.siteError,!0,p(e.ticket.site.id),e.ticket.site.displayName):u)}};d.styles=[z,_],c([v()],d.prototype,"validation",void 0),c([m({attribute:!1})],d.prototype,"onNextButtonClick",void 0),c([m({type:Function})],d.prototype,"onSubmitted",void 0),c([m({type:Function})],d.prototype,"onCancelled",void 0),c([m({type:Boolean})],d.prototype,"isEdit",void 0),c([v()],d.prototype,"validationState",void 0),c([v()],d.prototype,"locations",void 0),c([v()],d.prototype,"backendServiceName",void 0),c([v()],d.prototype,"requestCategories",void 0),d=c([I("create-edit-customer-care-service-ticket")],d);export{d as CreateEditCustomerCareServiceTicket};

package/dist/components/customer-care/ui-service-management4.js

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

package/dist/components/customer-care/ui-service-management5.js

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import{MobxLitElement as x}from"@adobe/lit-mobx";import{html as n,nothing as l}from"lit";import{property as p,state as C,customElement as T}from"lit/decorators.js";import{customerCareState as t}from"../../state/ui-service-management9.js";import{ServiceTicketsStyles as E}from"../../styles/ui-service-management5.js";import"@digital-realty/ix-progress/ix-progress.js";import{ResultStep as w,OtherPartiesToNotify as B}from"../../constants/ui-service-management5.js";import{ServiceBackendCodes as u}from"../../constants/ui-service-management2.js";import{serviceTicketState as F}from"../../state/ui-service-management4.js";import{TWStyles as N}from"../../ui-service-management2.js";var v=Object.freeze,j=Object.defineProperty,e=(i,r)=>v(j(i,"raw",{value:v(r||i.slice())})),f,h,y,b,k,S,_,g;let s=class extends x{constructor(){super(...arguments),this.isEdit=!1,this.isSubmitting=!1}async handleOnSubmit(){var i;this.isSubmitting=!0;try{this.onSubmitted&&(this.isEdit?await t.updateTicket():await t.createTicket())}finally{F.ticketStep=w,this.isSubmitting=!1,(i=this.onSubmitted)===null||i===void 0||i.call(this)}}renderFormFields(){var i,r,c,d,m;return t.loadings.isSubmitting?n(f||(f=e(['<div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):n(_||(_=e(['<div class="form-wrapper">\n      <div class="summary-form">\n        <div class="summary-form__subheader">\n          <span>Service Ticket Details</span>\n          <span>\n            <md-icon slot="icon" @click=','>\n              edit\n            </md-icon>\n          </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>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        <div class="summary-form__field">\n          <span>Site</span>\n          <span>\n            '," -\n            ",'\n          </span>\n        </div>\n\n        <div class="summary-form__field">\n          <span>Location</span>\n          <span>',"</span>\n        </div>\n\n        ","\n        ",'\n\n        <div class="summary-form__field">\n          <span>Attachments</span>\n          <div>\n            ',"\n          </div>\n        </div>\n      </div>\n    </div>"])),()=>{var a;return(a=this.onEditButtonClicked)===null||a===void 0?void 0:a.call(this)},t.ticket.subject,t.ticket.description,t.ticket.requestType,t.ticket.category,(i=t.ticket.site)===null||i===void 0?void 0:i.displayName,(r=t.ticket.site)===null||r===void 0?void 0:r.accountNumber,(c=t.ticket.location)===null||c===void 0?void 0:c.id,t.ticket.serviceBackend!==u.TelxSFDC?n(h||(h=e(['<div class="summary-form__field">\n              <span>Customer Reference Number</span>\n              <span>',"</span>\n            </div>"])),t.ticket.customerReferenceNumber):l,t.ticket.serviceBackend!==u.TelxSFDC?n(k||(k=e(['<div class="summary-form__field">\n              <span>',"</span>\n              <span>\n                ","\n              </span>\n            </div>"])),B,!((d=t.ticket.contacts)===null||d===void 0)&&d.length?n(b||(b=e(["<ix-chip-set>\n                      ","\n                    </ix-chip-set>"])),t.ticket.contacts.split(",").map(a=>n(y||(y=e(["<span>\n                            <ix-chip label=","></ix-chip>\n                          </span>"])),a))):l):l,(m=t.ticket.attachments)===null||m===void 0?void 0:m.map(a=>n(S||(S=e(['<div class="attachments-file-summary">\n                  ',"\n                </div>"])),a.fileName)))}render(){var i;return n(g||(g=e([' <div class="wizard-content form-margin">\n      <div>\n        <h1 class="dlr-text-page-title">\n          '," Customer Care Service Ticket\n          ",'\n        </h1>\n\n        <div class="sub-header dlr-text-heading">\n          <h3 class="dlr-text-heading">Are these details correct?</h3>\n          <ix-button\n            type="submit"\n            has-icon\n            trailing-icon\n            @click=',"\n            ?submitting=",'\n          >\n            <ix-icon slot="icon">east</ix-icon>\n            <span class="button-label">YES, SUBMIT</span>\n          </ix-button>\n        </div>\n      </div>\n\n      ',"\n    </div>"])),this.isEdit?"Edit":"Create",this.isEdit?"#".concat((i=t.selectedTicket)===null||i===void 0?void 0:i.id):"",this.handleOnSubmit,this.isSubmitting,this.renderFormFields())}};s.styles=[E,N],o([p({attribute:!1})],s.prototype,"onEditButtonClicked",void 0),o([p({attribute:!1})],s.prototype,"onSubmitted",void 0),o([p({type:Boolean})],s.prototype,"isEdit",void 0),o([C()],s.prototype,"isSubmitting",void 0),s=o([T("create-edit-customer-care-summary")],s);export{s as CreateEditCustomerCareSummary};

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

@@ -0,0 +1 @@
+import{__decorate as p}from"tslib";import{MobxLitElement as u}from"@adobe/lit-mobx";import{html as s,nothing as c}from"lit";import{customElement as _}from"lit/decorators.js";import{ifDefined as h}from"lit-html/directives/if-defined.js";import{ServiceBackendCodes as d}from"../../../constants/ui-service-management2.js";import{OtherPartiesToNotify as k}from"../../../constants/ui-service-management5.js";import{renderChips as S}from"../../shared/ui-service-management9.js";import{deliveriesState as o}from"../../../state/ui-service-management11.js";import{ServiceTicketsStyles as T}from"../../../styles/ui-service-management5.js";var m=Object.freeze,b=Object.defineProperty,l=(e,i)=>m(b(e,"raw",{value:m(i||e.slice())})),a,v,f;let t=class extends u{render(){var e,i,n,r;return s(f||(f=l(['<div class="ticket-details-body__section">\n      <div class="informations-section__items">\n        ',"\n        ","\n      </div>\n    </div>"])),((e=o.selectedTicket)===null||e===void 0?void 0:e.serviceBackend)!==d.ServiceNow?s(a||(a=l(['<div class="informations-section__items-row">\n              <info-field\n                label="Special Instructions"\n                value="','"\n                .hideIcon=',"\n              >\n              </info-field>\n            </div>"])),h((i=o.selectedTicket)===null||i===void 0?void 0:i.instructions),!0):c,((n=o.selectedTicket)===null||n===void 0?void 0:n.serviceBackend)!==d.TelxSFDC?s(v||(v=l(['<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>"])),k,!0,!0,S((r=o.selectedTicket)===null||r===void 0?void 0:r.contacts)):c)}};t.styles=[T],t=p([_("deliveries-other-information-section")],t);export{t as DeliveriesOtherInformationSection};

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

@@ -0,0 +1 @@
+import{__decorate as g}from"tslib";import{MobxLitElement as w}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 n,nothing as v}from"lit";import{ifDefined as y}from"lit-html/directives/if-defined.js";import{customElement as C}from"lit/decorators.js";import{ServiceBackendCodes as f}from"../../../constants/ui-service-management2.js";import b from"../../../services/ui-service-management4.js";import{deliveriesState as e}from"../../../state/ui-service-management11.js";import{ServiceTicketsStyles as N}from"../../../styles/ui-service-management5.js";import"../ui-service-management6.js";var u=Object.freeze,P=Object.defineProperty,i=(t,o)=>u(P(t,"raw",{value:u(o||t.slice())})),p,k,_,D,x,T,h;let s=class extends w{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=b.showNewDatePickerComponent()}render(){var t,o,a,l,c,d,r,m;return n(h||(h=i(['<div class="ticket-details-body__section">\n      <span class="informations-section__title">Package(s) Details</span>\n\n      <packages-grid\n        .items=','\n      ></packages-grid>\n\n      <div class="informations-section__items">\n        <div class="informations-section__items-row">\n          <info-field\n            class="informations-section__items-col"\n            label="Estimated Delivery Date"\n            .hideIcon=','\n            useHtmlValue\n          >\n            <div slot="htmlValue">\n              ',"\n            </div>\n          </info-field>\n          ","\n          ",'\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=e.selectedTicket)===null||t===void 0?void 0:t.packages,!0,this.useNewDatePickerComponent===!0?n(p||(p=i(['<ix-date-next\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date-next>"])),(o=e.selectedTicket)===null||o===void 0?void 0:o.estimatedDate,!0):n(k||(k=i(['<ix-date\n                    type="static"\n                    .value=',"\n                    .noTimeZoneConversion=","\n                  >\n                  </ix-date>"])),(a=e.selectedTicket)===null||a===void 0?void 0:a.estimatedDate,!0),e.newTicket.serviceBackend===f.ServiceNow?n(x||(x=i(['<info-field\n                class="informations-section__items-col"\n                label="Latest Delivery Date"\n                .hideIcon=','\n                useHtmlValue\n              >\n                <div slot="htmlValue">\n                  ',"\n                </div>\n              </info-field>"])),!0,this.useNewDatePickerComponent===!0?n(_||(_=i(['<ix-date-next\n                        type="static"\n                        .value=',"\n                        .noTimeZoneConversion=","\n                      >\n                      </ix-date-next>"])),(l=e.selectedTicket)===null||l===void 0?void 0:l.latestDate,!0):n(D||(D=i(['<ix-date\n                        type="static"\n                        .value=',"\n                        .noTimeZoneConversion=","\n                      >\n                      </ix-date>"])),(c=e.selectedTicket)===null||c===void 0?void 0:c.latestDate,!0)):v,e.newTicket.serviceBackend!==f.TelxSFDC?n(T||(T=i(['<info-field\n                  class="informations-section__items-col"\n                  label="Customer Reference Number"\n                  value="','"\n                  .hideIcon=','\n                >\n                </info-field>\n                <info-field\n                  class="informations-section__items-col"\n                  label="Loading Bay Required"\n                  value="','"\n                  .hideIcon=',"\n                >\n                </info-field>"])),y((d=e.selectedTicket)===null||d===void 0?void 0:d.referenceNumber),!0,!((r=e.selectedTicket)===null||r===void 0)&&r.isLoadingBayRequired?"Yes":"No",!0):v,!((m=e.selectedTicket)===null||m===void 0)&&m.needRemoteHands?"Yes":"No",!0,!0)}};s.styles=[N],s=g([C("deliveries-package-details-section")],s);export{s as DeliveriesPackageDetailsSection};

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

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

package/dist/components/deliveries/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{deliveriesState as e}from"../../../state/ui-service-management11.js";import{ServiceTicketsStyles as j}from"../../../styles/ui-service-management5.js";import{NumberIcon as q,DocumentIcon as E,StatusIcon as U,PersonIcon as z,CreateDateIcon as A,UpdatedDateIcon as L,CheckedDateIcon as M}from"../../shared/ui-service-management11.js";import"../../shared/ui-service-management9.js";var x=Object.freeze,R=Object.defineProperty,i=(t,o)=>x(R(t,"raw",{value:x(o||t.slice())})),_,h,T,g,D,b,y,C,I,O;let l=class extends w{constructor(){super(),this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=H.showNewDatePickerComponent()}render(){var t,o,s,c,a,d,r,v,m,u,f,p;return n(O||(O=i([' <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="Delivery"\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\n          ","\n        </div>\n      </div>\n    </div>"])),P((t=e.selectedTicket)===null||t===void 0?void 0:t.id),q,E,U,k((o=e===null||e===void 0?void 0:e.selectedTicket)===null||o===void 0?void 0:o.state)!=="default"?n(_||(_=i(["\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.state)):n(h||(h=i(['<ix-custom-chip appearance="default" pill noIcon\n                    >',"</ix-custom-chip\n                  >"])),(c=e===null||e===void 0?void 0:e.selectedTicket)===null||c===void 0?void 0:c.state),(a=e.selectedTicket)===null||a===void 0?void 0:a.requester,z,A,this.useNewDatePickerComponent===!0?n(T||(T=i(['<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=i(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(r=e.selectedTicket)===null||r===void 0?void 0:r.createdOn),L,this.useNewDatePickerComponent===!0?n(D||(D=i(['<ix-date-next\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date-next>"])),(v=e.selectedTicket)===null||v===void 0?void 0:v.updatedOn):n(b||(b=i(['<ix-date\n                    type="static"\n                    .value=',"\n                  >\n                  </ix-date>"])),(m=e.selectedTicket)===null||m===void 0?void 0:m.updatedOn),!((u=e.selectedTicket)===null||u===void 0)&&u.closedOn?n(I||(I=i([' <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>"])),M,this.useNewDatePickerComponent===!0?n(y||(y=i(['<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=i(['<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=[j],l=N([V("deliveries-ticket-information-section")],l);export{l as DeliveriesTicketInformationSection};

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

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

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

@@ -0,0 +1 @@
+import{__decorate as n}from"tslib";import{html as s,nothing as d}from"lit";import{MobxLitElement as v}from"@adobe/lit-mobx";import{property as c,state as k,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{TermsTicketTypes as x}from"../shared/ui-service-management10.js";import"./ui-service-management4.js";import"./ui-service-management5.js";import"./ui-service-management3.js";import{TermsServices as T,ServiceTicketTypes as w}from"../../constants/ui-service-management2.js";import{deliveriesState as l}from"../../state/ui-service-management11.js";import{raiseEvent as y}from"../../helpers/ui-service-management12.js";import{ApplicationEvents as N}from"../../constants/ui-service-management.js";var p=Object.freeze,b=Object.defineProperty,o=(t,i)=>p(b(t,"raw",{value:p(i||t.slice())})),u,a,m,S,h;const e={Default:0,Terms:1,New:2,Summary:3,Result:4};let r=class extends v{constructor(){super(...arguments),this.isClone=!1,this.currentStep=e.Terms}disconnectedCallback(){super.disconnectedCallback(),l.clear()}renderTermsStep(){return s(u||(u=o([" <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,x.Delivery,()=>{this.currentStep=e.New},T.Deliveries,t=>l.updateTermsAgreed(t),l.newTicket.termsAgreed)}renderNewStep(){return s(a||(a=o(["<ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-deliveries-service-ticket\n        ?isClone=","\n        .onNextButtonClick=","\n        ticketStep=","\n      >\n      </create-edit-deliveries-service-ticket>\n    </ix-wizard-step>"])),this.currentStep===e.New,!1,this.isClone,()=>{this.currentStep=e.Summary},this.currentStep)}renderSummaryStep(){return this.currentStep!==e.Summary?d:s(m||(m=o([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-deliveries-summary\n        .onEditButtonClicked=","\n        .onSubmitted=","\n      >\n      </create-edit-deliveries-summary>\n    </ix-wizard-step>"])),this.currentStep===e.Summary,!1,()=>{this.currentStep=e.New},()=>{this.currentStep=e.Result})}renderResultStep(){return this.currentStep!==e.Result?d:s(S||(S=o([" <ix-wizard-step\n      .isVisible=","\n      .isNextButtonVisible=","\n    >\n      <create-edit-deliveries-result></create-edit-deliveries-result>\n    </ix-wizard-step>"])),this.currentStep===e.Result,!1)}get CreateEditDeliveriesServiceTicket(){var t,i;return(i=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("create-edit-deliveries-service-ticket"))!==null&&i!==void 0?i:null}get TermsAndConditions(){var t,i;return(i=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("terms-and-conditions"))!==null&&i!==void 0?i:null}get enableNextStepClick(){switch(this.currentStep){case e.New:return l.newTicket.isValid;case e.Terms:return l.newTicket.termsAgreed;default:return!0}}handleNextStepClick(){var t,i;this.currentStep===e.New?(t=this.CreateEditDeliveriesServiceTicket)===null||t===void 0||t.handleNextClick():this.currentStep===e.Terms?(i=this.TermsAndConditions)===null||i===void 0||i.handleNextClick():this.currentStep+=1}handlePrevStepClick(){this.currentStep===e.Terms?y(this,N.CreateTicket,{ticketType:w.DeliveriesAndRemovals}):this.currentStep-=1}handleWizardClose(){this.currentStep===e.Result&&(this.currentStep=e.New)}render(){return s(h||(h=o(["<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>"])),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())}};r.styles=[],n([c({type:Boolean})],r.prototype,"isClone",void 0),n([k()],r.prototype,"currentStep",void 0),n([c({type:Function})],r.prototype,"onCloseClick",void 0),n([c({type:Function})],r.prototype,"onMinimiseClick",void 0),r=n([C("deliveries-service-ticket-wizard")],r);export{r as DeliveriesServiceTicketWizard,e as ServiceTicketSteps};

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

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

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

@@ -0,0 +1 @@
+import{__decorate as h}from"tslib";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";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-select/ix-select-option.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{html as s,nothing as l}from"lit";import{state as u,property as m,query as D,customElement as X}from"lit/decorators.js";import{ServiceBackendCodes as c,extensions as J}from"../../constants/ui-service-management2.js";import{ResultStep as K,OtherPartiesToNotify as Y}from"../../constants/ui-service-management5.js";import{getDateOnly as g}from"../../helpers/ui-service-management.js";import{lessThanOneDayInFuture as $,nDaysInFuture as x,nDaysInFutureFromDate as Q}from"../../helpers/ui-service-management21.js";import{getSiteDisplayNameFromName as Z}from"../../models/ui-service-management3.js";import{getMaximumAllowedDate as ee,getMinimumDeliveryDate as te}from"../../services/ui-service-management14.js";import ie from"../../services/ui-service-management4.js";import{deliveriesState as a}from"../../state/ui-service-management11.js";import{lookups as ae}from"../../state/ui-service-management.js";import{serviceTicketState as p}from"../../state/ui-service-management4.js";import{siteNavigationState as se}from"../../state/ui-service-management12.js";import{ServiceTicketsStyles as ne}from"../../styles/ui-service-management5.js";import{TWStyles as re}from"../../ui-service-management2.js";import{ServiceTicketFormBase as de}from"../shared/ui-service-management16.js";import"./ui-service-management7.js";import{ServiceTicketSteps as k}from"./ui-service-management2.js";import"./ui-service-management6.js";var T=Object.freeze,oe=Object.defineProperty,n=(e,t)=>T(oe(e,"raw",{value:T(t||e.slice())})),b,S,E,w,y,f,C,L,N,P,M,F,R,B,I,j,q,O,V,W,A,H,U,G;const le={[c.Insite]:{subjectMaxLength:160,shortDescMaxLength:32e3,refNumberMaxLength:40,instructionsMaxLength:32e3},[c.ServiceNow]:{subjectMaxLength:400,shortDescMaxLength:1e3,refNumberMaxLength:100,instructionsMaxLength:-1},[c.TelxSFDC]:{subjectMaxLength:255,shortDescMaxLength:32e3,refNumberMaxLength:-1,instructionsMaxLength:200},default:{subjectMaxLength:0,shortDescMaxLength:0,refNumberMaxLength:0,instructionsMaxLength:0}},z=e=>({subjectErrorText:void 0,shortDescErrorText:void 0,latestDateErrorText:void 0,estimatedDateWarningText:void 0,estimatedDateErrorText:void 0,refNumberErrorText:void 0,instructionsErrorText:void 0,packagesErrorText:void 0,contactsHasError:!1,subjectMinLength:3,refNumberMinLength:3,shortDescMinLength:3,instructionsMinLength:3,minimumDaysInTheFutureWithLoadingBay:2,maximumDaysInTheFuture:60,...le[e!=null?e:"default"]});let o=class extends de{constructor(){super(),this.deliveriesState=a,this.isAddPackageDialogOpen=!1,this.validations=z(),this.isEdit=!1,this.isEditPackage=!1,this.isClone=!1,this.ticketStep=k.New,this.useNewDatePickerComponent=!1,this.firstUpdateDone=!1,this.useNewDatePickerComponent=ie.showNewDatePickerComponent()}async firstUpdated(){var e,t,i,d,v;const r=await se.getServiceBackend(this.isEdit?this.deliveriesState.selectedTicket.accountNumber:(e=this.deliveriesState.newTicket.site)===null||e===void 0?void 0:e.accountNumber,this.isEdit?(t=this.deliveriesState.selectedTicket)===null||t===void 0?void 0:t.site:(i=this.deliveriesState.newTicket.site)===null||i===void 0?void 0:i.id,"Deliveries");this.deliveriesState.newTicket.serviceBackend=r,this.validations=z(r),a.newTicket.attachments=[],(this.isEdit||this.isClone)&&(this.deliveriesState.newTicket.site.displayName=await Z((d=a.selectedTicket)===null||d===void 0?void 0:d.site)),this.clearOnClone(),ae.fillCouriers((v=a.newTicket.site)===null||v===void 0?void 0:v.siteId,a.newTicket.accountNumber,r),await this.updateComplete,this.firstUpdateDone=!0}updated(e){var t;(t=super.updated)===null||t===void 0||t.call(this,e),a.updateIsValid(this.isFormValid)}get isCreate(){return!this.isEdit&&!this.isClone}clearOnClone(){var e;const t=this.deliveriesState.newTicket.serviceBackend===c.ServiceNow;this.isClone&&(this.deliveriesState.newTicket.estimatedDate="",this.deliveriesState.newTicket.latestDate="",this.deliveriesState.newTicket.packages=(e=this.deliveriesState.newTicket.packages)===null||e===void 0?void 0:e.map(i=>({...i,trackingNumber:"",weight:t?"":void 0,dimensions:t?"":void 0,overweight:t&&i.weight!=="",oversized:t&&i.dimensions!==""})))}get ixFileUploader(){var e;return(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector("ix-file-uploader")}get isRequiredInputsFilled(){return!!a.newTicket.site&&!!a.newTicket.subject&&!!a.newTicket.shortDescription&&!!a.newTicket.estimatedDate&&(a.newTicket.serviceBackend===c.ServiceNow?!!a.newTicket.latestDate:!0)&&!!a.newTicket.packages}get isFormValid(){var e,t,i,d;if(!this.firstUpdateDone&&this.useNewDatePickerComponent)return!1;let v=!1,r=!1;if(this.useNewDatePickerComponent){const _=!!(!((t=(e=this.latestDeliveryDateField)===null||e===void 0?void 0:e.shadowRoot)===null||t===void 0)&&t.querySelector("div[slot='error-message']:not([hidden])"));v=!(!((d=(i=this.estimatedDeliveryDateField)===null||i===void 0?void 0:i.shadowRoot)===null||d===void 0)&&d.querySelector("div[slot='error-message']:not([hidden])")),r=!_||!this.deliveriesState.newTicket.latestDate}else v=!this.validations.estimatedDateErrorText,r=!this.validations.latestDateErrorText||!this.deliveriesState.newTicket.latestDate;return this.isRequiredInputsFilled&&v&&r&&!this.validations.instructionsErrorText&&!this.validations.refNumberErrorText&&!this.validations.shortDescErrorText&&!this.validations.subjectErrorText&&!this.validations.contactsHasError&&!this.validations.packagesErrorText}get isMaxPackagesReached(){var e;return((e=this.deliveriesState.newTicket.packages)===null||e===void 0?void 0:e.reduce((t,i)=>i.numberOfPackages!==void 0?t+i.numberOfPackages:t,0))===100}get isMaxPackagesReachedInsiteOne(){var e,t;return((t=(e=this.deliveriesState.newTicket.packages)===null||e===void 0?void 0:e.length)!==null&&t!==void 0?t:0)>0&&a.newTicket.serviceBackend===c.Insite}isDateWithinMaxRange(e){const t=ee(this.validations.maximumDaysInTheFuture);return g(e)<=t}isDateWithinMinRange(e){const t=te(this.validations.minimumDaysInTheFutureWithLoadingBay,this.deliveriesState.newTicket.isLoadingBayRequired);return g(e)>=t}handleNextClick(){this.validateRequiredFields(),this.isFormValid&&this.onNextButtonClick()}async handleOnSubmit(){if(this.onSubmitted&&this.isEdit){if(this.validateRequiredFields(),!this.isFormValid)return;try{await a.updateTicketRequest()}finally{p.ticketStep=K,this.onSubmitted()}}}validateRequiredFields(){this.validateSubject(),this.validateShortDesc(),this.validateEstimatedDate(),this.validateLatestDate(),this.validatePackages(),this.requestUpdate()}handleAddPackage(){this.editablePackage=void 0,this.isAddPackageDialogOpen=!0,this.isEditPackage=!1}handleAddPackageClose(e){this.deliveriesState.addPackage(e,this.isEditPackage),this.isAddPackageDialogOpen=!1,this.isEditPackage=!1,this.validatePackages()}handleEditPackageClick(e){this.editablePackage={...e},this.isAddPackageDialogOpen=!0,this.isEditPackage=!0}validatePackages(){var e;this.validations.packagesErrorText=!((e=this.deliveriesState.newTicket.packages)===null||e===void 0)&&e.length?void 0:"Please add at least one package."}handleDeletePackageClick(e){this.deliveriesState.removePackage(e)}validateSubject(){const{subject:e}=this.deliveriesState.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){this.deliveriesState.updateSubject(e),this.deliveriesState.updateIsValid(this.isFormValid),this.validateSubject()}validateShortDesc(){const e=this.deliveriesState.newTicket.shortDescription;!e||e.length<this.validations.shortDescMinLength||e.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(e){this.deliveriesState.updateShortDesc(e),this.deliveriesState.updateIsValid(this.isFormValid),this.validateShortDesc()}validateEstimatedDate(){var e;const{estimatedDate:t}=this.deliveriesState.newTicket;this.useNewDatePickerComponent?(e=this.estimatedDeliveryDateField)===null||e===void 0||e.validate():t?this.isDateWithinMaxRange(t)?!this.isDateWithinMinRange(t)&&!this.deliveriesState.newTicket.isLoadingBayRequired?this.validations.estimatedDateErrorText="Estimated Delivery Date cannot be earlier than today.":!this.isDateWithinMinRange(t)&&this.deliveriesState.newTicket.isLoadingBayRequired?this.validations.estimatedDateErrorText="Estimated Delivery Date needs to be at least 48 hours greater than current date.":this.validations.estimatedDateErrorText=void 0:this.validations.estimatedDateErrorText="Estimated Delivery Date cannot be greater than 60 days from today.":this.validations.estimatedDateErrorText="Please select the Estimated Delivery Date.",$(t)?this.validations.estimatedDateWarningText="Please be advised that if the earliest delivery 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 coordinate further with the site team.":this.validations.estimatedDateWarningText=void 0}handleEstimatedDateChange(e){this.deliveriesState.updateEstimatedDate(e),this.deliveriesState.updateIsValid(this.isFormValid),this.validateEstimatedDate(),a.newTicket.latestDate&&a.newTicket.serviceBackend===c.ServiceNow&&this.validateLatestDate()}validateLatestDate(){var e;const{estimatedDate:t}=this.deliveriesState.newTicket,{latestDate:i}=this.deliveriesState.newTicket;this.useNewDatePickerComponent?(e=this.latestDeliveryDateField)===null||e===void 0||e.validate():i?t&&i<=t?this.validations.latestDateErrorText="Latest Delivery Date must be greater than Estimated Delivery Date.":this.isDateWithinMaxRange(i)?this.validations.latestDateErrorText=void 0:this.validations.latestDateErrorText="Latest Delivery Date cannot be greater than 60 days from today.":this.validations.latestDateErrorText="Please select the Latest Delivery Date."}handleLatestDateChange(e){this.deliveriesState.updateLatestDate(e),this.deliveriesState.updateIsValid(this.isFormValid),this.validateLatestDate()}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,this.deliveriesState.updateReferenceNumber(e),this.deliveriesState.updateIsValid(this.isFormValid)}handleLoadingBayChanged(e){const t=new Date,{estimatedDate:i}=this.deliveriesState.newTicket;e&&t.setDate(t.getDate()+this.validations.minimumDaysInTheFutureWithLoadingBay),i&&i<g(t)?this.validations.estimatedDateErrorText="Estimated Delivery Date needs to be at least 48 hours greater than current date.":this.validations.estimatedDateErrorText=void 0,this.deliveriesState.updateLoadingBay(e),this.deliveriesState.updateIsValid(this.isFormValid)}handleNeedRemoteHandsChanged(e){this.deliveriesState.updateNeedRemoteHands(e)}handleInstructionsChange(e){e.length&&(e.length<this.validations.instructionsMinLength||e.length>this.validations.instructionsMaxLength)?this.validations.instructionsErrorText="Special instructions should be a minimum ".concat(this.validations.instructionsMinLength," and maximum ").concat(this.validations.instructionsMaxLength," characters."):this.validations.instructionsErrorText=void 0,this.deliveriesState.updateInstructions(e),this.deliveriesState.updateIsValid(this.isFormValid)}handleContactsChange(e){this.validations.contactsHasError=e.some(i=>!i.isValid);const t=e.map(i=>i.address).join(",");this.deliveriesState.updateContacts(t),this.deliveriesState.updateIsValid(this.isFormValid)}renderAddPackageDialog(){return this.isAddPackageDialogOpen?s(b||(b=n(["<add-package-dialog\n      .serviceBackend=","\n      .item=","\n      .isDialogOpen=","\n      .onClose=","\n      .isEditPackage=","\n      .isEditTicket=","\n    ></add-package-dialog>"])),this.deliveriesState.newTicket.serviceBackend,this.editablePackage,this.isAddPackageDialogOpen,e=>this.handleAddPackageClose(e),this.isEditPackage,this.isEdit):l}renderPackagesTable(){var e,t,i;return!this.isEdit&&!(!((e=this.deliveriesState.newTicket.packages)===null||e===void 0)&&e.length)||this.isEdit&&!(!((i=(t=this.deliveriesState.selectedTicket)===null||t===void 0?void 0:t.packages)===null||i===void 0)&&i.length)?l:s(S||(S=n(["<packages-grid\n      .items=","\n      .editable=","\n      .removeDelete=","\n      .onEditButtonClicked=","\n      .onDeleteButtonClicked=","\n    ></packages-grid>"])),this.deliveriesState.newTicket.packages,!0,this.isEdit,d=>this.handleEditPackageClick(d),d=>this.handleDeletePackageClick(d))}async handleFileUploaded(e){const t=await Promise.all(e.detail.filesUploaded.map(async i=>({fileName:i.file.name,fileType:i.file.type,file:await i.file.arrayBuffer()})));a.updateAttachments(t)}handleFileDelete(e){var t;const i=e.detail.file.name;a.newTicket.attachments=(t=a.newTicket.attachments)===null||t===void 0?void 0:t.filter(d=>d.fileName!==i)}get minEstimated(){return x(this.deliveriesState.newTicket.isLoadingBayRequired?this.validations.minimumDaysInTheFutureWithLoadingBay:0)}get maxFuture(){return x(this.validations.maximumDaysInTheFuture)}get minLatest(){return Q(1,this.deliveriesState.newTicket.estimatedDate)}renderEstimatedDateIxDateNext(e=!1){return s(E||(E=n(["\n      <ix-date-next\n        class=",'\n        type="default"\n        label="Estimated Delivery Date"\n        name="estimatedDeliveryDate"\n        min=',"\n        max=","\n        showCalendarOnMouseDown\n        required\n        .value=","\n        .errorText=","\n        .onChanged=","\n      ></ix-date-next>\n    "])),e?"col-4":"",this.minEstimated,this.maxFuture,this.deliveriesState.newTicket.estimatedDate,this.validations.estimatedDateErrorText,t=>this.handleEstimatedDateChange(t))}renderEstimatedDateWarning(){return this.validations.estimatedDateWarningText&&(this.useNewDatePickerComponent?this.estimatedDeliveryDateField.validity.valid:!this.validations.estimatedDateErrorText)?s(w||(w=n(['<div\n          class="warning-text"\n          style="--warning-text-margin: -30px 0 0 -15px"\n        >\n          ',"\n        </div>"])),this.validations.estimatedDateWarningText):void 0}renderEstimatedDate(e=!1){return s(y||(y=n(["\n      <ix-date\n        class=",'\n        type="default"\n        label="Estimated Delivery Date"\n        name="estimatedDeliveryDate"\n        min=',"\n        max=","\n        required\n        .value=","\n        .errorText=","\n        .onChanged=","\n      ></ix-date>\n    "])),e?"col-4":"",this.minEstimated,this.maxFuture,this.deliveriesState.newTicket.estimatedDate,this.validations.estimatedDateErrorText,t=>this.handleEstimatedDateChange(t))}renderCustomerReferenceNumber(){return s(f||(f=n(['\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    "])),this.validations.refNumberMinLength,this.validations.refNumberMaxLength,a.newTicket.referenceNumber,!!this.validations.refNumberErrorText,this.validations.refNumberErrorText,e=>this.handleReferenceNumberChange(e.target.value))}renderLatestDateIxDateNext(){return s(C||(C=n(['\n      <ix-date-next\n        type="default"\n        label="Latest Delivery Date"\n        name="latestDeliveryDate"\n        min=',"\n        max=","\n        required\n        showCalendarOnMouseDown\n        .value=","\n        .errorText=","\n        .onChanged=","\n      ></ix-date-next>\n    "])),this.minLatest,this.maxFuture,this.deliveriesState.newTicket.latestDate,this.validations.latestDateErrorText,e=>this.handleLatestDateChange(e))}renderLatestDate(){return s(L||(L=n(['\n      <ix-date\n        type="default"\n        label="Latest Delivery Date"\n        name="latestDeliveryDate"\n        min=',"\n        max=","\n        required\n        .value=","\n        .errorText=","\n        .onChanged=","\n      ></ix-date>\n    "])),this.minLatest,this.maxFuture,this.deliveriesState.newTicket.latestDate,this.validations.latestDateErrorText,e=>this.handleLatestDateChange(e))}render(){var e,t,i,d,v;return!this.deliveriesState.newTicket.serviceBackend||!this.validations?l:s(G||(G=n(['<div class="wizard-content">\n      <div class="mb-4 flex flex-col form-margin">\n        <h3 class="dlr-text-page-title ','">\n          '," Deliveries 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            .minLength=',"\n            .maxLength=","\n            required\n            .value=","\n            .error=","\n            .errorText=","\n            @input=","\n          ></ix-textbox>\n\n          <!--this check is added to correctly set the height-->\n          ","\n          ",'\n\n          <div class="packages-wrapper">\n            ',"\n            ","\n          </div>\n\n          ","\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>\n        <form-footer\n          ?isEditMode=","\n          .isSubmitting=","\n          .handleCancelClick=","\n          .handleSubmitClick=","\n          .handleNextClick=","\n        ></form-footer>\n        ","\n      </div>\n    </div>"])),this.isEdit?"":"mb-6",this.isEdit?"Edit":"Create",this.isEdit?((e=this.deliveriesState)===null||e===void 0?void 0:e.selectedTicket)&&s(N||(N=n([" <span>#","</span>"])),(t=this.deliveriesState)===null||t===void 0?void 0:t.selectedTicket.id):"",this.isEdit?l:s(P||(P=n([' <div class="sub-header dlr-text-heading">\n              <h3 class="my-10">Service Ticket Details</h3>\n              <span class="italic dlr-text-small">*denotes required field</span>\n            </div>']))),this.validations.subjectMinLength,this.validations.subjectMaxLength,this.deliveriesState.newTicket.subject,!!this.validations.subjectErrorText,this.validations.subjectErrorText,r=>this.handleSubjectChange(r.target.value),this.ticketStep===k.New?s(M||(M=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>"])),1,this.validations.shortDescMinLength,this.validations.shortDescMaxLength,this.deliveriesState.newTicket.shortDescription,!!this.validations.shortDescErrorText,this.validations.shortDescErrorText,r=>this.handleShortDescChange(r.target.value)):l,!((i=this.deliveriesState.newTicket.site)===null||i===void 0)&&i.displayName?s(F||(F=n(['<ix-select\n                label="Receiving Site"\n                name="siteSelect"\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,this.deliveriesState.newTicket.site.id,!0,this.deliveriesState.newTicket.site.displayName):l,this.renderPackagesTable(),!this.isEdit&&!this.isMaxPackagesReachedInsiteOne?s(I||(I=n(['<ix-button\n                    name="addPackageBtn"\n                    appearance="filled"\n                    .disabled=',"\n                    has-icon\n                    @click=",'\n                  >\n                    <md-icon slot="icon">add</md-icon>\n                    <span>ADD PACKAGE(S)*</span>\n                  </ix-button>\n\n                  ',"\n                  ",""])),this.isMaxPackagesReached,()=>this.handleAddPackage(),this.isMaxPackagesReached?s(R||(R=n(['<span class="error">\n                        You have reached your maximum allowed packages\n                      </span>']))):l,this.validations.packagesErrorText?s(B||(B=n(['<span class="error">\n                        ',"\n                      </span>"])),this.validations.packagesErrorText):l):l,a.newTicket.serviceBackend===c.ServiceNow?s(j||(j=n(['<div class="col-2">\n                  <div>\n                    ',"\n                  </div>\n\n                  ","\n                </div>\n\n                ","\n                ",""])),this.useNewDatePickerComponent===!0?this.renderEstimatedDateIxDateNext():this.renderEstimatedDate(),this.useNewDatePickerComponent===!0?this.renderLatestDateIxDateNext():this.renderLatestDate(),this.renderEstimatedDateWarning(),this.renderCustomerReferenceNumber()):a.newTicket.serviceBackend===c.Insite?s(q||(q=n([' <div class="col-2">\n                  <div>\n                    ',"\n                  </div>\n\n                  ","\n                </div>\n\n                ",""])),this.useNewDatePickerComponent===!0?this.renderEstimatedDateIxDateNext():this.renderEstimatedDate(),this.renderCustomerReferenceNumber(),this.renderEstimatedDateWarning()):s(O||(O=n(['<div class="full-width">\n                  ',"\n                </div>\n\n                ",""])),this.useNewDatePickerComponent===!0?this.renderEstimatedDateIxDateNext(!0):this.renderEstimatedDate(!0),this.renderEstimatedDateWarning()),a.newTicket.serviceBackend!==c.TelxSFDC?s(V||(V=n([' <ix-checkbox\n                label="Loading bay required"\n                class="dlr-text-small"\n                name="loadingBayRequiredCheck"\n                arialabel="Loading bay required"\n                @change=',"\n                .checked=","\n              ></ix-checkbox>"])),r=>this.handleLoadingBayChanged(r.target.checked),a.newTicket.isLoadingBayRequired):l,this.isEdit?l:s(W||(W=n(['<ix-checkbox\n                label="Need Remote Hands to install equipment or deliver to customer premise"\n                arialabel="Need Remote Hands to install equipment or deliver to customer premise"\n                class="dlr-text-small"\n                @change=',"\n                .checked=","\n              ></ix-checkbox>"])),r=>this.handleNeedRemoteHandsChanged(r.target.checked),this.deliveriesState.newTicket.needRemoteHands),a.newTicket.serviceBackend!==c.ServiceNow?s(A||(A=n(['<ix-textbox\n                label="Special Instructions"\n                name="instructionsTxt"\n                .minLength=',"\n                .maxLength=","\n                .value=","\n                .error=","\n                .errorText=","\n                @input=","\n              ></ix-textbox>"])),this.validations.instructionsMinLength,this.validations.instructionsMaxLength,a.newTicket.instructions,!!this.validations.instructionsErrorText,this.validations.instructionsErrorText,r=>this.handleInstructionsChange(r.target.value)):l,a.newTicket.serviceBackend!==c.TelxSFDC?s(H||(H=n(['<section 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              </section>'])),Y,(v=(d=this.deliveriesState.newTicket)===null||d===void 0?void 0:d.contacts)!==null&&v!==void 0?v:"",r=>this.handleContactsChange(r),this.validations.contactsHasError):l,a.newTicket.attachments?s(U||(U=n([" <ix-file-uploader\n                .defaultFiles=","\n                .extensions=","\n                .allowMultipleFiles=",'\n                headerText="Click here to browse your device or drop files to upload"\n                bodyText="Max file size is 10MB with accepted file formats of: JPG (JPEG), PNG, PDF, GIF, DOC/X, XLS/X, CSV"\n                @on-files-uploaded=',"\n                @on-file-removed=","\n              ></ix-file-uploader>"])),this.isEdit?p.ticketAttachments:[],J,!0,r=>this.handleFileUploaded(r),r=>this.handleFileDelete(r)):l,this.isEdit,a.loadings.isSubmitting,this.onCancelled,()=>this.handleOnSubmit(),()=>this.handleNextClick(),this.renderAddPackageDialog())}};o.styles=[re,ne],h([u()],o.prototype,"isAddPackageDialogOpen",void 0),h([u()],o.prototype,"editablePackage",void 0),h([u()],o.prototype,"validations",void 0),h([m({type:Function})],o.prototype,"onNextButtonClick",void 0),h([m({type:Function})],o.prototype,"onSubmitted",void 0),h([m({type:Function})],o.prototype,"onCancelled",void 0),h([m({type:Boolean})],o.prototype,"isEdit",void 0),h([m({type:Boolean})],o.prototype,"isEditPackage",void 0),h([m({type:Boolean})],o.prototype,"isClone",void 0),h([m({type:Number})],o.prototype,"ticketStep",void 0),h([D('ix-date-next[name="estimatedDeliveryDate"]')],o.prototype,"estimatedDeliveryDateField",void 0),h([D('ix-date-next[name="latestDeliveryDate"]')],o.prototype,"latestDeliveryDateField",void 0),o=h([X("create-edit-deliveries-service-ticket")],o);export{o as CreateEditDeliveriesServiceTicket};

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

@@ -0,0 +1 @@
+import{__decorate as d}from"tslib";import{MobxLitElement as P}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 e,nothing as r}from"lit";import{property as v,state as O,customElement as j}from"lit/decorators.js";import{ServiceBackendCodes as c}from"../../constants/ui-service-management2.js";import{ResultStep as q,OtherPartiesToNotify as I}from"../../constants/ui-service-management5.js";import L from"../../services/ui-service-management4.js";import{deliveriesState as n}from"../../state/ui-service-management11.js";import{serviceTicketState as u}from"../../state/ui-service-management4.js";import{ServiceTicketsStyles as Z}from"../../styles/ui-service-management5.js";import{TWStyles as Y}from"../../ui-service-management2.js";import{InfoIconOutlined as z}from"../shared/ui-service-management11.js";import"./ui-service-management6.js";var f=Object.freeze,A=Object.defineProperty,i=(t,a)=>f(A(t,"raw",{value:f(a||t.slice())})),k,h,y,g,w,b,T,x,S,_,D,N,C,E,B,R,F;let s=class extends P{constructor(){super(),this.isEdit=!1,this.isSubmitting=!1,this.useNewDatePickerComponent=!1,this.useNewDatePickerComponent=L.showNewDatePickerComponent()}async handleOnSubmit(){if(this.onSubmitted)try{this.isSubmitting=!0,this.isEdit?await n.updateTicketRequest():await n.submitNewTicketRequest()}finally{u.ticketStep=q,this.isSubmitting=!1,this.onSubmitted()}}renderContacts(){const t=n.newTicket.contacts;return e(h||(h=i(["<span>\n      ","\n    </span>"])),t?t.split(",").map(a=>e(k||(k=i([" <ix-chip label=",' appearance="suggestion"></ix-chip\n                  >&nbsp;'])),a)):r)}renderFormFields(){var t,a,m,l,p;return n.loadings.isSubmitting?e(y||(y=i([' <div class="w-full flex justify-center mt-12">\n        <ix-progress .indeterminate='," .linear=","></ix-progress>\n      </div>"])),!0,!1):e(B||(B=i([" ",'\n\n      <div class="summary-form">\n        <div class="summary-form__subheader">\n          <span>Service Ticket Details</span>\n          <span>\n            <md-icon slot="icon" @click=','>\n              edit\n            </md-icon>\n          </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>Short Description</span>\n          <span class="whitespace-break-spaces"\n            >','</span\n          >\n        </div>\n\n        <div class="summary-form__field">\n          <span>Receiving Site</span>\n          <span>',"</span>\n        </div>\n\n        <packages-grid\n          .items=",'\n        ></packages-grid>\n\n        <div class="summary-form__field">\n          <span>Estimated Delivery Date</span>\n          <span>\n            ',"\n          </span>\n        </div>\n\n        ","\n        ",'\n\n        <div class="summary-form__field">\n          <span>\n            Need Remote Hands to install equipment or deliver to customer\n            premise\n          </span>\n          <span>\n            ',"\n          </span>\n        </div>\n\n        ","\n        ",'\n\n        <div class="summary-form__field">\n          <span>Attachments</span>\n          <div>\n            ',"\n            ","\n          </div>\n        </div>\n      </div>"])),!((a=(t=n.newTicket)===null||t===void 0?void 0:t.packages)===null||a===void 0)&&a.some(o=>!o.trackingNumber)?e(g||(g=i([' <div class="tracking-number__warning">\n            <svg\n              xmlns="http://www.w3.org/2000/svg"\n              width="35"\n              height="35"\n              viewBox="0 0 24 25"\n              style="fill: var(--ix-font-color)"\n              fill-opacity="0.6"\n            >\n              ','\n            </svg>\n            <div class="dlr-text-small">\n              No tracking number applied to packages: No tracking number has\n              been applied to your packages. Warning message!\n            </div>\n          </div>'])),z):r,()=>this.onEditButtonClicked(),n.newTicket.subject,n.newTicket.shortDescription,(m=n.newTicket.site)===null||m===void 0?void 0:m.displayName,n.newTicket.packages,this.useNewDatePickerComponent===!0?e(w||(w=i(['<ix-date-next\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date-next>"])),n.newTicket.estimatedDate,!0):e(b||(b=i(['<ix-date\n                  type="static"\n                  .value=',"\n                  .noTimeZoneConversion=","\n                >\n                </ix-date>"])),n.newTicket.estimatedDate,!0),n.newTicket.serviceBackend===c.ServiceNow?e(S||(S=i([' <div class="summary-form__field">\n              <span>Latest Delivery Date</span>\n              <span>\n                ',"\n              </span>\n            </div>"])),this.useNewDatePickerComponent===!0?e(T||(T=i(['<ix-date-next\n                      type="static"\n                      .value=',"\n                      .noTimeZoneConversion=","\n                    >\n                    </ix-date-next>"])),n.newTicket.latestDate,!0):e(x||(x=i(['<ix-date\n                      type="static"\n                      .value=',"\n                      .noTimeZoneConversion=","\n                    >\n                    </ix-date>"])),n.newTicket.latestDate,!0)):r,n.newTicket.serviceBackend!==c.TelxSFDC?e(_||(_=i([' <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>Loading Bay Required</span>\n                <span>\n                  ',"\n                </span>\n              </div>"])),n.newTicket.referenceNumber,n.newTicket.isLoadingBayRequired?"Yes":"No"):r,n.newTicket.needRemoteHands?"Yes":"No",n.newTicket.serviceBackend!==c.ServiceNow?e(D||(D=i([' <div class="summary-form__field">\n              <span>Special Instructions</span>\n              <span>'," </span>\n            </div>"])),n.newTicket.instructions):r,n.newTicket.serviceBackend!==c.TelxSFDC?e(N||(N=i(['<div class="summary-form__field">\n              <span>',"</span>\n              ","\n            </div>"])),I,this.renderContacts()):r,(l=u.attachments)===null||l===void 0?void 0:l.map(o=>e(C||(C=i(['\n                  <div class="attachments-file-summary">',"</div>\n                "])),o.fileName)),(p=n.newTicket.attachments)===null||p===void 0?void 0:p.map(o=>e(E||(E=i([' <div class="attachments-file-summary">\n                  ',"\n                </div>"])),o.fileName)))}render(){return e(F||(F=i([' <div class="wizard-content">\n      <div class="form-margin">\n        <h1 class="dlr-text-page-title">\n          '," Deliveries Service Ticket\n        </h1>\n\n        ",'\n\n        <div class="sub-header dlr-text-heading">\n          <h3 class="dlr-text-heading">Are the details correct?</h3>\n          <ix-button\n            type="submit"\n            has-icon\n            trailing-icon\n            @click=',"\n            .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 form-margin">',"</div>\n    </div>"])),this.isEdit?"Edit":"Create",this.isEdit?(n===null||n===void 0?void 0:n.selectedTicket)&&e(R||(R=i(['\n              <div class="font-bold text-4xl">\n                #',"\n              </div>\n            "])),n===null||n===void 0?void 0:n.selectedTicket.id):"",this.handleOnSubmit,n.loadings.isSubmitting,this.isSubmitting,this.renderFormFields())}};s.styles=[Z,Y],d([v({type:Function})],s.prototype,"onEditButtonClicked",void 0),d([v({type:Function})],s.prototype,"onSubmitted",void 0),d([v({type:Boolean})],s.prototype,"isEdit",void 0),d([O()],s.prototype,"isSubmitting",void 0),s=d([j("create-edit-deliveries-summary")],s);export{s as CreateEditDeliveriesSummary};

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

@@ -0,0 +1 @@
+import{__decorate as s}from"tslib";import{css as f,LitElement as C,html as i}from"lit";import{property as a,customElement as B}from"lit/decorators.js";import{deliveriesState as p}from"../../state/ui-service-management11.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-grid/ix-grid.js";import{ServiceTicketsStyles as D}from"../../styles/ui-service-management5.js";import{ServiceBackendCodes as c}from"../../constants/ui-service-management2.js";import{EditIcon as P,DeleteIcon as S}from"../shared/ui-service-management11.js";import{TWStyles as T}from"../../ui-service-management2.js";import{otherCourierCompany as N}from"../../constants/ui-service-management3.js";import{FacilityAccessStyles as R}from"../../styles/ui-service-management6.js";var l=Object.freeze,E=Object.defineProperty,t=(n,o)=>l(E(n,"raw",{value:l(o||n.slice())})),m,h,u,g,v,y,w,k,b,x;const O=5;let r=class extends C{constructor(){super(...arguments),this.editable=!1,this.removeDelete=!1}renderActionButtons(n){return i(h||(h=t(['<span\n      class="packages-grid__action-buttons"\n      style="margin: 0 -14px"\n    >\n      <ix-button\n        name="editPackage"\n        appearance="text"\n        style="width: 50px; display: inline-block"\n        @click=','\n      >\n        <svg\n          xmlns="http://www.w3.org/2000/svg"\n          width="24"\n          height="25"\n          viewBox="0 0 24 25"\n          style="fill: var(--edit-icon)"\n        >\n          ',"\n        </svg>\n      </ix-button>\n      ","\n    </span>"])),()=>this.onEditButtonClicked(n),P,this.removeDelete?"":i(m||(m=t(['\n            <ix-button\n              name="deletePackage"\n              appearance="text"\n              style="width: 50px; display: inline-block"\n              @click=','\n            >\n              <svg\n                xmlns="http://www.w3.org/2000/svg"\n                width="24"\n                height="25"\n                viewBox="0 0 24 25"\n                fill="none"\n              >\n                ',"\n              </svg>\n            </ix-button>\n          "])),()=>this.onDeleteButtonClicked(n),S))}getColumns(){var n;const o=[];return p.newTicket.serviceBackend!==c.TelxSFDC&&o.push({name:"numberOfPackages",header:"Number of Packages",width:"166px",bodyRenderer:e=>i(u||(u=t(["<span>","</span>"])),e.numberOfPackages)}),o.push({name:"trackingNumber",header:"Tracking Number",width:"140px",bodyRenderer:e=>i(g||(g=t(["<span>","</span>"])),e.trackingNumber)},{name:"courier",header:"Courier Company",width:"142px",bodyRenderer:e=>i(v||(v=t(["<span>","</span>"])),e.courier)}),o.push({name:"otherCompany",header:"Courier Company Name",width:"180px",hidden:!(!((n=this.items)===null||n===void 0)&&n.some(e=>e.courier===N)),bodyRenderer:e=>i(y||(y=t(["<span>","</span>"])),e.otherCompany?e.otherCompany:"-")}),p.newTicket.serviceBackend===c.ServiceNow&&o.push({name:"weight",header:"Overweight",bodyRenderer:e=>{let d="-";return e.weight&&(e.weightUnit?d="".concat(e.weight," ").concat(e.weightUnit):d=e.weight),i(w||(w=t(["<span>","</span>"])),d)}},{name:"dimensions",header:"Oversized",bodyRenderer:e=>i(k||(k=t(["<span>","</span>"])),e.dimensions?e.dimensions:"-")}),this.editable&&o.push({name:"actions",header:"Actions",width:this.removeDelete?"80px":"120px",bodyRenderer:this.renderActionButtons.bind(this),frozenToEnd:!0}),o}render(){var n;return i(b||(b=t(['<div class="packages-grid">\n      <div class="packages-grid__title">\n        <span>Package(s)</span>\n        <div class="tooltip">\n          i\n          <span class="tooltip-text">\n            Total number of packages cannot exceed 100\n          </span>\n        </div>\n      </div>\n      <ix-grid\n        class="ix-grid-cell-pointer-default"\n        column-reordering-allowed\n        .columns=',"\n        .rows=","\n        .hideHeader=","\n        .rowLimit=",'\n        session-storage-key="sm-packages"\n      ></ix-grid>\n    </div>'])),this.getColumns(),(n=this.items)!==null&&n!==void 0?n:[],!0,O)}};r.styles=[T,D,R,f(x||(x=t(["\n      :host {\n        --edit-icon: var(--md-sys-color-primary);\n      }\n    "])))],s([a({type:Array})],r.prototype,"items",void 0),s([a({type:Boolean})],r.prototype,"editable",void 0),s([a({type:Boolean})],r.prototype,"removeDelete",void 0),s([a({type:Function})],r.prototype,"onEditButtonClicked",void 0),s([a({type:Function})],r.prototype,"onDeleteButtonClicked",void 0),r=s([B("packages-grid")],r);export{r as PackagesGrid};

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

@@ -0,0 +1 @@
+import{__decorate as o}from"tslib";import{LitElement as O,html as r,nothing as d}from"lit";import{state as y,property as l,customElement as P}from"lit/decorators.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{ServiceTicketsStyles as E}from"../../styles/ui-service-management5.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-checkbox/ix-checkbox.js";import"@digital-realty/ix-radio/ix-radio.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-select/ix-select-option.js";import{deliveriesState as a}from"../../state/ui-service-management11.js";import{lookups as N}from"../../state/ui-service-management.js";import{isAlphanumericWithSpaces as M,isAlphanumericWithSpacesApostropheAndPeriod as L,isWholeNumber as S,isAlphanumeric as W}from"../../helpers/ui-service-management20.js";import{packageWeightMaxLength as U,otherCourierCompany as D}from"../../constants/ui-service-management3.js";import{ServiceBackendCodes as t}from"../../constants/ui-service-management2.js";import{TWStyles as B}from"../../ui-service-management2.js";import c from"../../services/ui-service-management19.js";import{WeightUnit as u}from"../../enums/ui-service-management4.js";var m=Object.freeze,A=Object.defineProperty,s=(i,e)=>m(A(i,"raw",{value:m(e||i.slice())})),p,v,x,k,b,C,T,f,w;const g={id:crypto.randomUUID()},I={numberOfPackagesMax:100,trackingNumberMaxLength:100,otherCompanyMaxLength:100},F={numberOfPackagesMax:100,trackingNumberMaxLength:40,weightMaxLength:5},z={numberOfPackagesMax:1,trackingNumberMaxLength:20},q={numberOfPackagesMin:1,numberOfPackagesMax:100,trackingNumberMinLength:8,trackingNumberMaxLength:100};let n=class extends O{constructor(){super(...arguments),this.validations=q,this.inputs=g,this.isDialogOpen=!0,this.isEditPackage=!1,this.isEditTicket=!1,this.getInitialValidationState=()=>{const{serviceBackend:i}=a.newTicket;let e;return i===t.ServiceNow?(e={...F},e.dimensionsMaxLength=c.DeliveriesSizeWhenOversizedMaxLength(),e.weightMaxLength=this.inputs.isHistorical?c.DeliveriesWeightWhenOverweightMaxLength():U):i===t.Insite?e={...I}:i===t.TelxSFDC&&(e={...z}),{numberOfPackagesErrorText:void 0,trackingNumberErrorText:void 0,courierErrorText:void 0,numberOfPackagesMin:1,trackingNumberMinLength:8,...e}}}firstUpdated(){this.resetStates(),this.validations=this.getInitialValidationState(),a.newTicket.serviceBackend!==t.TelxSFDC&&!this.inputs.numberOfPackages&&(this.inputs.numberOfPackages=1)}get isOtherCourierSelected(){return this.inputs.courier===D}get isRequiredInputsFilled(){return!!this.inputs.courier&&(!this.isOtherCourierSelected||!!this.inputs.otherCompany)}get isFormValid(){return this.isRequiredInputsFilled&&!this.validations.courierErrorText&&(a.newTicket.serviceBackend===t.TelxSFDC||!this.validations.numberOfPackagesErrorText)&&!this.validations.trackingNumberErrorText&&!this.validations.otherCompanyErrorText&&!this.validations.weightErrorText&&!this.validations.weightUnitErrorText}resetStates(){this.validations=this.getInitialValidationState(),this.item?this.inputs={...g,...this.item}:this.inputs={...g,id:crypto.randomUUID()}}handleAddPackage(){this.validateForm(),this.isFormValid&&this.onClose(this.inputs)}validateForm(){this.validateNumberOfPackages(),this.validateCouriers(),this.validateOtherCourierCompany(),this.validateLeadingTrailingSpacesOtherCourierCompany(),this.validateWeight(),this.validateWeightUnits(),this.requestUpdate()}validateCouriers(){var i;!((i=this.inputs)===null||i===void 0)&&i.courier?this.validations.courierErrorText=void 0:this.validations.courierErrorText="Please select a Courier Company."}validateOtherCourierCompany(){this.isOtherCourierSelected?this.inputs.otherCompany?a.newTicket.serviceBackend!==t.Insite&&!M(this.inputs.otherCompany)?this.validations.otherCompanyErrorText="Please ensure that Courier Company Name consists of alphanumeric characters only.":a.newTicket.serviceBackend===t.Insite?this.validateInsiteOneOtherCourierCompany():this.validations.otherCompanyErrorText=void 0:this.validations.otherCompanyErrorText="Please enter the Courier Company Name.":this.validations.otherCompanyErrorText=void 0}validateInsiteOneOtherCourierCompany(){var i,e;L(this.inputs.otherCompany)?((e=(i=this.inputs.otherCompany)===null||i===void 0?void 0:i.length)!==null&&e!==void 0?e:0)>100?this.validations.otherCompanyErrorText="Please ensure that Courier Company Name consist of less than 100 characters.":this.validations.otherCompanyErrorText=void 0:this.validations.otherCompanyErrorText="Please ensure that Courier Company Name consists of alphanumeric characters only."}validateLeadingTrailingSpacesOtherCourierCompany(){var i;a.newTicket.serviceBackend!==t.Insite||this.validations.otherCompanyErrorText||this.inputs.otherCompany!==((i=this.inputs.otherCompany)===null||i===void 0?void 0:i.trim())&&(this.validations.otherCompanyErrorText="Please ensure that Courier Company Name should not consist of leading or trailing spaces.")}validateNumberOfPackages(){if(this.inputs.numberOfPackages!==void 0&&this.inputs.numberOfPackages!==null)if(this.inputs.numberOfPackages<this.validations.numberOfPackagesMin||this.inputs.numberOfPackages>this.validations.numberOfPackagesMax)this.validations.numberOfPackagesErrorText="Number of packages should be a minimum ".concat(this.validations.numberOfPackagesMin," and maximum ").concat(this.validations.numberOfPackagesMax,".");else if(!Number.isInteger(this.inputs.numberOfPackages))this.validations.numberOfPackagesErrorText="Total number of packages cannot be a decimal value.";else if(a.newTicket.packages){const i=a.newTicket.packages.filter(e=>e.id!==this.inputs.id).reduce((e,h)=>h.numberOfPackages!==void 0?e+h.numberOfPackages:e,0);this.validations.numberOfPackagesErrorText=i+this.inputs.numberOfPackages>100?"Total number of packages cannot exceed 100.":void 0}else this.validations.numberOfPackagesErrorText=void 0}validateWeight(){if(!this.inputs.overweight){this.validations.weightErrorText=void 0;return}this.inputs.weight?this.inputs.weight.length>this.validations.weightMaxLength?this.validations.weightErrorText="Weight should be a maximum of ".concat(this.validations.weightMaxLength," characters."):!this.inputs.isHistorical&&!S(this.inputs.weight)?this.validations.weightErrorText="Weight should be a valid whole number":this.validations.weightErrorText=void 0:this.validations.weightErrorText="Please enter the weight of the package."}validateWeightUnits(){if(!this.inputs.overweight||this.inputs.isHistorical){this.validations.weightUnitErrorText=void 0;return}this.inputs.weightUnit?this.validations.weightUnitErrorText=void 0:this.validations.weightUnitErrorText="Please select a weight unit."}handleNumberOfPackagesChange(i){this.inputs={...this.inputs,numberOfPackages:Number(i)},this.validateNumberOfPackages()}validateTrackingNumber(i){i.length&&(i.length<this.validations.trackingNumberMinLength||i.length>this.validations.trackingNumberMaxLength)?this.validations.trackingNumberErrorText="Tracking number should be a minimum ".concat(this.validations.trackingNumberMinLength," and maximum ").concat(this.validations.trackingNumberMaxLength," characters."):i.length&&!W(i)?this.validations.trackingNumberErrorText="Please ensure that Tracking Number consists of alphanumeric characters only.":this.validations.trackingNumberErrorText=void 0}handleTrackingNumberChange(i){this.validateTrackingNumber(i),this.inputs={...this.inputs,trackingNumber:i}}handleCourierChange(i){this.inputs={...this.inputs,courier:i},this.validateCouriers()}handleOverweightChange(i){this.inputs={...this.inputs,overweight:i},i||(this.handleWeightChange(""),this.handleWeightUnitChange(void 0))}handleWeightChange(i){this.inputs={...this.inputs,weight:i},this.validateWeight()}handleOversizedChange(i){this.inputs={...this.inputs,oversized:i},i||this.handleDimensionsChange("")}handleDimensionsChange(i){this.inputs={...this.inputs,dimensions:i}}handleOtherCompanyChange(i){this.inputs={...this.inputs,otherCompany:i},this.validateOtherCourierCompany()}handleWeightUnitChange(i){this.inputs={...this.inputs,weightUnit:i},this.validateWeightUnits()}renderOverweightControls(){return this.inputs.isHistorical?r(p||(p=s(['<ix-textbox\n        class="mt-5 block"\n        label="Weight"\n        name="weightTxt"\n        .value=',"\n        .maxLength=","\n        .error=","\n        .errorText=","\n        @input=","\n      ></ix-textbox>"])),this.inputs.weight,this.validations.weightMaxLength,!!this.validations.weightErrorText,this.validations.weightErrorText,i=>this.handleWeightChange(i.target.value)):r(v||(v=s(['<form class="ml-9 mt-5">\n      <ix-textbox\n        label="Weight"\n        name="weightTxt"\n        class="block w-80"\n        .value=',"\n        .maxLength=","\n        @input=","\n        .error=","\n        .errorText=",'\n      ></ix-textbox>\n      <ix-radio\n        name="weightUnit"\n        id="pounds"\n        label="Pounds"\n        .checked=',"\n        @change=",'\n      ></ix-radio>\n      <ix-radio\n        name="weightUnit"\n        id="kilograms"\n        label="Kilograms"\n        .checked=',"\n        @change=",'\n      ></ix-radio>\n      <span class="supporting-text error"\n        >',"</span\n      >\n    </form>"])),this.inputs.weight,this.validations.weightMaxLength,i=>this.handleWeightChange(i.target.value),!!this.validations.weightErrorText,this.validations.weightErrorText,this.inputs.weightUnit===u.Pounds,()=>this.handleWeightUnitChange(u.Pounds),this.inputs.weightUnit===u.Kilograms,()=>this.handleWeightUnitChange(u.Kilograms),this.validations.weightUnitErrorText)}renderBody(){var i;return r(f||(f=s(['\n      <div class="package-dialog form-wrapper">\n        <div class="form-wrapper__fields form-margin">\n          ','\n\n          <ix-textbox\n            label="Tracking Number"\n            name="trackingNumberTxt"\n            .minLength=',"\n            .maxLength=","\n            .value=","\n            .error=","\n            .errorText=","\n            @input=",'\n          ></ix-textbox>\n\n          <ix-select\n            label="Courier Company"\n            menu-positioning="fixed"\n            name="courierCompanySelect"\n            .wideMenu=',"\n            required\n            .error=","\n            .errorText=","\n            @input=","\n          >\n            ","\n          </ix-select>\n\n          ","\n          ","\n        </div>\n      </div>\n    "])),a.newTicket.serviceBackend!==t.TelxSFDC?r(x||(x=s(['<ix-textbox\n                label="Number of Packages"\n                name="numberOfPackagesTxt"\n                type="number"\n                .min=',"\n                .max=","\n                required\n                ?disabled=","\n                .value=","\n                .error=","\n                .errorText=","\n                @input=","\n              ></ix-textbox>"])),this.validations.numberOfPackagesMin,this.validations.numberOfPackagesMax,this.isEditTicket,this.inputs.numberOfPackages,!!this.validations.numberOfPackagesErrorText,this.validations.numberOfPackagesErrorText,e=>this.handleNumberOfPackagesChange(e.target.value)):d,this.validations.trackingNumberMinLength,this.validations.trackingNumberMaxLength,this.inputs.trackingNumber,!!this.validations.trackingNumberErrorText,this.validations.trackingNumberErrorText,e=>this.handleTrackingNumberChange(e.target.value),!0,!!this.validations.courierErrorText,this.validations.courierErrorText,e=>this.handleCourierChange(e.target.value),(i=N.getCouriers(this.serviceBackend,!0))===null||i===void 0?void 0:i.map(e=>{var h;return r(k||(k=s(["<ix-select-option\n                value=","\n                .selected=",'\n              >\n                <div slot="headline">',"</div>\n              </ix-select-option>"])),e,e===((h=this.item)===null||h===void 0?void 0:h.courier),e)}),this.isOtherCourierSelected?r(b||(b=s(['<ix-textbox\n                label="Courier Company Name"\n                name="otherCompanyTxt"\n                required\n                .maxLength=',"\n                .value=","\n                @input=","\n                .error=","\n                .errorText=","\n              ></ix-textbox>"])),a.newTicket.serviceBackend===t.Insite?this.validations.otherCompanyMaxLength:d,this.inputs.otherCompany,e=>this.handleOtherCompanyChange(e.target.value),!!this.validations.otherCompanyErrorText,this.validations.otherCompanyErrorText):void 0,this.serviceBackend===t.ServiceNow?r(T||(T=s(['<div class="w-full">\n                  <ix-checkbox\n                    label="Overweight"\n                    arialabel="Overweight"\n                    ?disabled=',"\n                    .checked=","\n                    @change=","\n                  >\n                  </ix-checkbox>\n                  ",'\n                </div>\n\n                <ix-checkbox\n                  label="Oversized"\n                  arialabel="Oversized"\n                  ?disabled=',"\n                  .checked=","\n                  @change=","\n                >\n                </ix-checkbox>\n\n                ",""])),this.inputs.oversized||this.inputs.dimensions,this.inputs.overweight||this.isEditPackage&&this.inputs.weight&&this.inputs.weight!=="",e=>this.handleOverweightChange(e.target.checked),this.inputs.overweight||this.isEditPackage&&this.inputs.weight&&this.inputs.weight!==""?this.renderOverweightControls():d,this.inputs.overweight||this.inputs.weight,this.inputs.oversized||this.isEditPackage&&this.inputs.dimensions&&this.inputs.dimensions!=="",e=>this.handleOversizedChange(e.target.checked),this.inputs.oversized||this.isEditPackage&&this.inputs.dimensions&&this.inputs.dimensions!==""?r(C||(C=s(['<ix-textbox\n                      label="Dimensions"\n                      name="dimensionsTxt"\n                      .value=',"\n                      .maxLength=","\n                      @input=","\n                    ></ix-textbox>"])),this.inputs.dimensions,this.validations.dimensionsMaxLength,e=>this.handleDimensionsChange(e.target.value)):d):d)}render(){return r(w||(w=s(['<ix-dialog\n      id="addPackageDialog"\n      ?open=',"\n      @closed=","\n      @close=",'\n    >\n      <div slot="headline">Add Package(s)</div>\n      <form\n        slot="content"\n        id="addPackage-form-id"\n        method="dialog"\n        class="pl-[8px]"\n      >\n        ','\n      </form>\n      <div slot="actions">\n        <ix-button appearance="text" @click=','>\n          <span class="button-label">CANCEL</span>\n        </ix-button>\n        <ix-button\n          appearance="text"\n          name="submitBtn"\n          @click=','\n        >\n          <span class="button-label"\n            >',"</span\n          >\n        </ix-button>\n      </div>\n    </ix-dialog>"])),this.isDialogOpen,()=>this.onClose(),()=>this.onClose(),this.renderBody(),()=>this.onClose(),()=>this.handleAddPackage(),this.item?"UPDATE PACKAGE(S)":"ADD PACKAGE(S)")}};n.styles=[E,B],o([y()],n.prototype,"inputs",void 0),o([l({type:String})],n.prototype,"serviceBackend",void 0),o([l({type:Function})],n.prototype,"onClose",void 0),o([l({type:Object})],n.prototype,"item",void 0),o([l({type:Boolean})],n.prototype,"isDialogOpen",void 0),o([l({type:Boolean})],n.prototype,"isEditPackage",void 0),o([l({type:Boolean})],n.prototype,"isEditTicket",void 0),n=o([P("add-package-dialog")],n);export{n as AddPackageDialog};

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

@@ -0,0 +1 @@
+import{__decorate as r}from"tslib";import{MobxLitElement as T}from"@adobe/lit-mobx";import"@digital-realty/ix-progress/ix-progress.js";import{html as n,nothing as l}from"lit";import{property as a,state as p,customElement as f}from"lit/decorators.js";import{ApplicationEvents as C}from"../../constants/ui-service-management.js";import{ServiceBackendCodes as v,ServiceTicketTypes as d}from"../../constants/ui-service-management2.js";import{DeliveryBlockedMessage as g}from"../../constants/ui-service-management5.js";import{raiseEvent as b}from"../../helpers/ui-service-management12.js";import{removalsState as B}from"../../state/ui-service-management3.js";import{deliveriesState as m}from"../../state/ui-service-management11.js";import{siteNavigationState as x}from"../../state/ui-service-management12.js";import{ServiceTicketsStyles as D}from"../../styles/ui-service-management5.js";import{TicketTypeCardStyles as w}from"../../styles/ui-service-management7.js";import{TWStyles as N}from"../../ui-service-management2.js";var k=Object.freeze,R=Object.defineProperty,c=(e,t)=>k(R(e,"raw",{value:k(t||e.slice())})),y,h,S,u;let i=class extends T{constructor(){super(...arguments),this.selectedSite=void 0,this.removalsServiceBackend=void 0,this.deliveryBlocked=void 0}get deliveryDisabled(){return this.deliveryBlocked!==!1&&(this.removalsServiceBackend===v.ServiceNow||this.removalsServiceBackend===void 0)}async firstUpdated(){var e,t,o,s;this.removalsServiceBackend=await x.getServiceBackend((e=this.selectedSite)===null||e===void 0?void 0:e.accountNumber,(t=this.selectedSite)===null||t===void 0?void 0:t.id,"Removals"),this.removalsServiceBackend===v.ServiceNow&&(this.deliveryBlocked=await m.isDeliveryBlocked((o=this.selectedSite)===null||o===void 0?void 0:o.id,(s=this.selectedSite)===null||s===void 0?void 0:s.accountNumber))}handleOnCreateTicket(e){e===d.Deliveries?m.updateSite(this.selectedSite):B.updateSite(this.selectedSite),b(this,C.CreateTicket,{ticketType:e})}renderLoadingProgress(){return m.loadings.isDeliveryBlocked?n(y||(y=c(["<div>\n        <ix-progress .indeterminate=","></ix-progress>\n      </div>"])),!0):l}renderTicketTypeSelectCard(e,t,o,s=!1){return n(S||(S=c(['<div class="dr-ticket-card">\n      <div>\n        <div class="dr-ticket-card-title">',"</div>\n        <div>\n          <ix-button\n            name=","\n            @click=","\n            has-icon\n            trailing-icon\n            .disabled=",'\n          >\n            <md-icon slot="icon">east</md-icon>\n            <span class="create-service-ticket-btn"> START </span>\n          </ix-button>\n        </div>\n      </div>\n      ',"\n    </div>"])),e,o,()=>{this.handleOnCreateTicket(t)},s,t===d.Deliveries&&this.deliveryBlocked?n(h||(h=c(['<span\n            name="delivery-blocked"\n            class="dr-ticket-card-blocked-message"\n          >\n            ',"\n          </span>"])),g):l)}render(){return n(u||(u=c(['<ix-wizard\n      slot="content"\n      .enableHideCloseButton=',"\n      .onCloseClick=","\n      .onMinimiseClick=",'\n    >\n      <div class="wizard-content">\n        <div class="form-margin">\n          <h1 class="dlr-text-page-title">\n            Create Delivery or Removal Service Ticket\n          </h1>\n          <div class="sub-header dlr-text-heading">\n            <h4>Choose a request Type</h4>\n          </div>\n        </div>\n\n        <div class="form-wrapper pt-8">\n          <div class="dr-ticket-card-list form-margin">\n            ',"\n            ","\n            ","\n          </div>\n        </div>\n      </div>\n    </ix-wizard>"])),!0,()=>this.onCloseClick(),()=>this.onMinimiseClick(),this.renderLoadingProgress(),this.renderTicketTypeSelectCard("Delivery Ticket",d.Deliveries,"create-delivery-service-btn",this.deliveryDisabled),this.removalsServiceBackend!==v.ServiceNow?l:this.renderTicketTypeSelectCard("Removal Ticket",d.Removals,"create-edit-removals-service-btn"))}};i.styles=[w,D,N],r([a({type:Object})],i.prototype,"selectedSite",void 0),r([p()],i.prototype,"removalsServiceBackend",void 0),r([p()],i.prototype,"deliveryBlocked",void 0),r([a({type:Function})],i.prototype,"onCloseClick",void 0),r([a({type:Function})],i.prototype,"onMinimiseClick",void 0),i=r([f("deliveries-removals-ticket-type-selector")],i);export{i as DeliveriesRemovalsTicketTypeSelector};

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

@@ -0,0 +1 @@
+import{__decorate as a}from"tslib";import{LitElement as l,html as s}from"lit";import{Router as c}from"@vaadin/router";import{customElement as i}from"lit/decorators.js";import{AppGeneralStyles as m}from"../../styles/ui-service-management4.js";var r=Object.freeze,p=Object.defineProperty,u=(e,o)=>r(p(e,"raw",{value:r(o||e.slice())})),n;let t=class extends l{static get styles(){return[m]}render(){return s(n||(n=u(['\n        <div class="button-container">\n          <button\n            @click=','\n            class="temp-button white"\n          >\n            <span class="material-icons">\n              <md-icon slot="icon">restart_alt</md-icon>\n            </span>\n          </button>\n        </div>\n      </div>\n    '])),()=>{localStorage.clear(),c.go("/")})}};t=a([i("dev-clear-storage-button-service")],t);export{t as ClearStorageButton};