https://sarafanmobile.com/_next/static/chunks/4723.14a598820a002b4b.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]="e4696ede-2aca-431c-9dea-8983695b3cbd",e._sentryDebugIdIdentifier="sentry-dbid-e4696ede-2aca-431c-9dea-8983695b3cbd")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4723],{43130:()=>{},55372:(e,t,l)=>{"use strict";l.d(t,{A:()=>u});var i=l(95155),a=l(12115),n=l(46964),o=l(77374),s=l(12870),c=l(91642),r=l(70012),d=l(32802);let u=e=>{var t;let[l,u]=(0,a.useState)(e.panelMounted),[p,h]=(0,a.useState)(e.panelMounted),[m,g]=(0,a.useState)(!1),[x,f]=(0,a.useState)(!1),[y,v]=(0,a.useState)(!1),[w,b]=(0,a.useState)(""),[k,S]=(0,a.useState)(e.mediaType||"image"),j=(0,a.useRef)(null),T=(0,a.useRef)(!1),C=(0,a.useRef)(null),N=(0,a.useRef)(null),_=(0,a.useRef)(null),L=(0,r.t)({onPickFromStock:t=>{b(""),e.onUploadSuccess(t,"image")}});function B(){e.isStatic||(h(!0),setTimeout(()=>{u(!0)},10))}function R(t){!e.isStatic&&((m||T.current)&&!0!==t||(u(!1),setTimeout(()=>{e.panelMounted||h(!1)},150)))}async function A(t,l){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];var a,o=new FormData;let c=t.type.split("/")[0],r=t.name,d="";"image"===c?(a=e.originalWidth,new Promise(e=>{let l=new Image;l.onload=()=>{let i=document.createElement("canvas"),n=a*(l.height/l.width);i.width=a,i.height=n,i.getContext("2d").drawImage(l,0,0,a,n),i.toBlob(t=>{e(URL.createObjectURL(t))},t.type)},l.src=URL.createObjectURL(t)})).then(t=>{b(t),e.handleChangePhotoUrl(t,c,r)}):(d=URL.createObjectURL(t),e.handleChangePhotoUrl(d,c,r),b(d)),S(c),g(!0),o.append(l,t),N.current=s.A.CancelToken.source();try{if(c.includes("video")){let t=await n.A.post("/assets",o,{cancelToken:N.current.token});e.onUploadSuccess(t.data.gurl,c),g(!1)}else{let t=await n.A.post("/assets",o,{cancelToken:N.current.token});e.onUploadSuccess(t.data.gurl,c,r,i)}}catch(e){g(!1),s.A.isCancel(e)&&console.log("Request canceled",e.message)}b(""),c.includes("video")&&f(!0),c.includes("video")&&setTimeout(()=>{T.current=!1,R(!0),c.includes("video")&&setTimeout(()=>{f(!1)},700)},600)}async function I(e){var t,l;if((null==e||null==(l=e.target)||null==(t=l.files)?void 0:t.length)>0){let t=Array.from(e.target.files);for(let l of t)await A(l,e.target.name,t.indexOf(l)===t.length-1)}else g(!1),R(!0),T.current=!1;j.current&&(j.current.value="")}(0,a.useEffect)(()=>{let e=function(){T.current=!1};return p&&window.addEventListener("focus",e),()=>window.removeEventListener("focus",e)},[p]),(0,a.useEffect)(()=>{if("video"===k){var e,t;null==(e=C.current)||e.load(),null==(t=C.current)||t.play()}},[w,e.mediaType,e.src]),(0,a.useEffect)(()=>()=>{var e;null==(e=N.current)||e.cancel("Operation canceled by the user.")},[]);let E="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 P(e){let t=e.dataTransfer.files;if((null==t?void 0:t.length)>0){B();let e=Array.from(t);for(let t of e)await A(t,"asset",e.indexOf(t)===e.length-1)}j.current&&(j.current.value=""),document.body.classList.remove("is-dragging")}function U(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,a.useEffect)(()=>{var e;return null==(e=_.current)||e.addEventListener("drop",P,!1),()=>{var e;null==(e=_.current)||e.removeEventListener("drop",P,!1)}}),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{ref:_,className:"w-full h-full",onMouseEnter:B,onMouseLeave:R.bind(null,!1),children:[(0,i.jsxs)("div",{className:"overflow-hidden relative transition-all "+e.wrapperClassNames,children:[!y&&e.showSrcLoader&&!e.isStatic&&(0,i.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,i.jsx)("div",{className:"loading text-white w-[20px]"})}),"image"===k&&(w||e.src)&&(0,i.jsx)("img",{loading:"lazy",fetchPriority:"high",src:w||e.src.includes("blob:")&&e.src||"".concat((0,c.I)(e.src)).concat((()=>{var t,l,i;return(null==(t=e.src)?void 0:t.includes(".gif"))?"":(null==(l=e.src)?void 0:l.includes("unsplash"))?"&w=".concat(U(1.5*e.originalWidth)):(null==(i=e.src)?void 0:i.includes("pexels"))?"?auto=compress&w=".concat(U(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(),m&&(g(!1),f(!0),setTimeout(()=>{T.current=!1,R(!0),setTimeout(()=>{f(!1)},700)},600)),v(!0),L.handleImageLoaded())},onError:function(t){b((0,c.I)(e.errorOverlay||"https://r2.type.link/sites/

1ogimages/overlay.jpg"))},width:"100px",height:"100px"}),"video"===k&&(0,i.jsx)("video",{onLoadedData:()=>e.onLoad&&e.onLoad(),ref:C,autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:e.className+" z-1",style:{height:e.height,width:e.width},children:(0,i.jsx)("source",{src:w||e.src,type:"video/mp4"})})]}),p&&(0,i.jsx)("div",{className:"flex absolute z-[21] uploader-panel grid-drag__disabled",style:E,children:(0,i.jsxs)("div",{className:"".concat(l?"scale-100 opacity-100":"scale-95 opacity-0"," c-shadow transition flex flex-row justify-center items-center bg-blue rounded-md"),children:[(0,i.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,i.jsxs)("label",{onClick:()=>T.current=!0,htmlFor:"upload-asset"+e.id,className:"cursor-pointer text-white active:scale-95 z-[1] p-[6px]",children:[x?(0,i.jsx)("svg",{className:"checkmark",viewBox:"0 0 20 20",children:(0,i.jsx)("path",{d:"M5 10 L8 13 L15 6"})}):m?(0,i.jsx)("span",{children:o.wG}):(0,o.T3)(20),(0,i.jsx)("input",{multiple:e.multiple,accept:e.accept||"image/png, image/gif, image/jpeg, image/avif, image/webp",ref:j,onChange:I,id:"upload-asset"+e.id,name:"asset",type:"file",className:"hidden"})]}),(0,i.jsx)("div",{className:"p-[6px] active:scale-95 text-white cursor-pointer",onClick:L.handleOpenStockModal,children:(0,o.Ur)(18)}),(null==(t=e.rounding)?void 0:t.length)>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"p-[6px] active:scale-95 cursor-pointer",onClick:()=>e.handleChangePhotoRounding("rounded-".concat(e.rounding[0])),children:(0,i.jsx)("div",{className:"w-[18px] h-[18px] rounded-full border border-white z-[1]"})}),(0,i.jsx)("div",{className:"p-[6px] active:scale-95 cursor-pointer",onClick:()=>e.handleChangePhotoRounding("rounded-".concat(e.rounding[1])),children:(0,i.jsx)("div",{className:"w-[18px] h-[18px] rounded-sm border border-white z-[1]"})})]})]})})]}),(0,i.jsx)(d.A,{...L})]})}},74723:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>u});var i=l(95155),a=l(95644),n=l.n(a),o=l(12115),s=l(55372),c=l(79775),r=l(41245),d=l(97417);l(43130);let u=e=>{var t,l,a,u,p;let h=(0,o.useRef)(null),m=(0,o.useRef)(null),[g,x]=(0,o.useState)(0),[f,y]=(0,o.useState)(0),[v,w]=(0,o.useState)(0),{data:b,id:k}=e.widget,S=(0,d.o)(),j=t=>{var l;return e.isStatic?(0,r.cQ)(t,b):(null==S||null==(l=S.getTextBlockStyle)?void 0:l.call(S,t))||{}},T=(null==S?void 0:S.setSelectedTextBlockId)||(()=>{}),C=(0,o.useCallback)((t,l,i)=>{let a={allowedTags:["b","i","a","p"],allowedAttributes:{a:["href"]}},o=b.items,s=o.find(e=>e.id===l);A(),s&&("text"===t&&a.allowedTags.push("div","br"),s[t]=n()(i,a),e.updateWidgetDataInPage({items:o},e.widget.id),clearTimeout(h.current),h.current=setTimeout(()=>{e.setSavePage({save:!0})},300)),B()},[]),N=(0,o.useCallback)((t,l)=>{e.updateWidgetDataInPage({[t]:n()(l,{allowedTags:["b","i","a","p"],allowedAttributes:{a:["href"]}})},e.widget.id),clearTimeout(h.current),h.current=setTimeout(()=>{e.setSavePage({save:!0})},300)},[]),_=(t,l)=>{let i=b.items,a=i.find(e=>e.id===t);a&&(a.photoUrl=l,e.updateWidgetDataInPage({items:i},e.widget.id))};function L(e){var t;let l=0;m.current.querySelector(".typelink-list").style.width="".concat(e,"px"),m.current.querySelector(".typelink-list").style.position="absolute",m.current.querySelector(".typelink-list").style.height="auto",null==(t=m.current)||t.querySelectorAll(".typelink-list__item").forEach((e,t)=>{var i;l+=parseFloat(getComputedStyle(e).height),t!==(null==(i=m.current)?void 0:i.querySelectorAll(".typelink-list__item").length)-1&&(l+=24)});let i=l;return i+=55,m.current.querySelector(".typelink-list").style.width="",m.current.querySelector(".typelink-list").style.position="",m.current.querySelector(".typelink-list").style.height="",Math.ceil(i/82)}function B(){setTimeout(()=>{let t=L(730),l=L(310);(parseFloat(b.style.desktop.split("x")[1])!==t||parseFloat(b.style.mobile.split("x")[1])!==l)&&((t,l)=>{let i={};i.desktop="".concat(parseFloat(b.style.desktop.split("x")[0]),"x").concat(4===parseFloat(b.style.desktop.split("x")[0])?t:l),i.mobile="".concat(parseFloat(b.style.mobile.split("x")[0]),"x").concat(l);let a=Object.assign(b.style,i);e.updateWidgetDataInPage({style:a},e.widget.id)})(t,l)})}let R=b.colorscheme.textColor||"".concat((null==(t=e.layoutColorSchemeBg)?void 0:t.includes("black"))?"text-white":"");function A(){var t;(null==(t=b.show)?void 0:t.photo)||setTimeout(()=>{var e,t;let l,i=null==(e=m.current)?void 0:e.querySelector(".typelink-list__item #pin"),a=null==(t=m.current)?void 0:t.querySelector(".typelink-list").querySelector(".typelink-list__item:nth-child("+b.items.length+") #pin");document.querySelector(".grid-items")&&(l=new WebKitCSSMatrix(globalThis.window.getComputedStyle(document.querySelector(".grid-items")).transform)),w((a.getBoundingClientRect().y-i.getBoundingClientRect().y)/((null==l?void 0:l.a)?null==l?void 0:l.a:1))},e.isStatic?500:300)}return b.items.length,(0,o.useEffect)(()=>(B(),A(),e.isStatic&&window.addEventListener("resize",A),()=>{window.removeEventListener("resize",A)}),[null==(l=e.dataItems)?void 0:l.length,e.w,null==(a=b.show)?void 0:a.photo]),(0,o.useEffect)(()=>{e.fontsLoaded&&B()},[e.fontsLoaded]),(0,i.jsx)("div",{ref:m,style:e.customStyle,className:"typelink-item ".concat(e.customClassname," typelink-item__list ").concat(e.isStatic?"typelink-item__static":""," justify-start items-start ").concat(b.fullWidth?"":b.colorscheme.border," ").concat(b.colorscheme.bg," ").concat(R," ").concat(b.fullWidth?"":"rounded-2xl"," flex ").concat("flex-col"),children:(0,i.jsxs)("div",{className:"flex flex-row justify-center h-full relative  ".concat(b.fullWidth?"mobile"!==e.currentDevice||e.isStatic?"lg:w-[780p

1x] md:w-[780px] w-[360px] mx-auto":"w-[360px] mx-auto":"w-full"),children:[(null==(u=b.show)?void 0:u.smallText)&&(0,i.jsx)(c.A,{isStatic:e.isStatic,wrapperClass:"absolute top-[-12px] ".concat(b.fullWidth?"left-0":"left-[-12px]"," min-w-[20px] max-w-[calc(100%-24px)]"),onChange:N.bind(null,"smallText"),textColor:R,tagName:"h2",html:b.smallText,className:"outline-none flex-none webkit-box-1 word-break overflow-hidden max-w-full text-left mr-auto typelink-item__text font-semibold text-[10px] ".concat(R.includes("black")||!R?"text-gray5":b.colorscheme.textColor),textBlockId:(0,r.BT)(b.type,"smallText",k),textBlockStyle:j((0,r.BT)(b.type,"smallText",k)),onTextBlockClick:T}),(0,i.jsx)("div",{className:"flex w-full flex-col ".concat((null==(p=b.show)?void 0:p.smallText)?"mt-[16px]":""," gap-[24px] h-full relative ").concat(b.items.length<=1?"justify-center":"justify-around"," typelink-list"),children:b.items.map((t,l)=>{var a,n,o;return(0,i.jsxs)("div",{className:"flex typelink-list__item flex-none flex-row ".concat((null==(a=b.show)?void 0:a.photo)?"gap-[16px]":"gap-[20px]"," relative"),children:[(null==(n=b.show)?void 0:n.photo)?(0,i.jsx)("div",{className:"relative flex-shrink-0 w-[44px] h-[44px] transition-all duration-300",children:(0,i.jsx)(s.A,{isStatic:e.isStatic,id:k+"-"+t.id,className:"h-full w-full object-cover object-top",wrapperClassNames:"".concat("w-[44px] h-[44px]"," ").concat(t.photoRounding),src:t.photoUrl,alt:"List item",width:44,height:44,originalWidth:132,panelAlign:"bottom",handleChangePhotoUrl:e=>_(t.id,e),onUploadSuccess:l=>{_(t.id,l),e.setSavePage({save:!0})},handleChangePhotoRounding:l=>((t,l)=>{let i=b.items,a=i.find(e=>e.id===t);a&&a.photoRounding!==l&&(a.photoRounding=l,e.updateWidgetDataInPage({items:i},e.widget.id),e.setSavePage({save:!0}))})(t.id,l),rounding:["full","[8px]"]})}):(0,i.jsx)("div",{id:"pin",className:"relative ".concat(R.includes("black")||!b.colorscheme.bg?"bg-gray5":"bg-white"," mt-[10px] w-[16px] h-[16px] flex-shrink-0 rounded-full duration-300 transition-colors"),children:!(null==(o=b.show)?void 0:o.photo)&&b.items.length>1&&0===l&&(0,i.jsx)("div",{style:{height:v},className:"absolute transition-all duration-1000 h-1 left-1/2 -translate-x-1/2  top-1/2 ".concat(R.includes("black")||!b.colorscheme.bg?"bg-gray5":"bg-white"," bg-opacity-20 w-[2px]")})}),(0,i.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[(0,i.jsx)(c.A,{isStatic:e.isStatic,onChange:C.bind(null,"title",t.id),textColor:R,html:t.title,tagName:"h3",className:"text-[14px] outline-none typelink-item__title",textBlockId:(0,r.BT)(b.type,"title",k,t.id),textBlockStyle:j((0,r.BT)(b.type,"title",k,t.id)),onTextBlockClick:T}),(0,i.jsx)(c.A,{isStatic:e.isStatic,onChange:C.bind(null,"description",t.id),wrapperClass:"relative -mt-[6px]",textColor:R,html:t.description,tagName:"p",className:"text-[12px] typelink-item__text overflow-hidden font-medium ".concat(R.includes("white")?"text-white":"text-gray5"," outline-none"),textBlockId:(0,r.BT)(b.type,"description",k,t.id),textBlockStyle:j((0,r.BT)(b.type,"description",k,t.id)),onTextBlockClick:T}),(0,i.jsx)(c.A,{isStatic:e.isStatic,onChange:C.bind(null,"text",t.id),textColor:R,html:t.text,tagName:"p",className:"text-[14px] typelink-item__text outline-none overflow-hidden word-break",textBlockId:(0,r.BT)(b.type,"text",k,t.id),textBlockStyle:j((0,r.BT)(b.type,"text",k,t.id)),onTextBlockClick:T})]})]},t.id)})})]})})}}}]);