https://seraleev.com/_next/static/chunks/6982.7742c1d557c1aa0d.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="b186f1ec-6b41-45e9-a2bb-5aafd18db587",e._sentryDebugIdIdentifier="sentry-dbid-b186f1ec-6b41-45e9-a2bb-5aafd18db587")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6982],{6982:(e,t,a)=>{a.r(t),a.d(t,{default:()=>f});var l=a(95155),n=a(79775),o=a(95644),i=a.n(o),s=a(12115),r=a(13546),c=a(77374),d=a(91642),u=a(55372),p=a(97417),g=a(41245),h=a(26790);let f=e=>{var t,a,o,f,m,v,x,b,w;let{data:y,id:j}=e.widget,{w:k,h:N}=e,S=(0,s.useRef)(null),T=(0,s.useRef)(!0),[C,L]=(0,s.useState)(""),[I,U]=(0,s.useState)(""),[R,_]=(0,s.useState)(!1),[A,P]=(0,s.useState)((null==(t=y.overrides)?void 0:t.title)||""),[O,E]=(0,s.useState)([]),B=(0,p.o)(),z=(null==B?void 0:B.getTextBlockStyle)||(()=>({})),M=(null==B?void 0:B.setSelectedTextBlockId)||(()=>{}),D=s.useCallback((t,a)=>{a=i()(a,{allowedTags:["b","i","a","p"],allowedAttributes:{a:["href"]}}),"title"===t&&P(a),e.updateWidgetDataInPage({overrides:Object.assign(y.overrides||{},{[t]:a})},e.widget.id),clearTimeout(S.current),S.current=setTimeout(()=>{e.setSavePage({save:!0})},300)},[]),W=new AbortController;async function F(){var t,a,l,n,o,i,s;let r=W.signal;y.new&&_(!0);let c=await (0,h.I)(y.href,r);if("completed"===c.status&&(U(null==(t=c.data)?void 0:t.icon),Object.assign(c.data||{},y.overrides),L((0,d.I)(null==(a=c.data)?void 0:a.image)),P(null==(l=c.data)?void 0:l.title),_(!1),E((null==(n=c.data)?void 0:n.posts)||[]),y.new)){let t={...y,followers:null==(o=c.data)?void 0:o.followers,posts:null==(i=c.data)?void 0:i.posts};delete t.new,e.updateWidgetRootProp("data",t,e.widget.id),e.setSavePage({save:!0})}"inprogress"===c.status&&setTimeout(F,1e3),"failed"===c.status&&(Object.assign(c.data,y.overrides),L((0,d.I)(null==(s=c.data)?void 0:s.image)),_(!1))}let J=(t,a)=>{var l,n;let o=(null==(n=y.overrides)||null==(l=n.posts)?void 0:l.slice(0))||O.slice(0);o[t].imageUrl=a,e.updateWidgetDataInPage({overrides:Object.assign(y.overrides||{},{posts:O})},e.widget.id),E(o)},q=(t,a)=>{J(t,a),e.setSavePage({save:!0})};(0,s.useEffect)(()=>(T.current&&F(),()=>{T.current=!1,W.abort("Removed")}),[]);let G="flex-row",Z=40,H="flex-col",K="";1===k&&4===N&&(G="flex-col"),2===k&&4===N&&(G="flex-col"),2===k&&1===N&&(Z=32,H="flex-row",K="justify-center items-center");let Q=y.colorscheme.textColor||"".concat((null==(a=e.layoutColorSchemeBg)?void 0:a.includes("black"))?"text-white":"");return(0,l.jsxs)("div",{"data-item":"link","data-link-url":y.href,"data-widget-type":"link"===y.type?y.type+y.name:y.type,"data-override-image":(null==(o=y.overrides)?void 0:o.image)||"","data-override-title":(null==(f=y.overrides)?void 0:f.title)||"","data-override-icon":(null==(m=y.overrides)?void 0:m.icon)||"","data-override-description":y.description||"","data-override-posts":JSON.stringify((null==(v=y.overrides)?void 0:v.posts)||[]),style:e.customStyle,className:"typelink-item ".concat(e.customClassname," ").concat(e.isStatic?"typelink-item__static":""," ").concat(e.isStatic?"typelink-item__clickable":""," gap-2 ").concat(y.colorscheme.border," ").concat(y.colorscheme.bg," ").concat(Q," rounded-2xl flex ").concat(G),children:[(0,l.jsx)("div",{className:"border border-transparent hidden"}),(0,l.jsxs)("div",{className:"flex ".concat(H," gap-2 ").concat(K),children:[(0,l.jsx)("div",{className:"".concat(R?"animated-background":""," relative flex-none border border-gray4 border-opacity-50 rounded-lg overflow-hidden"),style:{width:Z,height:Z},children:R?"":c.U0}),(0,l.jsx)("div",{className:"flex flex-col ".concat("gap-1"," ").concat("justify-left"),children:(0,l.jsx)(n.A,{isStatic:e.isStatic,onChange:D.bind(null,"title"),textColor:Q,html:(null==(x=y.overrides)?void 0:x.hasOwnProperty("title"))?A:A||(0,r.BJ)(y.href),className:"typelink-item__title text-[14px] font-normal ".concat(Q.includes("text-black")||!Q?"text-gray5":"text-white"," ").concat(4!==N&&1!==N?"overflow-hidden webkit-box-2":""," ").concat(1===k&&4===N?"overflow-hidden webkit-box-6":""," ").concat(1===N?"overflow-hidden webkit-box-1":""," ").concat("text-[14px]"," word-break outline-none leading-[17px]"),tagName:"p",textBlockId:(0,g.BT)(y.t

1ype,"title",j),textBlockStyle:z((0,g.BT)(y.type,"title",j)),onTextBlockClick:M})}),(0,l.jsxs)("button",{className:"".concat(1===k&&4===N?"my-[13px]":"mt-auto"," cursor-unset text-white bg-red inset-border min-w-[86px] min-h-[32px] text-center active:scale-95 transition self-start text-black ").concat(2===k&&1===N?"absolute right-[24px] top-[21px]":""," ").concat(2===k&&4===N?"absolute top-[21px] right-[24px]":""," flex-none rounded-[6px] text-[12px] px-[10px] py-[5px] font-bold flex-grow-0 h-[28px]"),children:["Follow",y.followers?(0,l.jsx)("span",{className:"font-normal ml-[4px] text-opacity-80",children:(0,r.TZ)(y.followers)}):null]})]}),(1===k&&4===N||2===k&&2===N||2===k&&4===N)&&(0,l.jsx)("div",{className:"".concat(1===k&&4===N||2!==k||4!==N?"w-[124px] grid-cols-2":"grid-cols-3"," overflow-hidden ").concat(2===k&&2===N?"ml-auto":"mt-auto"," grid ").concat(1===k&&4===N?"":"gap-[8px]"),children:null==O||null==(b=O.slice(0,2===k&&4===N?6:2))?void 0:b.map((t,a)=>e.isStatic?(0,l.jsx)("a",{href:t.url,onClick:e=>!t.url&&e.preventDefault(),className:"active:scale-95 ".concat(2===k&&4===N?"w-[92px] h-[200px]":1===k&&4===N?"w-[53px] h-[114px]":"w-[58px] h-[114px]"," relative overflow-hidden rounded-[4px] transition grid-drag__disabled z-10"),target:"_blank",children:(0,l.jsx)("img",{loading:"lazy",src:t.imageUrl+"?w=150",className:"object-cover object-top absolute top-0 w-full h-full"})},a):(0,l.jsx)("div",{className:"relative",children:(0,l.jsx)(u.A,{isStatic:e.isStatic,id:j,className:"object-cover object-top absolute top-0 w-full h-full",wrapperClassNames:"relative active:scale-95 ".concat(2===k&&4===N?"w-[92px] h-[200px]":1===k&&4===N?"w-[53px] h-[114px]":"w-[58px] h-[114px]"," relative overflow-hidden rounded-[4px] transition z-10"),src:(0,d.I)(t.imageUrl),alt:"Tiktok post",width:"100%",height:"100%",originalWidth:200,panelAlign:"center",handleChangePhotoUrl:J.bind(null,a),onUploadSuccess:q.bind(null,a)},a)},a))}),e.isStatic&&(0,l.jsx)("a",{title:(null==(w=y.overrides)?void 0:w.hasOwnProperty("title"))?A:A||(0,r.BJ)(y.href),className:"absolute top-0 left-0 right-0 bottom-0",href:y.tracking&&y.trackingUrl?y.trackingUrl:y.href,target:"_blank"})]})}},26790:(e,t,a)=>{a.d(t,{I:()=>i});let l=new Map,n=new Map,o=e=>e&&"object"==typeof e?{...e,data:e.data&&"object"==typeof e.data?{...e.data}:e.data}:e;async function i(e,t){let a=l.get(e);if(a)return o(a);let i=n.get(e);return i||(i=(async()=>{let t=await fetch("/api/urldata/".concat(encodeURIComponent(e)));if(!t.ok)return{status:"failed",data:{}};let a=await t.json().catch(()=>({status:"failed",data:{}}));return((null==a?void 0:a.status)==="completed"||(null==a?void 0:a.status)==="failed")&&l.set(e,a),a})(),n.set(e,i),i.finally(()=>n.delete(e)).catch(()=>{})),o(await i)}},55372:(e,t,a)=>{a.d(t,{A:()=>u});var l=a(95155),n=a(12115),o=a(46964),i=a(77374),s=a(12870),r=a(91642),c=a(70012),d=a(32802);let u=e=>{var t;

1let[a,u]=(0,n.useState)(e.panelMounted),[p,g]=(0,n.useState)(e.panelMounted),[h,f]=(0,n.useState)(!1),[m,v]=(0,n.useState)(!1),[x,b]=(0,n.useState)(!1),[w,y]=(0,n.useState)(""),[j,k]=(0,n.useState)(e.mediaType||"image"),N=(0,n.useRef)(null),S=(0,n.useRef)(!1),T=(0,n.useRef)(null),C=(0,n.useRef)(null),L=(0,n.useRef)(null),I=(0,c.t)({onPickFromStock:t=>{y(""),e.onUploadSuccess(t,"image")}});function U(){e.isStatic||(g(!0),setTimeout(()=>{u(!0)},10))}function R(t){!e.isStatic&&((h||S.current)&&!0!==t||(u(!1),setTimeout(()=>{e.panelMounted||g(!1)},150)))}async function _(t,a){let l=!(arguments.length>2)||void 0===arguments[2]||arguments[2];var n,i=new FormData;let r=t.type.split("/")[0],c=t.name,d="";"image"===r?(n=e.originalWidth,new Promise(e=>{let a=new Image;a.onload=()=>{let l=document.createElement("canvas"),o=n*(a.height/a.width);l.width=n,l.height=o,l.getContext("2d").drawImage(a,0,0,n,o),l.toBlob(t=>{e(URL.createObjectURL(t))},t.type)},a.src=URL.createObjectURL(t)})).then(t=>{y(t),e.handleChangePhotoUrl(t,r,c)}):(d=URL.createObjectURL(t),e.handleChangePhotoUrl(d,r,c),y(d)),k(r),f(!0),i.append(a,t),C.current=s.A.CancelToken.source();try{if(r.includes("video")){let t=await o.A.post("/assets",i,{cancelToken:C.current.token});e.onUploadSuccess(t.data.gurl,r),f(!1)}else{let t=await o.A.post("/assets",i,{cancelToken:C.current.token});e.onUploadSuccess(t.data.gurl,r,c,l)}}catch(e){f(!1),s.A.isCancel(e)&&console.log("Request canceled",e.message)}y(""),r.includes("video")&&v(!0),r.includes("video")&&setTimeout(()=>{S.current=!1,R(!0),r.includes("video")&&setTimeout(()=>{v(!1)},700)},600)}async function A(e){var t,a;if((null==e||null==(a=e.target)||null==(t=a.files)?void 0:t.length)>0){let t=Array.from(e.target.files);for(let a of t)await _(a,e.target.name,t.indexOf(a)===t.length-1)}else f(!1),R(!0),S.current=!1;N.current&&(N.current.value="")}(0,n.useEffect)(()=>{let e=function(){S.current=!1};return p&&window.addEventListener("focus",e),()=>window.removeEventListener("focus",e)},[p]),(0,n.useEffect)(()=>{if("video"===j){var e,t;null==(e=T.current)||e.load(),null==(t=T.current)||t.play()}},[w,e.mediaType,e.src]),(0,n.useEffect)(()=>()=>{var e;null==(e=C.current)||e.cancel("Operation canceled by the user.")},[]);let P="top"===e.panelAlign?{top:-40,paddingBottom:20,paddingRight:20,left:"50%",marginLeft:-15}:"center"===e.panelAlign?{top:"30%",left:"50%",marginTop:-20,marginLeft:-15}:{bottom:-40,paddingTop:40};async function O(e){let t=e.dataTransfer.files;if((null==t?void 0:t.length)>0){U();let e=Array.from(t);for(let t of e)await _(t,"asset",e.indexOf(t)===e.length-1)}N.current&&(N.current.value=""),document.body.classList.remove("is-dragging")}function E(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Math.round(e*Math.pow(10,t))/Math.pow(10,t)}return(0,n.useEffect)(()=>{var e;return null==(e=L.current)||e.addEventListener("drop",O,!1),()=>{var e;null==(e=L.current)||e.removeEventListener("drop",O,!1)}}),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{ref:L,className:"w-full h-full",onMouseEnter:U,onMouseLeave:R.bind(null,!1),children:[(0,l.jsxs)("div",{className:"overflow-hidden relative transition-all "+e.wrapperClassNames,children:[!x&&e.showSrcLoader&&!e.isStatic&&(0,l.jsx)("div",{className:"z-10 bg-black bg-opacity-40 absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center",children:(0,l.jsx)("div",{className:"loading text-white w-[20px]"})}),"image"===j&&(w||e.src)&&(0,l.jsx)("img",{loading:"lazy",fetchPriority:"high",src:w||e.src.includes("blob:")&&e.src||"".concat((0,r.I)(e.src)).concat((()=>{var t,a,l;return(null==(t=e.src)?void 0:t.includes(".gif"))?"":(null==(a=e.src)?void 0:a.includes("unsplash"))?"&w=".concat(E(1.5*e.originalWidth)):(null==(l=e.src)?void 0:l.includes("pexels"))?"?auto=compress&w=".concat(E(1.5*e.originalWidth)):"?w=".concat(e.originalWidth,"&q=80")})()),alt:e.alt,className:e.className+" z-1 ".concat(e.errorOverlay===w?"!object-none":""),style:{height:e.height,width:e.width},onLoad:t=>{t.target.src.includes("blob:")||(e.onLoad&&e.onLoad(),h&&(f(!1),v(!0),setTimeout(()=>{S.current=!1,R(!0),setTimeout(()=>{v(!1)},700)},600)),b(!0),I.handleImageLoaded())},onError:function(t){y((0,r.I)(e.errorOverlay||"https://r2.type.link/sites/

1ogimages/overlay.jpg"))},width:"100px",height:"100px"}),"video"===j&&(0,l.jsx)("video",{onLoadedData:()=>e.onLoad&&e.onLoad(),ref:T,autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:e.className+" z-1",style:{height:e.height,width:e.width},children:(0,l.jsx)("source",{src:w||e.src,type:"video/mp4"})})]}),p&&(0,l.jsx)("div",{className:"flex absolute z-[21] uploader-panel grid-drag__disabled",style:P,children:(0,l.jsxs)("div",{className:"".concat(a?"scale-100 opacity-100":"scale-95 opacity-0"," c-shadow transition flex flex-row justify-center items-center bg-blue rounded-md"),children:[(0,l.jsx)("div",{className:"absolute bg-blue w-[12px] h-[12px] rounded-sm bottom-[-3px] left-[10px] rotate-45 z-[0]",style:"top"===e.panelAlign||"center"===e.panelAlign?{bottom:-3}:{top:-3}}),(0,l.jsxs)("label",{onClick:()=>S.current=!0,htmlFor:"upload-asset"+e.id,className:"cursor-pointer text-white active:scale-95 z-[1] p-[6px]",children:[m?(0,l.jsx)("svg",{className:"checkmark",viewBox:"0 0 20 20",children:(0,l.jsx)("path",{d:"M5 10 L8 13 L15 6"})}):h?(0,l.jsx)("span",{children:i.wG}):(0,i.T3)(20),(0,l.jsx)("input",{multiple:e.multiple,accept:e.accept||"image/png, image/gif, image/jpeg, image/avif, image/webp",ref:N,onChange:A,id:"upload-asset"+e.id,name:"asset",type:"file",className:"hidden"})]}),(0,l.jsx)("div",{className:"p-[6px] active:scale-95 text-white cursor-pointer",onClick:I.handleOpenStockModal,children:(0,i.Ur)(18)}),(null==(t=e.rounding)?void 0:t.length)>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"p-[6px] active:scale-95 cursor-pointer",onClick:()=>e.handleChangePhotoRounding("rounded-".concat(e.rounding[0])),children:(0,l.jsx)("div",{className:"w-[18px] h-[18px] rounded-full border border-white z-[1]"})}),(0,l.jsx)("div",{className:"p-[6px] active:scale-95 cursor-pointer",onClick:()=>e.handleChangePhotoRounding("rounded-".concat(e.rounding[1])),children:(0,l.jsx)("div",{className:"w-[18px] h-[18px] rounded-sm border border-white z-[1]"})})]})]})})]}),(0,l.jsx)(d.A,{...I})]})}}}]);