https://www.courier.com/_next/static/chunks/3768.f04a127a85a38333.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3768],{11387:(e,s,t)=>{t.r(s),t.d(s,{default:()=>u});var i=t(37876),n=t(14232),l=t(12559),a=t(71514),r=t(20404),o=t(15648),x=t(21189),d=t(47401),p=t(58686);let c=e=>{let s=e.replace(/[^\d]/g,"");return/^\d{4,8}$/.test(s)&&s===e.trim()?s:10===s.length?`+1 (${s.slice(0,3)}) ${s.slice(3,6)}-${s.slice(6)}`:11===s.length&&s.startsWith("1")?`+1 (${s.slice(1,4)}) ${s.slice(4,7)}-${s.slice(7)}`:e.trim()};var h=t(39423);let g=["iPhone","Android"],m="#FFFFFF",f="#0B57D0",u=()=>{let[e,s]=(0,n.useState)("iPhone"),[t,u]=(0,n.useState)("41063"),[j,b]=(0,n.useState)(""),[S,y]=(0,n.useState)("12:34 PM"),[v,F]=(0,n.useState)("AM/PM"),A=(0,a.ei)(S,v),[C,w]=(0,n.useState)([{text:"Your order 4821 has shipped. Track it here: crr.to/4h2k9",sent:!1},{text:"Out for delivery, arriving today between 3 and 5 PM.",sent:!1},{text:"Can you leave it at the front door?",sent:!0},{text:"Will do. We'll text a photo once it's there.",sent:!1}]),{stageRef:k,download:H,busy:N}=(0,x.Ry)(`sms-preview-${e.toLowerCase()}.png`,(0,p.lS)("iPhone"===e?"ios":"android")),M=(0,x.Ue)(),P=C.filter(e=>e.text.trim()),z=P.length?P:[{text:"Message preview",sent:!1}],I=P.filter(e=>!e.sent),D=(0,h.fi)(I.map(e=>e.text)),L=I.some(e=>!(0,h.Jr)(e.text)),W=(0,i.jsxs)(p.d5,{platform:"ios",style:{background:m,color:"#000"},children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(p.PL,{platform:"ios",time:A||"12:34 PM",color:"#000000"}),(0,i.jsxs)("div",{className:(0,l.AH)({position:"relative",display:"flex",alignItems:"flex-start",justifyContent:"center",px:"14px",pt:"12px"}),children:[(0,i.jsxs)("span",{"aria-hidden":!0,className:(0,l.AH)({position:"absolute",left:"14px",top:"12px",height:"42px",borderRadius:"999px",display:"flex",alignItems:"center",justifyContent:"center",px:"14px",flexShrink:0}),style:p.CK,children:[(0,i.jsx)(p.cL,{direction:"left",color:"#000000",size:19,strokeWidth:3.5}),j.trim()?(0,i.jsx)("span",{className:(0,l.AH)({ml:"7px",borderRadius:"999px",px:"8px",py:"1px",fontSize:"15px",fontWeight:600,color:"#FFFFFF",bg:"#1C1C1E"}),children:j.trim()}):null]}),(0,i.jsxs)("span",{className:(0,l.AH)({display:"flex",flexDirection:"column",alignItems:"center",maxWidth:"62%",minWidth:0}),children:[(0,i.jsx)("span",{className:(0,l.AH)({position:"relative",zIndex:1}),style:{lineHeight:0},children:(0,i.jsx)(p.K1,{size:62})}),(0,i.jsxs)("span",{className:(0,l.AH)({display:"flex",alignItems:"center",gap:"4px",borderRadius:"999px",pl:"15px",pr:"12px",py:"7px",mt:"-7px",fontSize:"17px",lineHeight:"21px",fontWeight:700,letterSpacing:"-0.2px",color:"#000000",whiteSpace:"nowrap"}),style:p.CK,children:[(0,i.jsx)("span",{className:(0,l.AH)({overflow:"hidden",textOverflow:"ellipsis",minWidth:0}),children:c(t)||"Unknown"}),(0,i.jsx)("span",{style:{marginTop:1},children:(0,i.jsx)(p.cL,{color:"#A9A9AE",size:13,strokeWidth:2.6})})]})]})]})]}),(0,i.jsxs)(p.hJ,{gap:4,children:[(0,i.jsxs)("div",{className:(0,l.AH)({textAlign:"center",pt:"14px",pb:"8px",fontSize:"14px",lineHeight:"1.4",color:"#8E8E93"}),children:[(0,i.jsx)("div",{children:"Text Message • SMS"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{className:(0,l.AH)({color:"#6C6C70",fontWeight:500}),children:"Today"})," ",A||"12:34 PM"]})]}),z.map((e,s)=>{let t=s===z.length-1||z[s+1].sent!==e.sent,n=e.sent?"#34C759":"#E9E9EB";return(0,i.jsxs)("div",{className:(0,l.AH)({position:"relative",maxWidth:"76%"}),style:{alignSelf:e.sent?"flex-end":"flex-start"},children:[t?(0,i.jsx)(p.tk,{bubbleColor:n,screenColor:m,sent:e.sent}):null,(0,i.jsx)("div",{className:(0,l.AH)({position:"relative",fontSize:"17px",lineHeight:"1.29",px:"13px",py:"9px",borderRadius:"18px"}),style:{background:n,color:e.sent?"#fff":"#000"},children:e.text})]},s)})]}),(0,i.jsxs)("div",{className:(0,l.AH)({px:"14px",pb:"26px",display:"flex",gap:"10px",alignItems:"center"}),children:[(0,i.jsx)("span",{"aria-hidden":!0,className:(0,l.AH)({width:"34px",height:"34px",borderRadius:"50%",bg:"rgba(118,118,128,0.12)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}),children:(0,i.jsx)(p.HT,{})}),(0,i.jsxs)("div",{className:(0,l.AH)({flex:1,display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",borderRadius:"999px",px:"14px",py:"7px",fontSize:"16px",color:"#8E8E93"}),style:{border:"0.5px solid rgba(60,60,67,0.29)"},children:["Text Message \xb7 SMS",(0,i.jsx)(p.EQ,{})]})]})]}),E=(0,i.jsxs)(p.d5,{platform:"android",style:{background:"#FDFCFF"}

1,children:[(0,i.jsxs)("div",{style:{background:"#F3F0F7"},children:[(0,i.jsx)(p.PL,{platform:"android",time:A||"12:34 PM",color:"#1D1B20"}),(0,i.jsxs)("div",{className:(0,l.AH)({position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",px:"16px",py:"14px"}),children:[(0,i.jsx)(p.cL,{direction:"left",color:"#444746",size:20,strokeWidth:3.2}),(0,i.jsx)("span",{className:(0,l.AH)({position:"absolute",left:"68px",right:"68px",textAlign:"center",fontSize:"19px",color:"#1D1B20",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),children:c(t)||"Unknown"}),(0,i.jsxs)("span",{className:(0,l.AH)({display:"flex",gap:"18px"}),children:[(0,i.jsx)(d.Ud,{color:"#444746",size:22}),(0,i.jsx)(d.D1,{color:"#444746",size:22})]})]})]}),(0,i.jsxs)(p.hJ,{gap:8,children:[z.map((e,s)=>(0,i.jsxs)("div",{className:(0,l.AH)({display:"flex",gap:"10px",alignItems:"flex-end",maxWidth:"82%"}),style:{alignSelf:e.sent?"flex-end":"flex-start"},children:[e.sent?null:(0,i.jsx)(p.K1,{size:30,background:"#8D7B6F"}),(0,i.jsx)("div",{className:(0,l.AH)({borderRadius:"20px",px:"16px",py:"11px",fontSize:"16px",lineHeight:"1.35"}),style:e.sent?{background:f,color:"#fff"}:{background:"#EFF1F5",color:"#1B1B1F"},children:e.text})]},s)),z.length>0?(0,i.jsx)("span",{className:(0,l.AH)({fontSize:"12px",color:"#49454F",mt:"-4px",px:"4px"}),style:z[z.length-1].sent?{alignSelf:"flex-end"}:{alignSelf:"flex-start",marginLeft:40},children:A||"12:34 PM"}):null]}),(0,i.jsxs)("div",{className:(0,l.AH)({display:"flex",alignItems:"center",gap:"10px",mx:"14px",mb:"26px"}),children:[(0,i.jsxs)("div",{className:(0,l.AH)({flex:1,display:"flex",alignItems:"center",gap:"10px",borderRadius:"999px",px:"16px",py:"13px",fontSize:"16px"}),style:{background:"#F3F0F7",color:"#49454F"},children:[(0,i.jsx)(d.DY,{color:"#49454F",size:20}),"Text message"]}),(0,i.jsx)("span",{className:(0,l.AH)({width:"48px",height:"48px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}),style:{background:f},children:(0,i.jsx)(d.W$,{color:"#FFFFFF",size:22})})]}),(0,i.jsx)(p.tG,{platform:"android"})]});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p.mk,{}),(0,i.jsx)(o.xP,{outputLabel:"Preview",controls:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.n3,{onClear:()=>{u(""),b(""),w([{text:"",sent:!1}])}}),(0,i.jsx)(o.D0,{label:"Phone number or short code",hint:"Formatted as a US number at 10 or 11 digits, left bare for a 4 to 8 digit short code.",children:(0,i.jsx)(o.ks,{value:t,onChange:e=>u(e.target.value),maxLength:24})}),(0,i.jsx)(o.D0,{label:"Device time",children:(0,i.jsx)(o.ks,{value:S,onChange:e=>y(e.target.value),maxLength:10})}),(0,i.jsx)(x.oA,{value:v,onChange:F,time:S,onTimeChange:y}),(0,i.jsx)(o.D0,{label:"Unread count (optional)",hint:"The badge iOS shows beside the back arrow. Leave empty to hide it.",children:(0,i.jsx)(o.ks,{value:j,onChange:e=>b(e.target.value),maxLength:4})}),(0,i.jsx)(o.zd,{lines:C,onChange:w,fromLabel:"Sender",toLabel:"Recipient"}),(0,i.jsxs)("p",{className:(0,l.AH)({fontSize:"12px",color:"#8A837E",mt:"-6px",mb:"14px"}),children:[I.length," message",1===I.length?"":"s"," from you, ",D," SMS segment",1===D?"":"s","."," ",L?"A character outside GSM-7 switched these to UCS-2, so each segment holds 70 characters instead of 160.":"GSM-7: 160 characters in one segment, 153 each once a message splits."]})]}),output:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x.uG,{onDownload:H,busy:N,children:(0,i.jsx)(x.Oj,{options:g,value:e,onChange:s})}),M.picker,(0,i.jsx)(x.pA,{stageRef:k,background:M.background,children:(0,i.jsx)(p.H5,{platform:"iPhone"===e?"ios":"android",children:"iPhone"===e?(0,i.jsx)(r.gx,{device:"iPhone 17",color:"black",width:p.T5.ios.width,height:p.T5.ios.height,children:W}):(0,i.jsx)(r.gx,{device:"Pixel 10",color:"obsidian",width:p.T5.android.width,height:p.T5.android.height,children:E})})}),(0,i.jsx)(x.Jr,{children:"iPhone previews draw the iOS 26 Messages UI, including the Liquid Glass conversation header, on an iPhone 17. Android is Google Messages on a Pixel 10."})]})})]})}},39423:(e,s,t)=>{t.d(s,{Jr:()=>a,M1:()=>x,cD:()=>d,fi:()=>o});let i=new Set("@\xa3$\xa5\xe8\xe9\xf9\xec\xf2\xc7\n\xd8\xf8\r\xc5\xe5Δ_ΦΓΛΩΠΨΣΘΞ\x1b\xc6\xe6\xdf\xc9 !\"#\xa4%&'()*+,-./0123456789:;<=>?\xa1ABCDEFGHIJKLMNOPQRSTUVWXYZ\xc4\xd6\xd1\xdc\xa7\xbfabcdefghijklmnopqrstuvwxyz\xe4\xf6\xf1\xfc\xe0".split("")),n=new Set("^{}\\[~]|€\f".split("")),l={"GSM-7":{single:160,multi:153},"UCS-2":{single:70,multi:67}},a=e=>e.split("").every(e=>i.has(e)||n.has(e)),r=e=>{let s=a(e)?"GSM-7":"UCS-2",t="GSM-7"===s?e.split("").reduce((e,s)=>e+(n.has(s)?2:1),0):e.length,{single:i,multi:r}=l[s];if(0===t)return{encoding:s,segments:0,units:0,remaining:i};if(t<=i)return{encoding:s,segments:1,units:t,remaining:i-t};let o=Math.ceil(t/r);return{encoding:s,segments:o,units:t,remaining:o*r-t}},o=e=>e.reduce((e,s)=>e+r(s).segments,0),x=e=>{let s=r(e),t=[],a=[],o=new Set;for(let s of Array.from(e))!o.has(s)&&(o.add(s),n.has(s)?a.push(s):i.has(s)||t.push(s));let{single:x,multi:d}=l[s.encoding];return{...s,visibleChars:(e=>"undefined"!=typeof Intl&&"Segmenter"in Intl?Array.from(new Intl.Segmenter().segment(e)).length:Array.from(e).length)(e),perSegment:s.segments>1?d:x,ucs2Culprits:"UCS-2"===s.encoding?t:[],doubleCostChars:"GSM-7"===s.encoding?a:[],hasSurrogatePairs:/[\uD800-\uDBFF]/.test(e)}},d=e=>`U+${(e.codePointAt(0)??0).toString(16).toUpperCase().padStart(4,"0")}`}}

1]);