1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2777],{12777:(e,t,l)=>{l.r(t),l.d(t,{default:()=>s});var r=l(37876),a=l(14232),n=l(12559),i=l(15648);let o=[["utm_source","Source","newsletter"],["utm_medium","Medium","email"],["utm_campaign","Campaign","spring-launch"],["utm_term","Term (optional)","notification-api"],["utm_content","Content (optional)","footer-cta"]],s=()=>{let[e,t]=(0,a.useState)(""),[l,s]=(0,a.useState)({}),{link:u,error:c}=(0,a.useMemo)(()=>{let t;if(!e.trim())return{link:"",error:""};try{t=new URL(e.trim())}catch{return{link:"",error:"Enter a full URL, including https://"}}for(let[e]of o){let r=(l[e]||"").trim();r&&t.searchParams.set(e,r)}return{link:t.toString(),error:""}},[e,l]);return(0,r.jsx)(i.xP,{outputLabel:"Your tracking link",controls:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.D0,{label:"Destination URL",children:(0,r.jsx)(i.ks,{type:"url",inputMode:"url",placeholder:"https://www.example.com/pricing",value:e,onChange:e=>t(e.target.value)})}),o.map(([e,t,a])=>(0,r.jsx)(i.D0,{label:t,children:(0,r.jsx)(i.ks,{placeholder:a,value:l[e]||"",onChange:t=>s(l=>({...l,[e]:t.target.value}))})},e))]}),output:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.kv,{label:"Generated URL",value:u,placeholder:"Fill in the destination URL to generate a link"}),c?(0,r.jsx)("p",{className:(0,n.AH)({fontSize:"13px",color:"#C2410C",mt:"4px"}),children:c}):null,u?(0,r.jsx)("p",{className:(0,n.AH)({fontSize:"13px",color:"#6B645C",lineHeight:"1.6",mt:"8px"}),children:"Values are trimmed and URL-encoded automatically. Keep them lowercase so your analytics reports stay consistent."}):null]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.