https://withjoy.com/bliss-apps/joy-web/web/sc/messages-v2.48a6e8ab.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[22178],{847536(e,a,t){t.r(a),t.d(a,{MessagesV2:()=>We});var n=t(296540),l=t(456846),r=t(478554),i=t(893421),o=t(600074),s=t(96012),d=t(122983),c=t(227957),m=t(940638),p=t(156433),g=t(60662),u=t(345154),h=t(799807);const y={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"InternalMessageSearch"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"criteria"}},type:{kind:"NamedType",name:{kind:"Name",value:"InternalMessageSearchCriteria"}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"limit"}},type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"offset"}},type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"internalMessageSearchResults"},arguments:[{kind:"Argument",name:{kind:"Name",value:"criteria"},value:{kind:"Variable",name:{kind:"Name",value:"criteria"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"allResults"},arguments:[{kind:"Argument",name:{kind:"Name",value:"limit"},value:{kind:"Variable",name:{kind:"Name",value:"limit"}}},{kind:"Argument",name:{kind:"Name",value:"offset"},value:{kind:"Variable",name:{kind:"Name",value:"offset"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"totalSearchCount"}},{kind:"Field",name:{kind:"Name",value:"messages"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"createAt"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"milliseconds"}}]}},{kind:"Field",name:{kind:"Name",value:"sentForEventId"}},{kind:"Field",name:{kind:"Name",value:"messageId"}},{kind:"Field",name:{kind:"Name",value:"messageBatchId"}},{kind:"Field",name:{kind:"Name",value:"stationeryOrderId"}},{kind:"Field",name:{kind:"Name",value:"messageType"}},{kind:"Field",name:{kind:"Name",value:"provider"}},{kind:"Field",name:{kind:"Name",value:"rawStatus"}},{kind:"Field",name:{kind:"Name",value:"lastStatusUpdate"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"milliseconds"}}]}},{kind:"Field",name:{kind:"Name",value:"recipient"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"email"}},{kind:"Field",name:{kind:"Name",value:"phoneNumber"}},{kind:"Field",name:{kind:"Name",value:"personId"}},{kind:"Field",name:{kind:"Name",value:"guestKey"}}]}},{kind:"Field",name:{kind:"Name",value:"fromEmail"}},{kind:"Field",name:{kind:"Name",value:"replyToEmail"}},{kind:"Field",name:{kind:"Name",value:"originalMessageId"}},{kind:"Field",name:{kind:"Name",value:"rawStatusHistory"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"rawStatus"}},{kind:"Field",name:{kind:"Name",value:"date"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"milliseconds"}}]}},{kind:"Field",name:{kind:"Name",value:"statusMessage"}}]}}]}}]}}]}}]}}]};const b=e=>e.type===g.GoH.email,E=e=>e.filter(b),f=(e,a)=>{const t=E(e);return t.length>0&&t.every(e=>a.has(e.id))},[x,v]=(0,u.q)({name:"MessagesV2State"}),k=({children:e})=>{const[a,t]=(0,n.useState)(1),[l,r]=(0,n.useState)(25),[i,o]=(0,n.useState)(null),[s,{data:d,loading:c,error:m,called:p,refetch:u}]=h._l(y,b);var b;const v=(()=>{const[e,a]=(0,n.useState)(()=>new Set);return{selectedIds:e,toggleSelected:(0,n.useCallback)(e=>{a(a=>{const t=new Set(a);return t.has(e)?t.delete(e):t.add(e),t})},[]),toggleSelectAll:(0,n.useCallback)(e=>{a(a=>{const t=E(e);if(f(e,a)){const e=new Set(a);return t.forEach(a=>e.delete(a.id)),e}const n=new Set(a);return t.forEach(e=>n.add(e.id)),n})},[]),clearSelection:(0,n.useCallback)(()=>a(new Set),[]),deselect:(0,n.useCallback)(e=>{a(a=>

1{const t=new Set(a);return e.forEach(e=>t.delete(e)),t})},[])}})(),{clearSelection:k}=v,S=(0,n.useCallback)(e=>{const a={};return e.email&&(a.email=e.email),e.fromEmail&&(a.fromEmail=e.fromEmail),e.replyTo&&(a.replyTo=e.replyTo),e.phoneE164&&(a.phone=e.phoneE164),e.eventId&&(a.eventId=e.eventId),e.personId&&(a.personId=e.personId),e.guestKey&&(a.guestKey=e.guestKey),e.messageBatchId&&(a.messageBatchId=e.messageBatchId),e.stationeryOrderId&&(a.stationeryOrderId=e.stationeryOrderId),"all"!==e.channel&&(a.type="email"===e.channel?g.GoH.email:g.GoH.sms),e.messageType&&(a.messageType=e.messageType),e.startCreateDate&&(a.startCreateDate=e.startCreateDate),e.endCreateDate&&(a.endCreateDate=e.endCreateDate),a},[]),C=(0,n.useCallback)(e=>{k(),o(e),t(1),r(e.pageSize),s({variables:{criteria:S(e),limit:e.pageSize,offset:0}})},[s,S,k]),w=(0,n.useCallback)(e=>{i&&(k(),t(e),s({variables:{criteria:S(i),limit:i.pageSize,offset:(e-1)*i.pageSize}}))},[s,S,i,k]),I=(0,n.useCallback)(()=>{u?.().catch(()=>{})},[u]),F=(0,n.useCallback)(e=>{if(!i)return;k(),t(1),r(e);const a={...i,pageSize:e};o(a),s({variables:{criteria:S(a),limit:e,offset:0}})},[s,S,i,k]),D=d?.internalMessageSearchResults.allResults.messages??[],N=d?.internalMessageSearchResults.allResults.totalSearchCount??0;return n.createElement(x,{value:{messages:D,totalSearchCount:N,loading:c,error:m,called:p,page:a,pageSize:l,runSearch:C,changePage:w,changePageSize:F,refetch:I,...v}},e)};var S=t(257634),C=t(951052),w=t(47751),I=t(469699),F=t(685616),D=t(604949),N=t(454188),V=t(1806),B=t(411340),z=t(177641);function M(e){return e?(0,V.default)(e):null}function T(e){return(0,z.A)(e)?(0,B.default)(e,"yyyy-MM-dd"):""}const R=["email","fromEmail","replyTo","phoneE164","eventId","personId","guestKey","messageBatchId","stationeryOrderId"];const A={email:"",fromEmail:"",replyTo:"",phoneDisplay:"",phoneE164:"",eventId:"",personId:"",guestKey:"",messageBatchId:"",stationeryOrderId:"",messageType:"",channel:"all",startCreateDate:"",endCreateDate:"",pageSize:25};const O=()=>{const{runSearch:e,called:a,changePageSize:t}=v(),{tq:l}=(0,s.B)("messagesV2ServiceCenter"),[r,i]=(0,n.useState)(!1),o=(0,n.useMemo)(()=>N.Ik({email:N.Yj().email(l`Please enter a valid email`),fromEmail:N.Yj().email(l`Please enter a valid email`),replyTo:N.Yj().email(l`Please enter a valid email`)}),[]),d=(0,D.Wx)({initialValues:A,validationSchema:o,onSubmit:a=>{e(a)}});(0,n.useEffect)(()=>{a&&i(!0)},[a]);const c=(m=d.values,R.some(e=>!!m[e]));var m;const p=d.touched.email&&d.errors.email?d.errors.email:void 0,g=d.touched.fromEmail&&d.errors.fromEmail?d.errors.fromEmail:void 0,u=d.touched.replyTo&&d.errors.replyTo?d.errors.replyTo:void 0,h=function(e){const a=[];return e.email&&a.push(`to email: ${e.email}`),e.fromEmail&&a.push(`from email: ${e.fromEmail}`),e.replyTo&&a.push(`reply-to: ${e.replyTo}`),e.phoneDisplay&&a.push(`to phone: ${e.phoneDisplay}`),e.eventId&&a.push(`event: ${e.eventId}`),e.personId&&a.push(`person: ${e.personId}`),e.guestKey&&a.push(`guest: ${e.guestKey}`),e.messageBatchId&&a.push(`batch: ${e.messageBatchId}`),e.stationeryOrderId&&a.push(`card order: ${e.stationeryOrderId}`),e.messageType&&a.push(`type: ${e.messageType}`),"all"!==e.channel&&a.push(`channel: ${e.channel}`),e.startCreateDate&&a.push(`from: ${e.startCreateDate}`),e.endCreateDate&&a.push(`to: ${e.endCreateDate}`),25!==e.pageSize&&a.push(`limit: ${e.pageSize}`),a}(d.values),{setFieldValue:y}=d,b=(0,n.useCallback)(e=>{const{phoneDisplay:a,phoneE164:t}=function(e){if(e.startsWith("+"))return{phoneDisplay:e,phoneE164:e};const a=e.replace(/\D/g,"").slice(0,10);return{phoneDisplay:(t=a,t?t.length<=3?"("+t:t.length<=6?"("+t.slice(0,3)+") "+t.slice(3):"("+t.slice(0,3)+") "+t.slice(3,6)+"-"+t.slice(6):""),phoneE164:10===a.length?"+1"+a:""};var t}(e);y("phoneDisplay",a),y("phoneE164",t)},[y]),E=(0,n.useCallback)(e=>{y("pageSize",e),a&&t(e)},[y,a,t]),f=(0,n.useCallback)(e=>{y("startCreateDate",T(e))},[y]),x=(0,n.useCallback)(e=>{y("endCreateDate",T(e))},[y]),k=(0,n.useCallback)(e=>{""===e&&y("startCreateDate","")},[y]),S=(0,n.useCallback)(e=>{""===e&&y("endCreateDate","")},[y]),C=(0,n.useMemo)(()=>new Date,[]);return{formik:d,gateOk:c,emailError:p,fromEmailError:g,replyToError:u,isCollapsed:r,setIsCollapsed:i,summaryChips:h,handlePhoneChange:b,handlePageSizeChange:E,handleStartDateChange:f,handleEndDateChange:x,handleStartDateClear:k,handleEndDateClear:S,today:C}},L=["personId","guestKey","messageBatchId","stationeryOrderId"],W=()=>{const{tq:e}=(0,s.B)("messagesV2ServiceCenter"),{formik:a,gateOk:t,emailError:o,fromEmailError:d,replyToError:c,isCollapsed:m,setIsCollapsed:p,summaryChips:g,handlePhoneChange:u,handlePageSizeChange:h,handleStartDateChange:y,handleEndDateChange:b,handleStartDateClear:E,handleEndDateClear:f,today:x}=O(),v={fontSize:"13px"},k=L.some(e=>

1!!a.values[e]),[D,N]=(0,n.useState)(!1),V=k||D;return m?n.createElement(l.a,{display:"flex",alignItems:"center",flexWrap:"wrap",gap:"8px",padding:"10px 16px",border:"1px solid #E8E8E8",borderRadius:8,background:"#FFFFFF"},g.map(e=>n.createElement(l.a,{key:e,paddingX:"10px",paddingY:"3px",borderRadius:"100px",background:"#F0F0F0",fontSize:"12px",fontFamily:"monospace",color:"mono14"},e)),n.createElement(r.J,{size:"sm",variant:"ghost",marginLeft:"auto",onClick:()=>p(!1)},n.createElement(I.A,{size:"sm",marginRight:"4px"}),e`Edit search`)):n.createElement(l.a,{as:"form",onSubmit:a.handleSubmit,border:"1px solid #E8E8E8",borderRadius:8,padding:"20px",background:"#FFFFFF"},n.createElement(l.a,{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"16px",marginBottom:"16px"},n.createElement(S.M,{label:e`To Email`,error:o},n.createElement(C.d,{name:"email",value:a.values.email,onChange:a.handleChange,onBlur:a.handleBlur,placeholder:"[email protected]",style:v})),n.createElement(S.M,{label:e`From email`,error:d},n.createElement(C.d,{name:"fromEmail",value:a.values.fromEmail,onChange:a.handleChange,onBlur:a.handleBlur,placeholder:"[email protected]",style:v})),n.createElement(S.M,{label:e`Reply-to`,error:c},n.createElement(C.d,{name:"replyTo",value:a.values.replyTo,onChange:a.handleChange,onBlur:a.handleBlur,placeholder:"[email protected]",style:v})),n.createElement(S.M,{label:e`To Phone`},n.createElement(l.a,null,n.createElement(C.d,{name:"phoneDisplay",value:a.values.phoneDisplay,onChange:e=>u(e.target.value),placeholder:"+14155550100 or (415) 555-0100",style:v}),a.values.phoneE164&&n.createElement(i.e,{typographyVariant:"label3",color:"mono10",marginTop:"4px"},"\u2192 ",a.values.phoneE164))),n.createElement(S.M,{label:e`Event ID`},n.createElement(C.d,{name:"eventId",value:a.values.eventId,onChange:a.handleChange,style:v}))),n.createElement(r.J,{type:"button",variant:"ghost",size:"sm",onClick:()=>N(e=>!e),marginBottom:"16px"},V?n.createElement(F.A,{size:"sm",marginRight:"4px"}):n.createElement(I.A,{size:"sm",marginRight:"4px"}),e`More identifiers`),V&&n.createElement(l.a,{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"16px",marginBottom:"16px"},n.createElement(S.M,{label:e`Person ID`},n.createElement(C.d,{name:"personId",value:a.values.personId,onChange:a.handleChange,style:v})),n.createElement(S.M,{label:e`Guest key`},n.createElement(C.d,{name:"guestKey",value:a.values.guestKey,onChange:a.handleChange,style:v})),n.createElement(S.M,{label:e`Batch ID`},n.createElement(C.d,{name:"messageBatchId",value:a.values.messageBatchId,onChange:a.handleChange,style:v})),n.createElement(S.M,{label:e`Card order ID`},n.createElement(C.d,{name:"stationeryOrderId",value:a.values.stationeryOrderId,onChange:a.handleChange,style:v}))),n.createElement(l.a,{display:"flex",flexWrap:"wrap",gap:"16px",marginBottom:"16px"},n.createElement(S.M,{label:e`Message type`},n.createElement(C.d,{name:"messageType",value:a.values.messageType,onChange:a.handleChange,placeholder:"e.g. announcement",style:{...v,width:"160px"}})),n.createElement(S.M,{label:e`Channel`},n.createElement("select",{name:"channel",value:a.values.channel,onChange:a.handleChange,style:{fontSize:"13px",padding:"8px 10px",borderRadius:"6px",border:"1px solid #D8D8D8",width:"120px"}},n.createElement("option",{value:"all"},e`All`),n.createElement("option",{value:"email"},e`Email`),n.createElement("option",{value:"sms"},e`SMS`))),n.createElement(S.M,{label:e`Created from`},n.createElement(w.t,{value:M(a.values.startCreateDate),onChange:y,onInputChange:E,maxDate:M(a.values.endCreateDate)||x,dateFormat:"MM/dd/yyyy",placeholder:"MM/DD/YYYY"})),n.createElement(S.M,{label:e`Created to`},n.createElement(w.t,{value:M(a.values.endCreateDate),onChange:b,onInputChange:f,minDate:M(a.values.startCreateDate)||void 0,maxDate:x,dateFormat:"MM/dd/yyyy",placeholder:"MM/DD/YYYY"})),n.createElement(S.M,{label:e`Page size`},n.createElement("select",{name:"pageSize",value:a.values.pageSize,onChange:e=>h(Number(e.target.value)),style:{fontSize:"13px",padding:"8px 10px",borderRadius:"6px",border:"1px solid #D8D8D8",width:"80px"}},n.createElement("option",{value:25},"25"),n.createElement("option",{value:50},"50"),n.createElement("option",{value:100},"100")))),!t&&n.createElement(l.a,{padding:"10px 14px",borderRadius:6,background:"rgb(255,243,229)",marginBottom:"12px"},n.createElement(i.e,{typographyVariant:"label3",color:"mono14"},e`Add an email, phone, or event ID to enable search`)),n.createElement(l.a,{display:"flex",gap:"12px",alignItems:"center"},n.createElement(r.J,{type:"submit",disabled:!t},e`Search`),n.createElement(r.J,{type:"button",variant:"ghost",size:"sm",marginLeft:"auto",onClick:()=>p(!0)},n.createElement(F.A,{size:"sm",marginRight:"4px"}),e`Collapse`)))};var $=t(263342);const j=new Set(["failed","rejected","undelivered","complained"]),P={failed:{label:"Failed",fg:"rgb(153,0,25)",bg:"rgb(255,229,234)"},rejected:{label:"Rejected",fg:"rgb(153,0,25)",bg:"rgb(255,229,234)"},undelivered:{label:"Undelivered",fg:"rgb(153,0,25)",bg:"rgb(255,229,234)"}

1,complained:{label:"Complained",fg:"rgb(153,0,25)",bg:"rgb(255,229,234)"},delivered:{label:"Delivered",fg:"rgb(23,111,105)",bg:"rgb(232,255,248)"},opened:{label:"Opened",fg:"rgb(23,111,105)",bg:"rgb(232,255,248)"},clicked:{label:"Clicked",fg:"rgb(23,111,105)",bg:"rgb(232,255,248)"},read:{label:"Read",fg:"rgb(23,111,105)",bg:"rgb(232,255,248)"},sent:{label:"Sent",fg:"#4951EF",bg:"rgb(238,235,255)"},queued:{label:"Queued",fg:"#4951EF",bg:"rgb(238,235,255)"},sending:{label:"Sending",fg:"#4951EF",bg:"rgb(238,235,255)"},accepted:{label:"Accepted",fg:"#4951EF",bg:"rgb(238,235,255)"},scheduled:{label:"Scheduled",fg:"#4951EF",bg:"rgb(238,235,255)"},created:{label:"Created",fg:"#767676",bg:"#F0F0F0"},preparing:{label:"Preparing",fg:"#767676",bg:"#F0F0F0"},canceled:{label:"Canceled",fg:"#767676",bg:"#F0F0F0"},unsubscribed:{label:"Unsubscribed",fg:"rgb(178,96,0)",bg:"rgb(255,243,229)"}},_={channel:"all",status:"all",mtype:"all",hasError:!1,recipient:""},q=({messages:e,filters:a,onChange:t})=>{const{tq:o}=(0,s.B)("messagesV2ServiceCenter"),d=["all",...Array.from(new Set(e.map(e=>e.rawStatus)))],c=["all",...Array.from(new Set(e.map(e=>e.messageType).filter(Boolean)))],m=e.filter(e=>j.has(e.rawStatus)).length;return n.createElement(l.a,{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"12px",padding:"12px 16px",background:"#F7F8FC",borderRadius:8,border:"1px solid #E8E8E8"},n.createElement(l.a,{display:"flex",alignItems:"center",gap:"6px"},n.createElement(i.e,{typographyVariant:"label3",color:"mono10"},o`Channel`),n.createElement("select",{value:a.channel,onChange:e=>t({...a,channel:e.target.value}),style:{fontSize:"13px",padding:"4px 8px",borderRadius:"6px",border:"1px solid #D8D8D8"}},n.createElement("option",{value:"all"},o`All`),n.createElement("option",{value:"email"},o`Email`),n.createElement("option",{value:"sms"},o`SMS`))),n.createElement(l.a,{display:"flex",alignItems:"center",gap:"6px"},n.createElement(i.e,{typographyVariant:"label3",color:"mono10"},o`Status`),n.createElement("select",{value:a.status,onChange:e=>t({...a,status:e.target.value}),style:{fontSize:"13px",padding:"4px 8px",borderRadius:"6px",border:"1px solid #D8D8D8"}},d.map(e=>n.createElement("option",{key:e,value:e},"all"===e?o`All`:e)))),n.createElement(l.a,{display:"flex",alignItems:"center",gap:"6px"},n.createElement(i.e,{typographyVariant:"label3",color:"mono10"},o`Type`),n.createElement("select",{value:a.mtype,onChange:e=>t({...a,mtype:e.target.value}),style:{fontSize:"13px",padding:"4px 8px",borderRadius:"6px",border:"1px solid #D8D8D8"}},c.map(e=>n.createElement("option",{key:e,value:e},"all"===e?o`All`:e.replace(/_/g," "))))),n.createElement(l.a,{as:"button",type:"button",display:"inline-flex",alignItems:"center",gap:"6px",paddingX:"12px",paddingY:"6px",borderRadius:"100px",border:"2px solid",cursor:"pointer",fontWeight:600,fontSize:"13px",style:a.hasError?{background:"rgb(153,0,25)",borderColor:"rgb(153,0,25)",color:"#fff"}:{background:"rgb(255,229,234)",borderColor:"rgb(220,38,38)",color:"rgb(153,0,25)"},onClick:()=>t({...a,hasError:!a.hasError})},n.createElement($.A,{size:"sm"}),o`Errors only`,m>0&&n.createElement(l.a,{as:"span",display:"inline-flex",alignItems:"center",justifyContent:"center",paddingX:"6px",paddingY:"1px",borderRadius:"100px",fontSize:"11px",fontWeight:700,style:a.hasError?{background:"rgba(255,255,255,0.25)",color:"#fff"}:{background:"rgb(220,38,38)",color:"#fff"}},m)),n.createElement(l.a,{display:"flex",alignItems:"center",gap:"6px"},n.createElement(i.e,{typographyVariant:"label3",color:"mono10"},o`Recipient`),n.createElement("input",{value:a.recipient,onChange:e=>t({...a,recipient:e.target.value}),placeholder:o`filter...`,style:{fontSize:"13px",padding:"4px 8px",borderRadius:"6px",border:"1px solid #D8D8D8",width:"160px"}})),!(e=>"all"===e.channel&&"all"===e.status&&"all"===e.mtype&&!e.hasError&&""===e.recipient)(a)&&n.createElement(r.J,{size:"sm",variant:"ghost",onClick:()=>t(_)},o`Clear filters`))};var H=t(578394),Y=t(677070),J=t(413641),K=t(98765);const X="rgb(220,38,38)";function G(e){return new Date(e).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit",timeZoneName:"short"})}const Z=e=>P[e]?.label||e,Q=e=>j.has(e)?X:P[e]?.fg||"rgb(23,111,105)",U=({message:e,fontSize:a})=>n.createElement(l.a,{fontFamily:"monospace",fontSize:a,padding:"6px 8px",borderRadius:4,style:{background:"rgb(255,241,244)",border:"1px solid rgb(254,202,210)",color:"#7F1D1D",wordBreak:"break-word"}},e),ee=({color:e,glyph:a,size:t})=>n.createElement(l.a,{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"100px",fontSize:"11px",fontWeight:700,style:{width:t,height:t,minWidth:t,background:e,color:"#FFFFFF"}},a),ae=({entries:e})=>n.createElement(l.a,{display:"flex",flexDirection:"column"},e.map((a,t)=>{const r=j.has(a.rawStatus),o=t===e.length-1;return n.createElement(l.a,{key:`${a.rawStatus}-${a.date.milliseconds}-${t}`,display:"flex",gap:"10px"},n.createElement(l.a,{display:"flex",flexDirection:"column",alignItems:"center"},n.createElement(ee,{color:Q(a.rawStatus),glyph:r?"\u2717":"\u2713",size:20}),!o&&n.createElement(l.a,{flex:"1",marginY:"2px",style:{width:2,minHeight:12,background:"#E0E0E0"}})),n.createElement(l.a,{display:"flex",flexDirection:"column",gap:"3px",paddingBottom:o?"0":"12px",style:{minWidth:0,flex:1}},n.createElement(l.a,{display:"flex",alignItems:"baseline",gap:"8px",flexWrap:"wrap"},n.createElement(i.e,{typographyVariant:"label3",fontSize:"12.5px",fontWeight:700},Z(a.rawStatus)),n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px",color:"mono10"},G(a.date.milliseconds))),a.statusMessage&&n.createElement(U,{message:a.statusMessage,fontSize:"11px"})))})),te=({entries:e})=>{let a=-1;return e.forEach((e,t)=>{j.has(e.rawStatus)||(a=t)}),n.createElement(l.a,{overflowX:"auto",display:"flex",alignItems:"flex-start",ga

1p:"0",paddingBottom:"6px"},e.map((t,r)=>{const o=j.has(t.rawStatus),s=r===e.length-1,d=o?X:r===a?"#4951EF":Q(t.rawStatus);return n.createElement(l.a,{key:`${t.rawStatus}-${t.date.milliseconds}-${r}`,display:"flex",alignItems:"flex-start"},n.createElement(l.a,{display:"flex",flexDirection:"column",alignItems:"center",gap:"4px",style:{width:120,minWidth:120}},n.createElement(ee,{color:d,glyph:o?"\u2717":"\u2713",size:22}),n.createElement(i.e,{typographyVariant:"label3",fontSize:"12px",fontWeight:700,textAlign:"center"},Z(t.rawStatus)),n.createElement(i.e,{typographyVariant:"label3",fontSize:"10.5px",color:"mono10",textAlign:"center"},G(t.date.milliseconds)),t.statusMessage&&n.createElement(U,{message:t.statusMessage,fontSize:"10px"})),!s&&n.createElement(l.a,{marginTop:"10px",style:{width:36,height:2,minWidth:36,background:"#E0E0E0"}}))}))},ne=({entries:e,variant:a})=>{const{tq:t}=(0,s.B)("messagesV2ServiceCenter"),l=(e=>[...e].sort((e,a)=>e.date.milliseconds-a.date.milliseconds))(e);return 0===l.length?n.createElement(i.e,{typographyVariant:"label3",fontSize:"12px",color:"mono10"},t`No status history available`):"stepper"===a?n.createElement(te,{entries:l}):n.createElement(ae,{entries:l})},le={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"InternalMessageById"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"id"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"internalMessageById"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"id"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"createAt"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"milliseconds"}}]}},{kind:"Field",name:{kind:"Name",value:"messageId"}},{kind:"Field",name:{kind:"Name",value:"messageType"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"provider"}},{kind:"Field",name:{kind:"Name",value:"rawStatus"}},{kind:"Field",name:{kind:"Name",value:"recipient"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"email"}},{kind:"Field",name:{kind:"Name",value:"phoneNumber"}}]}},{kind:"Field",name:{kind:"Name",value:"fromEmail"}}]}}]}}]};function re(e){return(e.rawStatusHistory??[]).filter(a=>a.rawStatus===e.rawStatus).sort((e,a)=>a.date.milliseconds-e.date.milliseconds)[0]?.statusMessage??""}function ie(e){return e.type===g.GoH.email&&"mailgun"===e.provider?"":e.provider}const oe=(e,a)=>{if(e.createAt.milliseconds!==a.createAt.milliseconds)return e.createAt.milliseconds>a.createAt.milliseconds;const t=Boolean(e.originalMessageId);return t!==Boolean(a.originalMessageId)?t:e.id>a.id},se=e=>{const a=new Map;return e.forEach(e=>{const t=(e=>e.originalMessageId??e.id)(e),n=a.get(t);n?n.push(e):a.set(t,[e])}),a};const de=({originalMessageId:e})=>{const{tq:a}=(0,s.B)("messagesV2ServiceCenter"),[t,{data:r,loading:o,error:d,called:c}]=h._l(le,m);var m;(0,n.useEffect)(()=>{t({variables:{id:e}})},[t,e]);const p=r?.internalMessageById;return n.createElement(l.a,{marginTop:14,paddingTop:12,borderTop:"1px solid #E5E7EB"},n.createElement(i.e,{fontSize:"12.5px",fontWeight:700,marginBottom:"8px"},a`Original message`),(o||!c)&&n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px",color:"mono10"},a`Loading the original…`),!o&&(d||c&&!p)&&n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px",color:"mono10"},a`Original not found — it may have been deleted.`),!o&&p&&n.createElement(l.a,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(160px, 1fr))",gap:"8px 20px"},n.createElement(ce,{label:a`Sent`,value:new Date(p.createAt.milliseconds).toLocaleString()}),n.createElement(ce,{label:a`Recipient`,value:p.recipient.email||p.recipient.phoneNumber||"\u2013"}),n.createElement(ce,{label:a`Status`,value:p.rawStatus}),n.createElement(ce,{label:a`Message type`,value:p.messageType||"\u2013"}),n.createElement(ce,{label:a`Provider`,value:ie(p)||"\u2013"}),n.createElement(ce,{label:a`Provider id`,value:p.messageId||"\u2013"}),n.createElement(ce,{label:a`From`,value:p.fromEmail||"\u2013"})))},ce=({label:e,value:a})=>n.createElement(l.a,{style:{minWidth:0}},n.createElement(i.e,{typographyVariant:"label3",fontSize:"10px",color:"mono10"},e),n.createElement(i.e,{typographyVariant:"label3",fontSize:"11.5px",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},a)),me=({message:e,isSelected:a,onToggle:t})=>{const{tq:r}=(0,s.B)("messagesV2ServiceCenter"),i=b(e),o=n.createElement(Y.E,{isChecked:i&&a,isDisabled:!i,onChange:()=>t(e.id),"aria-label":i?r`Select message for resend`:r`SMS resend is not available yet`});return n.createElement(l.a,{display:"flex",alignItems:"center",justifyContent:"center",onClick:e=>e.stopPropagation()},i?o:n.createElement(H.Q,{content:r`SMS resend isn't available yet`},o))},pe=({attemptNumber:e})=>{const{tq:a}=(0,s.B)("messagesV2ServiceCenter"),t=n.createElement(l.a,{tabIndex:0,display:"inline-block",paddingX:"6px",paddingY:"1px",borderRadius:"100px",background:"rgb(238,235,255)",color:"#4951EF",fontSize:"9.5px",fontWeight:700,letterSpacing:"0.03em",whiteSpace:"nowrap",cursor:"help"},a`ATTEMPT ${String(e)}`);return n.createElement(H.Q,{content:n.createElement(i.e,{typographyVariant:"label3"},a`Attempt ${String(e)}, counted from these results and including the first send. Earlier attempts on another page are not counted. Only the latest is listed — expand this row to see the original.`)},t)};var ge=t(852783);const ue="132px 82px 84px 180px 190px 108px 200px 108px 118px 48px 40px",he=ue.trim().split(/\s+/).length,ye=()=>n.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M10 6.5V10.5H1.5V2H5.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 1.5H10.5V4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.5 1.5L5.5 6.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),be=({value:e,maxLen:a})=>

1{const[t,l]=(0,n.useState)(!1),r=(0,n.useRef)(void 0);(0,n.useEffect)(()=>()=>clearTimeout(r.current),[]);const o=(0,n.useCallback)(a=>{if(a.stopPropagation(),!e)return;const t=e=>{l(!0),clearTimeout(r.current),r.current=e.setTimeout(()=>l(!1),1500)};(0,J.B)(a=>{if(a.navigator.clipboard)a.navigator.clipboard.writeText(e).then(()=>t(a));else{const n=a.document.createElement("textarea");n.value=e,a.document.body.appendChild(n),n.select(),a.document.execCommand("copy"),a.document.body.removeChild(n),t(a)}})},[e]);if(!e)return n.createElement(i.e,{typographyVariant:"label3",fontSize:"12px",color:"mono10"},"\u2013");const s=e.length>a?e.slice(0,a)+"\u2026":e,d=e.length>a,c=n.createElement(i.e,{typographyVariant:"label3",fontSize:"12px",fontFamily:"monospace",cursor:d?"help":"default",onDoubleClick:o,title:t?"Copied!":void 0},t?"\u2713 copied":s);return d?n.createElement(H.Q,{content:n.createElement(i.e,{typographyVariant:"label3",fontFamily:"monospace",style:{wordBreak:"break-all"}},e,n.createElement(i.e,{as:"span",typographyVariant:"label3",color:"mono10",marginLeft:"6px"},"(double-click to copy)"))},c):c},Ee=({label:e,value:a,maxLen:t=12})=>n.createElement(l.a,{display:"flex",alignItems:"center",gap:"4px"},n.createElement(i.e,{typographyVariant:"label3",fontSize:"10px",color:"mono10"},e),n.createElement(be,{value:a,maxLen:t})),fe=({messageBatchId:e,stationeryOrderId:a})=>{const{tq:t}=(0,s.B)("messagesV2ServiceCenter");return n.createElement(l.a,{display:"flex",flexDirection:"column",gap:"2px",style:{minWidth:0}},n.createElement(be,{value:e,maxLen:15}),a&&n.createElement(Ee,{label:t`card:`,value:a,maxLen:8}))},xe=({type:e})=>{const a="email"===e;return n.createElement(l.a,{display:"inline-flex",alignItems:"center",gap:"4px",paddingX:"8px",paddingY:"2px",borderRadius:"100px",fontSize:"11px",fontWeight:600,style:{color:a?"#4951EF":"rgb(23,111,105)",background:a?"rgb(238,235,255)":"rgb(232,255,248)"}},a?"\u2709":"\u{1f4f1}"," ",a?"Email":"SMS")},ve=({status:e})=>{const a=P[e]??{label:e,fg:"#767676",bg:"#F0F0F0"};return n.createElement(l.a,{display:"inline-block",paddingX:"8px",paddingY:"2px",borderRadius:"100px",fontSize:"11px",fontWeight:600,style:{color:a.fg,background:a.bg}},a.label)},ke=()=>{const e=n.createElement(l.a,{background:"#EBEBEB",borderRadius:4,height:"13px"});return n.createElement(l.a,null,Array.from({length:7}).map((a,t)=>n.createElement(l.a,{key:t,display:"grid",gridTemplateColumns:ue,gap:"8px",padding:"12px 16px",borderBottom:"1px solid #F0F0F0"},Array.from({length:he}).map((a,t)=>n.createElement(l.a,{key:t},e)))))},Se=({variant:e})=>{const{tq:a}=(0,s.B)("messagesV2ServiceCenter");return n.createElement(l.a,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"64px 32px",gap:"12px"},"pre-search"===e?n.createElement(n.Fragment,null,n.createElement(i.e,{typographyVariant:"hed3"},a`Search for messages`),n.createElement(i.e,{typographyVariant:"body1",color:"mono10",textAlign:"center"},a`Enter a customer email, phone number, event ID, or batch ID to find messages`)):n.createElement(n.Fragment,null,n.createElement(i.e,{typographyVariant:"hed3"},a`No messages found`),n.createElement(i.e,{typographyVariant:"body1",color:"mono10",textAlign:"center"},a`Note: phone numbers must be in E.164 format — the tool auto-formats as you type`)))},Ce=({error:e})=>{const{tq:a}=(0,s.B)("messagesV2ServiceCenter");return n.createElement(l.a,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"64px 32px",gap:"12px"},n.createElement(i.e,{typographyVariant:"hed3",color:"error6"},a`Search failed`),n.createElement(i.e,{typographyVariant:"body1",color:"mono10",textAlign:"center"},e.message))},we=({value:e,onChange:a})=>{const{tq:t}=(0,s.B)("messagesV2ServiceCenter"),r=[{variant:"list",glyph:"\u2261",label:t`List`},{variant:"stepper",glyph:"\u229e",label:t`Stepper`}];return n.createElement(l.a,{display:"inline-flex",padding:"2px",borderRadius:"100px",background:"#EBEBF2"},r.map(t=>{const r=e===t.variant;return n.createElement(l.a,{as:"button",key:t.variant,type:"button",display:"inline-flex",alignItems:"center",gap:"5px",paddingX:"10

1px",paddingY:"3px",borderRadius:"100px",border:"none",fontSize:"11px",fontWeight:600,cursor:"pointer",onClick:e=>{e.stopPropagation(),a(t.variant)},style:{background:r?"#FFFFFF":"transparent",color:r?"#22223B":"#767676",boxShadow:r?"0 1px 2px rgba(0,0,0,0.12)":"none"}},t.glyph," ",t.label)}))},Ie=({messages:e,attemptNumberById:a,loading:t,called:o,error:d,canResend:c,selectedIds:m,onToggleSelected:p,onToggleSelectAll:g})=>{const{tq:u}=(0,s.B)("messagesV2ServiceCenter"),h=[u`Date`,u`Channel`,u`Provider`,u`Recipient`,u`Message type`,u`Last status`,u`Status message`,u`Event ID`,u`Batch ID`,u`View`,""],y=c?"36px 132px 82px 84px 180px 190px 108px 200px 108px 118px 48px 40px":ue,b=f(e,m),x=E(e).length>0,[v,k]=(0,n.useState)(new Set),[S,C]=(0,K.A)("servicecenter:messagesv2:timelineVariant","list");return t?n.createElement(ke,null):o?d?n.createElement(Ce,{error:d}):0===e.length?n.createElement(Se,{variant:"zero"}):n.createElement(l.a,{overflowX:"auto",minWidth:0,border:"1px solid #E8E8E8",borderRadius:8},n.createElement(l.a,{display:"grid",gridTemplateColumns:y,gap:"8px",padding:"8px 16px",background:"#F7F8FC",borderBottom:"1px solid #E8E8E8",borderLeft:"3px solid transparent"},c&&n.createElement(l.a,{display:"flex",alignItems:"center",justifyContent:"center"},n.createElement(Y.E,{isChecked:b,isDisabled:!x,onChange:()=>g(e),"aria-label":u`Select all email messages on this page`})),h.map((e,a)=>n.createElement(i.e,{key:a,typographyVariant:"label3",color:"mono10",fontWeight:600},e))),e.map(e=>{const t=j.has(e.rawStatus),o=v.has(e.id),s=e.createAt.milliseconds,d=new Date(s).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",timeZoneName:"short"}),g=e.recipient.email||e.recipient.phoneNumber||"\u2013",h=re(e),b=ie(e),E=(e=>"email"===e.type?(0,ge.M)(e.messageId??void 0)??null:function(e,a,t){if(!e)return null;const n=`/${e}/edit/messaging/sms-preview/${a}`;return null==t?n:`${n}?sentOn=${t}`}(e.sentForEventId,e.id,e.createAt?.milliseconds))(e);return n.createElement(n.Fragment,{key:e.id},n.createElement(l.a,{display:"grid",gridTemplateColumns:y,gap:"8px",padding:"10px 16px",alignItems:"center",borderBottom:"1px solid #F0F0F0",cursor:"pointer",style:{borderLeft:t?"3px solid rgb(220,38,38)":"3px solid transparent",background:t?"rgba(220,38,38,0.03)":void 0},_hover:{background:"#FAFAFA"},onClick:()=>{return a=e.id,void k(e=>{const t=new Set(e);return t.has(a)?t.delete(a):t.add(a),t});var a}},c&&n.createElement(me,{message:e,isSelected:m.has(e.id),onToggle:p}),n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px"},d),n.createElement(l.a,null,n.createElement(xe,{type:e.type})),n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px",color:b?"mono14":"mono10",title:b||void 0,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},b||"\u2013"),n.createElement(l.a,{display:"flex",flexDirection:"column",gap:"2px",style:{minWidth:0}},n.createElement(i.e,{typographyVariant:"label3",fontSize:"12px",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},g),e.recipient.personId&&n.createElement(Ee,{label:u`person:`,value:e.recipient.personId}),e.recipient.guestKey&&n.createElement(Ee,{label:u`guest:`,value:e.recipient.guestKey}),e.fromEmail&&n.createElement(l.a,{display:"flex",alignItems:"center",gap:"4px",style:{minWidth:0}},n.createElement(i.e,{typographyVariant:"label3",fontSize:"10px",color:"mono10"},"from:"),n.createElement(i.e,{typographyVariant:"label3",fontSize:"10px",color:"mono10",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},e.fromEmail)),e.replyToEmail&&n.createElement(l.a,{display:"flex",alignItems:"center",gap:"4px",style:{minWidth:0}},n.createElement(i.e,{typographyVariant:"label3",fontSize:"10px",color:"mono10"},"reply-to:"),n.createElement(i.e,{typographyVariant:"label3",fontSize:"10px",color:"mono10",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},e.replyToEmail))),n.createElement(l.a,{display:"flex",flexDirection:"column",gap:"3px",style:{minWidth:0}},n.createElement(i.e,{typographyVariant:"label3",fontSize:"12px",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},e.messageType?.replace(/_/g," ")||"\u2013"),Boolean(e.originalMessageId)&&n.createElement(l.a,null,n.createElement(pe,{attemptNumber:a.get(e.id)??2}))),n.createElement(l.a,null,n.createElement(ve,{status:e.rawStatus})),n.createElement(i.e,{typographyVariant:"label3",fontSize:"12px",fontFamily:h?"monospace":void 0,color:h?"mono14":"mono10",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},h||"\u2013"),n.createElement(be,{value:e.sentForEventId,maxLen:13}),n.createElement(fe,{messageBatchId:e.messageBatchId,stationeryOrderId:e.stationeryOrderId}),n.createElement(l.a,{display:"flex",alignItems:"center",justifyContent:"center"},E&&n.createElement(l.a,{as:"button",type:"button",onClick:e=>{e.stopPropagation(),(0,J.B)(e=>e.open(E,"_blank"))},"aria-label":"email"===e.type?u`View email`:u`View SMS`,color:"mono10",_hover:{color:"mono14"},padding:0,display:"flex",alignItems:"center",__css:{background:"none",border:"none",cursor:"pointer"}},n.createElement(ye,null))),n.createElement(l.a,{display:"flex",alignItems:"center",justifyContent:"center"},o?n.createElement(F.A,{size:"sm"}):n.createElement(I.A,{size:"sm"}))),o&&n.createElement(l.a,{background:"#F7F8FC",padding:"14px 20px 18px 36px",borderBottom:"1px solid #EBEBEB",style:{borderLeft:"3px solid "+(t?"rgb(220,38,38)":"#4951EF")}},n.createElement(l.a,{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"14px",flexWrap:"wrap",gap:"8px"},n.createElement(l.a,{display:"flex",alignItems:"center",gap:"14px",flexWrap:"wrap"},n.createElement(i.e,{fontSize:"12.5px",fontWeight:700},u`Status history`),n.createElement(i.e,{fontSize:"11px",color:"mono10",fontFamily:"monospace"},e.recipient.email||e.recipient.phoneNumber)),n.createElement(we,{value:S,onChange:C})),n.createElement(ne,{entries:e.rawStatusHistory??[],variant:S}),e.originalMessageId&&n.createElement(de,{originalMessageId:e.originalMessageId}),E&&n.createElement(l.a,{marginTop:14,paddingTop:12,borderTop:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:2},n.createElement(r.J,{variant:"link",onClick:()=>(0,J.B)(e=>e.open(E,"_blank")),display:"flex",alignItems:"center",gap:1},n.createElement(ye,null),"email"===e.type?u`View email in viewer`:u`View SMS preview`))))})):n.createElement(Se,{variant:"pre-search"})};var Fe=t(584941);const De=[{label:"Date",key:"csvDate"},{label:"Channel",key:"channel"},{label:"Provider",key:"provider"}

1,{label:"Recipient",key:"recipient"},{label:"From email",key:"fromEmail"},{label:"Reply-to",key:"replyToEmail"},{label:"Message type",key:"messageType"},{label:"Attempt",key:"attempt"},{label:"Last status",key:"rawStatus"},{label:"Status message",key:"statusMessage"},{label:"Event ID",key:"sentForEventId"},{label:"Batch ID",key:"messageBatchId"},{label:"Card order ID",key:"stationeryOrderId"}];const Ne=({filteredMessages:e,attemptNumberById:a,loading:t})=>{const{tq:i}=(0,s.B)("messagesV2ServiceCenter"),o=(0,n.useRef)(null),d=(0,n.useMemo)(()=>function(e,a){return e.map(e=>({csvDate:new Date(e.createAt.milliseconds).toISOString(),channel:e.type,provider:ie(e),recipient:e.recipient.email||e.recipient.phoneNumber||"",fromEmail:e.fromEmail??"",replyToEmail:e.replyToEmail??"",messageType:e.messageType??"",attempt:a.get(e.id)??1,rawStatus:e.rawStatus,statusMessage:re(e),sentForEventId:e.sentForEventId??"",messageBatchId:e.messageBatchId??"",stationeryOrderId:e.stationeryOrderId??""}))}(e,a),[e,a]);return 0===e.length?null:n.createElement(l.a,{display:"flex",justifyContent:"flex-end"},n.createElement(Fe.CSVLink,{data:d,filename:"MessagesV2.csv",headers:De,ref:o}),n.createElement(r.J,{type:"button",variant:"ghost",disabled:t,onClick:()=>o.current?.link.click()},i`Export CSV`))},Ve=({selectedCount:e,onResend:a,onClear:t,disabled:o})=>{const{tq:d}=(0,s.B)("messagesV2ServiceCenter");return 0===e?null:n.createElement(l.a,{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px",padding:"10px 16px",borderRadius:8,background:"rgb(238,235,255)",border:"1px solid rgb(214,208,255)"},n.createElement(i.e,{typographyVariant:"label3",fontWeight:600},1===e?d`1 message selected`:d`${e.toString()} messages selected`),n.createElement(l.a,{display:"flex",alignItems:"center",gap:"8px"},n.createElement(r.J,{type:"button",size:"sm",variant:"ghost",onClick:t,disabled:o},d`Clear`),n.createElement(r.J,{type:"button",size:"sm",variant:"solid",onClick:a,disabled:o},d`Resend`)))};var Be=t(971724),ze=t(598434),Me=t(672215);const Te={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"ResendWithNewEmailV2"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"id"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"resendWithNewEmailV2"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"id"}}}]}]}}]};const Re=()=>{const[e]=Me.n(Te,a);var a;const[t,l]=(0,n.useState)(()=>new Map),[r,i]=(0,n.useState)("idle"),o=(0,n.useRef)(!1),s=(0,n.useCallback)((e,a)=>{l(t=>new Map(t).set(e,a))},[]),d=(0,n.useCallback)(async a=>{if(o.current)return;o.current=!0,i("sending"),l(new Map(a.map(e=>[e,"pending"])));const t=[...a];await Promise.all(Array.from({length:Math.min(5,t.length)},async()=>{for(;;){const a=t.shift();if(void 0===a)return;try{const t=await e({variables:{id:a}});s(a,t.data?.resendWithNewEmailV2?"sent":"failed")}catch{s(a,"errored")}}})),o.current=!1,i("complete")},[e,s]),c=(0,n.useCallback)(()=>{l(new Map),i("idle"),o.current=!1},[]),m=[...t.entries()],p=m.filter(([,e])=>"sent"===e).map(([e])=>e),g=m.filter(([,e])=>"failed"===e).length,u=m.filter(([,e])=>"errored"===e).length;return{...{outcomes:t,status:r,sentIds:p,sentCount:p.length,failedCount:g,erroredCount:u,notSentCount:g+u},resend:d,reset:c}},Ae=({outcome:e})=>{const{tq:a}=(0,s.B)("messagesV2ServiceCenter");return"sent"===e?n.createElement(i.e,{fontSize:"13px",color:"positive6","aria-label":a`Resent`},"\u2713"):"failed"===e||"errored"===e?n.createElement(i.e,{fontSize:"13px",color:"negative6","aria-label":"failed"===e?a`Failed`:a`Not sent`},"\u2715"):n.createElement(i.e,{fontSize:"11px",color:"mono10"},"\u2026")},Oe=({isOpen:e,messages:a,onClose:t,onCompleted:o})=>{const{tq:d}=(0,s.B)("messagesV2ServiceCenter"),{outcomes:c,status:m,sentIds:p,sentCount:g,notSentCount:u,resend:h,reset:y}=Re(),b="sending"===m,E="idle"!==m,f="complete"===m,[x,v]=(0,n.use

1State)({isOpen:e,messages:a});x.isOpen!==e&&(v(e?{isOpen:e,messages:a}:{...x,isOpen:e}),e&&y());const k=x.messages,S=()=>{b||(E&&o(p),t())},C=b?1===k.length?d`Resending 1 message…`:d`Resending ${k.length.toString()} messages…`:f?0===u?d`Resent ${g.toString()} of ${k.length.toString()}`:d`Resent ${g.toString()} of ${k.length.toString()} — ${u.toString()} failed`:1===k.length?d`Resend 1 message?`:d`Resend ${k.length.toString()} messages?`;return n.createElement(ze.Z,{isOpen:e,onClose:S,disableCloseOnEscapeKeyClick:b,disableCloseOnOutsideClick:b,title:C},n.createElement(Be.T.Body,null,n.createElement(l.a,{display:"grid",rowGap:"10px"},!E&&n.createElement(i.e,{typographyVariant:"body1",color:"mono10"},d`Each message is sent again to its original recipient. This cannot be undone.`),k.map(e=>{const a=c.get(e.id);return n.createElement(l.a,{key:e.id,display:"flex",alignItems:"flex-start",gap:"10px",paddingY:"8px",borderBottom:"1px solid #F0F0F0"},E&&n.createElement(l.a,{minWidth:"16px",display:"flex",justifyContent:"center",paddingTop:"2px"},n.createElement(Ae,{outcome:a})),n.createElement(l.a,{style:{minWidth:0}},n.createElement(i.e,{typographyVariant:"label3",fontWeight:600,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},e.messageType||d`(no message type)`),n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px",color:"mono10"},e.recipient.email||e.recipient.phoneNumber," \xb7 ",e.rawStatus," \xb7 ",new Date(e.createAt.milliseconds).toLocaleDateString()),"failed"===a&&n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px",color:"negative6"},d`Not sent — see the new row in the table for the reason`),"errored"===a&&n.createElement(i.e,{typographyVariant:"label3",fontSize:"11px",color:"negative6"},d`Not sent — the request failed and no row was created. Safe to try again.`)))}))),n.createElement(Be.T.Footer,null,f?n.createElement(r.J,{type:"button",variant:"solid",onClick:S},d`Done`):n.createElement(l.a,{display:"flex",gap:"8px"},n.createElement(r.J,{type:"button",variant:"ghost",onClick:S,disabled:b},d`Cancel`),n.createElement(r.J,{type:"button",variant:"solid",disabled:b||0===k.length,onClick:()=>h(k.map(e=>e.id))},b?d`Resending…`:d`Resend`))))},Le=()=>{const{tq:e}=(0,s.B)("messagesV2ServiceCenter"),a=(0,d.F)(),{messages:t,totalSearchCount:g,loading:u,error:h,called:y,page:b,pageSize:E,changePage:f,refetch:x,selectedIds:k,toggleSelected:S,toggleSelectAll:C,clearSelection:w,deselect:I}=v(),[F,D]=(0,n.useState)(_),{isSuperAdmin:N,isCurrentUserSettled:V}=(0,m.A)(),[B,z]=(0,n.useState)(!1),M=V&&N,T=t.filter(e=>{if("all"!==F.channel&&e.type!==F.channel)return!1;if("all"!==F.status&&e.rawStatus!==F.status)return!1;if("all"!==F.mtype&&e.messageType!==F.mtype)return!1;if(F.hasError&&!j.has(e.rawStatus))return!1;if(F.recipient){const a=F.recipient.toLowerCase();if(!(e.recipient.email||e.recipient.phoneNumber||"").toLowerCase().includes(a))return!1}return!0}),R=function(e){const a=new Set;return se(e).forEach(e=>{a.add(e.reduce((e,a)=>

1oe(a,e)?a:e).id)}),e.filter(e=>a.has(e.id))}(T),A=function(e){const a=new Map;return se(e).forEach(e=>{const t=e.some(e=>!e.originalMessageId);[...e].sort((e,a)=>oe(e,a)?1:-1).forEach((e,n)=>a.set(e.id,(t?1:2)+n))}),a}(t),O=R.filter(e=>k.has(e.id)),L=y&&!u&&t.length>0,$=g>=1e4?e`${1e4.toLocaleString()}+`:g.toLocaleString(),P=Math.ceil(g/E),H=b>1,Y=b<P;return n.createElement(l.a,{as:"main",paddingX:{_:"1rem",md:"2.5rem"},overflowX:"hidden"},n.createElement(l.a,{display:"grid",rowGap:"1.5rem",maxWidth:"1440px",marginX:"auto",marginTop:10},n.createElement(r.J,{as:c.N_,to:a.buildPath(p.C.servicecenter.path),variant:"link",fullWidth:!1,justifySelf:"self-start"},n.createElement(o.A,{size:"md",marginRight:"0.5rem"})," ",e`Back to Service Center`),n.createElement(l.a,null,n.createElement(l.a,{display:"flex",alignItems:"center",gap:"10px",marginBottom:"4px"},n.createElement(i.e,{typographyVariant:"hed2"},e`Messages v2`),n.createElement(l.a,{display:"inline-block",paddingX:"8px",paddingY:"2px",borderRadius:"100px",background:"rgb(238,235,255)",fontSize:"11px",fontWeight:700,color:"#4951EF"},e`BETA`)),n.createElement(i.e,{typographyVariant:"body1",color:"mono10"},e`Search internal message records across email and SMS channels`)),n.createElement(W,null),L&&n.createElement(n.Fragment,null,n.createElement(q,{messages:t,filters:F,onChange:D}),n.createElement(Ne,{filteredMessages:T,attemptNumberById:A,loading:u}),n.createElement(Ve,{selectedCount:M?O.length:0,onResend:()=>z(!0),onClear:w,disabled:u}),n.createElement(l.a,{display:"flex",alignItems:"center",justifyContent:"space-between"},n.createElement(i.e,{typographyVariant:"label3",color:"mono10"},e`Showing ${R.length.toLocaleString()} of ${$} results`),P>1&&n.createElement(l.a,{display:"flex",alignItems:"center",gap:"8px"},n.createElement(r.J,{size:"sm",variant:"ghost",disabled:!H||u,onClick:()=>f(b-1)},e`← Prev`),n.createElement(i.e,{typographyVariant:"label3",color:"mono10"},b," / ",P),n.createElement(r.J,{size:"sm",variant:"ghost",disabled:!Y||u,onClick:()=>f(b+1)},e`Next →`)))),n.createElement(Ie,{messages:R,attemptNumberById:A,loading:u,called:y,error:h,canResend:M,selectedIds:k,onToggleSelected:S,onToggleSelectAll:C}),n.createElement(Oe,{isOpen:B,messages:O,onClose:()=>z(!1),onCompleted:e=>{I(e),x()}})))},We=()=>n.createElement(k,null,n.createElement(Le,null))},98765(e,a,t){var n=t(296540),l=t(166572);function r(e,a,t){const{storage:r,serialize:i,deserialize:o}=t??{},s=()=>r??(0,l.Lg)(),[d,c]=(0,n.useState)(()=>{try{const t=s().getItem(e);if(null==t)return a;

1if(o)return o(t)??a;try{return JSON.parse(t)}catch{return t}}catch{return a}});return[d,(0,n.useCallback)(a=>{try{const t=i?i(a):"string"===typeof a?a:JSON.stringify(a);s().setItem(e,t)}catch{}c(a)},[e,r,i])]}const i=r;function o(e,a,t){return r(e,a,{...t,storage:(0,l.W9)()})}t.d(a,{E:()=>o},{A:i})},396988(e,a,t){var n=t(273600),l=t(456846),r=t(168104),i=t(100339);const o=(0,r.Ay)(l.a)``,s=(0,r.Ay)(l.a)``,d=(0,r.Ay)(l.a)``,c=(0,r.Ay)(l.a)``,m=(0,i.M)("Checkbox").parts("root","control","label"),p={root:{cursor:"pointer",display:"inline-flex",alignItems:"center",verticalAlign:"top",position:"relative",_disabled:{cursor:"not-allowed"}},control:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",userSelect:"none",flexShrink:0,borderRadius:2,size:"1.25rem",border:"1px solid",borderColor:"mono5",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",transition:(0,n.SZ)("border-color","background-color","color","box-shadow"),_hover:{borderColor:"mono8"},_checked:{backgroundColor:"mono14",borderColor:"transparent",color:"white"},_indeterminate:{backgroundColor:"mono14",borderColor:"transparent",color:"white"},_disabled:{backgroundColor:"mono2",borderColor:"mono3",color:"mono3"},_focusVisible:{outline:"2px solid",outlineColor:"inputBorderFocused",outlineOffset:"2px"}},label:{transition:(0,n.SZ)("opacity"),userSelect:"none",_disabled:{opacity:.4}}},g={parts:m.keys,baseStyle:p};t.d(a,{},{Gw:c,Zn:s,fe:{border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"},mp:o,o4:g,sQ:d})},677070(e,a,t){t.d(a,{E:()=>E});var n=t(296540);const l=()=>n.createElement("svg",{width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7075 1.55734L4.85045 7.78111C4.80672 7.81854 4.76921 7.84584 4.73027 7.8711C4.67196 7.90651 4.63178 7.92587 4.59 7.94246C4.52831 7.96552 4.48458 7.97769 4.44067 7.98562C4.37969 7.99576 4.33311 8 4.28653 8C4.25737 8 4.22822 7.99871 4.19977 7.99502C4.15675 7.98857 4.13524 7.98562 4.11444 7.98137C4.06786 7.96902 4.04901 7.96478 4.03035 7.95832C3.98234 7.94099 3.96581 7.93454 3.9491 7.92734C3.9379 7.92236 3.92759 7.9172 3.91639 7.91148C3.9011 7.90355 3.88581 7.89563 3.87123 7.8877C3.8595 7.88124 3.8483 7.87405 3.83728 7.86686C3.82341 7.85819 3.81025 7.84879 3.79692 7.83938C3.78519 7.83071 3.77399 7.82223 3.76225 7.81356C3.75052 7.80342 3.7379 7.79328 3.72687 7.78332C3.71567 7.77318 3.70465 7.76304 3.69345 7.75234C3.68865 7.74791 0.251072 4.18442 0.251072 4.18442C-0.0836906 3.83718 -0.0836906 3.27455 0.251072 2.92749C0.585834 2.58025 1.12824 2.58025 1.46283 2.92749L4.32475 5.89591L10.5784 0.220384C10.9347 -0.103805 11.4756 -0.0656324 11.7882 0.303921C12.0993 0.672737 12.0637 1.23389 11.7075 1.55734Z",fill:"currentColor"})),r=()=>n.createElement("svg",{width:"10",height:"2",viewBox:"0 0 10 2",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 1C0 0.447715 0.447715 0 1 0H9C9.55228 0 10 0.447715 10 1C10 1.55228 9.55228 2 9 2H1C0.447715 2 0 1.55228 0 1Z",fill:"currentColor"})),i=({$isChecked:e,$isIndeterminate:a})=>e||a?a?n.createElement(r,null):n.createElement(l,null):null;var o=t(396988),s=t(964252),d=t(546575),c=t(33710),m=t(673628),p=t(409213),g=t(873881),u=t(954078),h=t(333489),y=t(601159),b=t(276909);const E=(0,d.R)((e,a)=>{const{children:t,overrides:l={},spacing:r=3,...d}=e,{state:E,getControlProps:f,getInputProps:x,getLabelProps:v,getRootProps:k}=(e=>{const{id:a,isDisabled:t,isIndeterminate:l,name:r,value:i,isChecked:o,isReadOnly:s,isRequired:d,defaultChecked:c,onBlur:E,onChange:f,onFocus:x,"aria-label":v,"aria-labelledby":k,"aria-describedby":S,...C}=e,w=(0,n.useRef)(null),[I,F,D]=(0,p.i)({value:o,defaultValue:c}),[N,V]=(0,h.C)(),[B,z]=(0,h.C)(),M=(0,u.D)(E),T=(0,u.D)(f),R=(0,u.D)(x),A=(0,n.useCallback)(e=>{let a=!1;try{a="function"===typeof e.currentTarget.matches&&e.currentTarget.matches(":focus-visible")}catch{a=!1}a?z.on():z.off()},[z]),O=(0,n.useCallback)(e=>{s||t?e.preventDefault():(D||F(!!l||e.target.checked),T?.(e))},[D,t,l,s,T,F]);(0,y.E)(()=>{w.current&&(w.current.indeterminate=Boolean(l))},[l]),(0,y.E)(()=>{w.current&&w.current.checked!==I&&F(w.current.checked)},[I,F]);const L=(0,n.useCallback)((e={})=>({...e,...C,"data-disabled":(0,g.sE)(t),"data-checked":(0,g.sE)(I)}),[C,I,t]),W=(0,n.useCallback)((e={},n)=>({...e,ref:(0,b.Px)(w,n),type:"checkbox",id:a,name:r,value:i||"",checked:I||!1,onChange:(0,m.Hj)(e.onChange,O),onFocus:(0,m.Hj)(e.onFocus,R,V.on,A),onKeyDown:(0,m.Hj)(e.onKeyDown,A),onBlur:(0,m.Hj)(e.onBlur,M,V.off,z.off),readOnly:s,required:d,disabled:t,"aria-label":v,"aria-labelledby":k,"aria-describedby":S}),[v,k,S,A,O,a,I,t,s,d,r,M,R,V.on,V.off,z.off,i]),$=(0,n.useCallback)((e={})=>({...e,"aria-hidden":!0,"data-checked":(0,g.sE)(I),"data-disabled":(0,g.sE)(t),"data-indeterminate":(0,g.sE)(l),"data-focus":(0,g.sE)(N),"data-focus-visible":(0,g.sE)(B),onMouseDown:(0,m.Hj)(e.onMouseDown,e=>{e.preventDefault()})}),[I,t,N,B,l]),j=(0,n.useCallback)((e={})=>({...e,"data-disabled":(0,g.sE)(t),onMouseDown:(0,m.Hj)(e.onMouseDown,g.jo),onTouchStart:(0,m.Hj)(e.onTouchStart,g.jo)}),[t]);return{state:{isChecked:I,isIndeterminate:l}

1,getRootProps:L,getControlProps:$,getInputProps:W,getLabelProps:j}})(d),{Root:[S,C],Control:[w,I],Icon:[F,D],Input:[N,V],Label:[B,z]}=(0,s.Pv)({Root:o.mp,Control:o.Zn,Input:o.sQ,Label:o.Gw,Icon:i},l),M=(0,c.V)(o.o4,e);return n.createElement(S,Object.assign({as:"label",__css:M.root},k(C)),n.createElement(N,Object.assign({as:"input",style:o.fe},x(V,a))),n.createElement(w,Object.assign({as:"span",__css:M.control},f(I)),n.createElement(F,Object.assign({$isChecked:E.isChecked,$isIndeterminate:E.isIndeterminate},D))),t&&n.createElement(B,Object.assign({as:"span",__css:{marginLeft:r,...M.label}},v(z)),t))});E.displayName="CheckboxV2"},263342(e,a,t){var n=t(296540),l=t(264250);const r={title:"Warning",definitions:{48:{viewBox:"0 0 48 48",path:n.createElement(n.Fragment,null,n.createElement("path",{fillRule:"evenodd",d:"M41.55 24c0 9.693-7.857 17.55-17.55 17.55S6.45 33.693 6.45 24 14.307 6.45 24 6.45 41.55 14.307 41.55 24zm1.2 0c0 10.355-8.395 18.75-18.75 18.75S5.25 34.355 5.25 24 13.645 5.25 24 5.25 42.75 13.645 42.75 24zm-19.5-8.812a.94.94 0 0 1 .938-.937.94.94 0 0 1 .938.938v13.125a.94.94 0 0 1-.937.938.94.94 0 0 1-.937-.937V15.188zm1.875 18a.94.94 0 0 1-.937.938.94.94 0 0 1-.937-.937.94.94 0 0 1 .938-.937.94.94 0 0 1 .938.938z",fill:"currentColor"}))}}},i=(0,l.A)(r);t.d(a,{},{A:i})},333489(e,a,t){var n=t(296540);t.d(a,{},{C:(e=!1)=>{const[a,t]=(0,n.useState)(e);return[a,{on:(0,n.useCallback)(()=>{t(!0)},[]),off:(0,n.useCallback)(()=>{t(!1)},[]),toggle:(0,n.useCallback)(()=>{t(e=>!e)},[])}]}})},409213(e,a,t){var n=t(296540),l=t(954078),r=t(673628);t.d(a,{},{i:({value:e,defaultValue:a,changeHandler:t})=>{const[i,o]=(0,n.useState)(a),s=(0,l.D)(t),d=void 0!==e,c=d?e:i,m=(0,n.useCallback)(e=>{const a=(0,r.Jg)(e,c);a!==c&&(d||o(a),s(a))},[s,c,d]);return[c,m,d]}})}}]);
2//# sourceMappingURL=messages-v2.48a6e8ab.js.map