https://www.updat3.ai/_next/static/chunks/9267.f2da49b6bb49bd64.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9267],{9267:function(e,n,t){t.r(n),t.d(n,{default:function(){return c}});var i=t(7437),o=t(2265),a=t(4887),r=t(8928),s=t(4668),d=t(9466);let l=[{key:"card",label:"Landscape",sub:"X / LinkedIn",aspect:1200/630},{key:"square",label:"Square",sub:"Instagram / WhatsApp",aspect:1},{key:"portrait",label:"Story",sub:"IG Stories / TikTok",aspect:9/16}];function c(e){let{storyId:n,title:t,bluf:c,onClose:u}=e,p=(0,d.Y)(!0),[h,x]=(0,o.useState)("card"),[f,v]=(0,o.useState)(!1),[y,g]=(0,o.useState)(!1),b=(0,s.M)("https://www.updat3.ai"),m="".concat(b,"/story/").concat(n),k="".concat(b,"/api/og/").concat(encodeURIComponent(n),"?style=").concat(h);(0,o.useEffect)(()=>{v(!1)},[h]),(0,o.useEffect)(()=>{let e=e=>{"Escape"===e.key&&u()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[u]);let w=l.find(e=>e.key===h);async function j(){try{await navigator.clipboard.writeText(m),g(!0),setTimeout(()=>g(!1),2200)}catch(e){window.prompt("Copy link:",m)}}async function C(){if("undefined"!=typeof navigator&&navigator.share)try{await navigator.share({title:t,text:c||t,url:m})}catch(e){}}let S="undefined"!=typeof navigator&&"function"==typeof navigator.share,I=Math.round(340/w.aspect),R={display:"flex",alignItems:"center",justifyContent:"center",gap:7,borderRadius:12,padding:"11px 16px",fontWeight:800,fontSize:13,cursor:"pointer",fontFamily:"inherit",border:"none",transition:"opacity 0.15s"};return"undefined"==typeof document?null:(0,a.createPortal)((0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{onClick:u,style:{position:"fixed",inset:0,zIndex:1e3,background:"var(--u3-overlay)"}}),(0,i.jsxs)("div",{ref:p,role:"dialog","aria-modal":"true","aria-label":"Share card",tabIndex:-1,"data-testid":"share-card-dialog",style:{position:"fixed",zIndex:1001,bottom:0,left:0,right:0,marginInline:"auto",maxWidth:560,paddingBottom:"env(safe-area-inset-bottom, 0px)",background:"var(--u3-card)",border:"1px solid var(--u3-line)",borderBottom:"none",borderRadius:"20px 20px 0 0",boxShadow:"var(--u3-shadow-pop)",maxHeight:"min(96vh, 100dvh)",overscrollBehavior:"contain",overflowY:"auto"},children:[(0,i.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"12px 0 4px"},children:(0,i.jsx)("div",{style:{width:36,height:4,borderRadius:99,background:"var(--u3-line)"}})}),(0,i.jsxs)("div",{style:{padding:"8px 20px 32px"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:20},children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{style:{fontSize:17,fontWeight:900,color:"var(--u3-ink)",letterSpacing:-.3},children:"Share card"}),(0,i.jsx)("div",{style:{fontSize:12,color:"var(--u3-muted)",fontWeight:600,marginTop:2},children:"Save & share across any platform"})]}),(0,i.jsx)("button",{type:"button","aria-label":"Close",onClick:u,style:{background:"var(--u3-raised)",border:"1px solid var(--u3-line)",borderRadius:10,width:34,height:34,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontSize:18,color:"var(--u3-muted)",fontFamily:"inherit"},children:(0,i.jsx)("span",{"aria-hidden":"true",children:"\xd7"})})]}),(0,i.jsx)("div",{style:{display:"flex",gap:6,marginBottom:20},children:l.map(e=>(0,i.jsxs)("button",{onClick:()=>x(e.key),style:{flex:1,padding:"9px 4px",borderRadius:10,cursor:"pointer",fontFamily:"inherit",fontWeight:800,fontSize:11,border:"1px solid "+(h===e.key?"var(--u3-accent)":"var(--u3-line)"),background:h===e.key?"var(--u3-accent-soft)":"var(--u3-raised)",color:h===e.key?"var(--u3-accent)":"var(--u3-muted)",transition:"all 0.15s",display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,i.jsx)("span",{style:{fontSize:12,fontWeight:900},children:e.label}),(0,i.jsx)("span",{style:{fontSize:10,opacity:.7},children:e.sub})]},e.key))}),(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",background:"var(--u3-bg)",borderRadius:14,padding:"16px",marginBottom:20,border:"1px solid var(--u3-line)",minHeight:I+32,position:"relative"},children:[!f&&(0,i.jsx)("div",{style:{position:"absolute",inset:16,borderRadius:10,background:"var(--u3-raised)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,i.jsx)("div",{style:{fontSize:12,color:"var(--u3-muted)",fontWeight:700},children:"Generating card..."})}),(0,i.jsx)("div",{style:{width:340,height:I,borderRadius:10,overflow:"hidden",boxShadow:"0 8px 32px rgba(0,0,0,0.5)",position:"relative"}

1,children:(0,i.jsx)("img",{src:k,alt:h+" share card",onLoad:()=>v(!0),style:{width:"100%",height:"100%",objectFit:"cover",display:f?"block":"none",borderRadius:10}})})]}),(0,i.jsxs)("button",{onClick:function(){window.open(k,"_blank")},style:{...R,width:"100%",background:"var(--u3-accent)",color:"var(--u3-accent-ink)",fontSize:15,padding:"14px",marginBottom:10,borderRadius:14},children:[(0,i.jsx)("span",{children:"↓"}),"Open & save image",(0,i.jsx)("span",{style:{fontSize:11,opacity:.7,marginLeft:4},children:"then post anywhere"})]}),(0,i.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:8,marginBottom:14},children:[(0,i.jsxs)("button",{onClick:function(){let e=encodeURIComponent(t+"\n\nvia @updat3news"),n=encodeURIComponent(m);window.open("https://x.com/intent/tweet?text="+e+"&url="+n,"_blank")},style:{...R,flex:"1 1 40%",background:"var(--u3-raised)",color:"var(--u3-ink)",border:"1px solid var(--u3-line)"},children:[(0,i.jsx)("span",{style:{fontWeight:900},children:"X"})," Post on X"]}),(0,i.jsxs)("button",{onClick:function(){window.open("https://www.linkedin.com/sharing/share-offsite/?url="+encodeURIComponent(m),"_blank")},style:{...R,flex:"1 1 40%",background:"var(--u3-raised)",color:"var(--u3-ink)",border:"1px solid var(--u3-line)"},children:[(0,i.jsx)("span",{style:{fontWeight:900},children:"in"})," LinkedIn"]}),(0,i.jsx)("button",{onClick:function(){window.open("https://wa.me/?text="+encodeURIComponent(t+"\n\n"+m),"_blank")},style:{...R,flex:"1 1 40%",background:"var(--u3-raised)",color:"var(--u3-ink)",border:"1px solid var(--u3-line)"},children:"WhatsApp"}),(0,i.jsxs)("button",{onClick:function(){window.open("https://www.threads.net/intent/post?text="+encodeURIComponent(t+" via @updat3news\n\n"+m),"_blank")},style:{...R,flex:"1 1 40%",background:"var(--u3-raised)",color:"var(--u3-ink)",border:"1px solid var(--u3-line)"},children:[(0,i.jsx)("span",{style:{fontWeight:900},children:"@"})," Threads"]})]}),(0,i.jsxs)("div",{style:{display:"flex",gap:8},children:[(0,i.jsx)("button",{onClick:j,style:{...R,flex:1,background:"var(--u3-raised)",color:y?"var(--u3-success)":"var(--u3-muted)",border:"1px solid "+(y?"var(--u3-success)":"var(--u3-line)")},children:y?"Copied!":"Copy link"}),S&&(0,i.jsx)("button",{onClick:C,style:{...R,flex:1,background:"var(--u3-raised)",color:"var(--u3-muted)",border:"1px solid var(--u3-line)"},children:"More options"})]}),"card"!==h&&(0,i.jsxs)("div",{style:{marginTop:12,padding:"10px 14px",background:"var(--u3-raised)",border:"1px solid var(--u3-line)",borderRadius:10,display:"flex",gap:8,alignItems:"flex-start"},children:[(0,i.jsx)("span",{style:{color:"var(--u3-accent)",display:"inline-flex"},children:(0,i.jsx)(r.J,{name:"info",size:16})}),(0,i.jsx)("div",{style:{fontSize:12,color:"var(--u3-muted)",fontWeight:600,lineHeight:1.5},children:"portrait"===h?"Tap Open & save, long-press the image, then post to Instagram Stories or TikTok.":"Tap Open & save, long-press the image, then post to Instagram or WhatsApp."})]})]})]})]}),document.body)}}}]);