https://thecutlist.com/assets/kit-window-stickers-BeLzXUeN.js

1import{j as e,q as v,t as k,bZ as S,r as f}from"./index-CJSs1J5s.js";import{A as j}from"./AdvertiserLayout-CfEG_ir2.js";import{e as w,c as R,C as z,B as D}from"./use-advertiser-ODe5coiu.js";import{S as q,a as A}from"./SelfServeStickers-DxoMUUus.js";import{f as C,a as T}from"./picker-BJeabH7E.js";import"./list-CWkxz23V.js";import"./credit-card-DCPYTZP3.js";import"./log-out-C34Q5Lur.js";import"./category-href-QJqXbK3y.js";function g(t){return`${t.listingId}-${t.categoryId}`}function P(t){const i=new Date(t);return Number.isNaN(i.getTime())?t:i.toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}function W(t){return t.picks.length?t.picks.map(i=>i.categoryName??`category #${i.categoryId}`).join(", "):"—"}function F(t,i){return t.length<=i?t:`${t.slice(0,i-1).trimEnd()}…`}function E({brandId:t,rows:i}){const{toast:l}=v(),o=k(),r=S(),[d,p]=f.useState({}),[m,h]=f.useState(""),x=i.filter(s=>d[g(s)]),u=r.isPending||x.length===0;function y(s){p(a=>{const n=g(s),c={...a};return c[n]?delete c[n]:c[n]=!0,c})}function b(){p({}),h("")}return e.jsxs("form",{onSubmit:s=>{if(s.preventDefault(),u)return;const a={requestedAssets:["window_stickers"],notes:m.trim()||null,picks:x.map(n=>({listingId:n.listingId,categoryId:n.categoryId}))};r.mutate({brandId:t,data:a},{onSuccess:()=>{l({title:"Request sent",description:"We'll be in touch."}),b(),o.invalidateQueries({queryKey:["advertiser","brand",t,"listings"]}),o.invalidateQueries({queryKey:z(t)})},onError:n=>{l({title:"Request failed",description:n.data?.error??"Please try again.",variant:"destructive"})}})},style:{padding:16,background:"#fff",border:"1px solid var(--br-border-light, #e6e1d8)",borderRadius:8,display:"flex",flexDirection:"column",gap:16},children:[e.jsx("p",{style:{margin:0,fontSize:15,lineHeight:1.6,color:"var(--br-text-secondary, #4a4a4a)"},children:"Pick which of your editorial wins you want window clings for. We hand-deliver these die-cut clings in person and film the placement."}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:12},children:i.map(s=>{const a=g(s),n=!!d[a];return e.jsxs("label",{htmlFor:`sticker-pick-${a}`,style:{display:"flex",alignItems:"flex-start",gap:12,cursor:"pointer",padding:8,borderRadius:6,background:n?"#faf7f2":"transparent"},children:[e.jsx("input",{id:`sticker-pick-${a}`,type:"checkbox",checked:n,onChange:()=>y(s),style:{marginTop:4,width:16,height:16,accentColor:"var(--br-accent)",cursor:"pointer"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[e.jsx("span",{style:{fontSize:15,lineHeight:1.4,color:"var(--br-text-primary)"},children:T(s)}),e.jsx("span",{style:{fontSize:13,color:"var(--br-text-muted-light)",fontFamily:"var(--br-font-sans)"},children:s.listingTitle})]})]},a)})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx("label",{htmlFor:"sticker-notes",style:{fontSize:14,color:"var(--br-text-primary)",fontFamily:"var(--br-font-sans)"},children:"When's a good time? Where should we drop them off?"}),e.jsx("textarea",{id:"sticker-notes",value:m,onChange:s=>h(s.target.value),placeholder:"Anything we should know about timing or location?",rows:4,style:{width:"100%",padding:10,fontFamily:"var(--br-font-serif)",fontSize:14,background:"#fff",border:"1px solid var(--br-border-light, #e6e1d8)",borderRadius:6,resize:"vertical",color:"var(--br-text-primary)"}})]}),e.jsx("button",{type:"submit",disabled:u,style:{alignSelf:"flex-start",padding:"10px 20px",fontSize:14,fontFamily:"var(--br-font-sans)",background:"var(--br-accent)",color:"#fff",border:"none",borderRadius:6,cursor:u?r.isPending?"wait":"not-allowed":"pointer",opacity:u&&!r.isPending?.4:1},children:r.isPending?"Sending…":"Request a drop-off"})]})}function K({brandId:t}){const l=D(t).data??[],o=f.useMemo(()=>l.filter(r=>r.requestedAssets.includes("window_stickers")).slice().sort((r,d)=>new Date(d.requestedAt).getTime()-new Date(r.requestedAt).getTime()),[l]);return o.length===0?null:e.jsxs("section",{style:{marginTop:16,padding:16,background:"#fff",border:"1px solid var(--br-border-light, #e6e1d8)",borderRadius:8},children:[e.jsx("h2",{style:{margin:"0 0 12px",fontSize:16,fontWeight:400,letterSpacing:"-0.1px",color:"var(--br-text-primary)"},children:"Your sticker requests"}),e.jsx("ul",{style:{listStyle:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:10},children:o.map(r=>e.jsxs("li",{style:{display:"flex",flexDirection:"column",gap:2,paddingBottom:10,borderBottom:"1px dashed var(--br-border-light, #e6e1d8)"},children:[e.jsx("div",{style:{fontSize:12,fontFamily:"var(--br-font-sans)",color:"var(--br-text-muted-light)",letterSpacing:"0.4px"},children:P(r.requestedAt)}),e.jsx("div",{style:{fontSize:14,color:"var(--br-text-primary)",lineHeight:1.4},children:W(r)}),r.notes&&r.notes.trim()?e.jsxs("div",{style:{fontSize:13,color:"var(--br-text-secondary, #4a4a4a)",fontStyle:"italic"},children:["“",F(r.notes.trim(),80),"”"]}

1):null]},r.id))})]})}function U({brandId:t}){const i=w(t),l=i.data?.listings??[],o=C(l,{localOnly:!0}),d=R(t).data?.badges??[];return e.jsx(j,{children:e.jsxs("article",{className:"br-kit-article",style:{maxWidth:720,margin:"0 auto",padding:"32px 0 96px",fontFamily:"var(--br-font-serif)",color:"var(--br-text-primary)"},children:[e.jsx("div",{style:{fontSize:11,letterSpacing:"1.8px",textTransform:"uppercase",color:"var(--br-text-muted-light)",marginBottom:14},children:"YOUR KIT"}),e.jsx("h1",{style:{margin:"0 0 24px",fontSize:30,fontWeight:400,letterSpacing:"-0.3px"},children:"Window stickers"}),o.length>0?e.jsx("h2",{style:{...q,marginTop:0},children:"We'll hand-deliver them"}):null,o.length>0&&e.jsxs("div",{style:{marginBottom:16,padding:16,background:"#fff",border:"1px solid var(--br-border-light, #e6e1d8)",borderRadius:8},children:[e.jsx("div",{style:{marginBottom:10,fontSize:11,fontFamily:"var(--br-font-sans)",color:"var(--br-text-muted-light)",letterSpacing:"1.2px",textTransform:"uppercase"},children:"Example photo"}),e.jsx("img",{src:"/assets/cut-list-award-window-sticker.jpg",alt:"Cut List Pick window sticker installed on a storefront window",style:{display:"block",width:"100%",borderRadius:6,background:"#EDE5D0"}})]}),i.isLoading?e.jsx("p",{children:"Loading…"}):o.length===0?e.jsx("p",{style:{padding:16,background:"#faf7f2",border:"1px dashed var(--br-border-light, #e6e1d8)",borderRadius:8,fontSize:15,lineHeight:1.6,color:"var(--br-text-secondary, #4a4a4a)"},children:"Window stickers are available for editorial picks on local listings."}):e.jsx(E,{brandId:t,rows:o}),e.jsx(K,{brandId:t}),d.length>0?e.jsx(A,{brandId:t,badges:d}):null]})})}export{U as KitWindowStickersPage};