https://pingenerator.com/static/5685.108327504faf2bbfb6d7abe185cf8f1a.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"[email protected]"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="01462017-171b-4f32-b498-064eadd0b7f3",e._sentryDebugIdIdentifier="sentry-dbid-01462017-171b-4f32-b498-064eadd0b7f3")}catch(e){}}(),(self.webpackChunkpingenerator=self.webpackChunkpingenerator||[]).push([[5685],{10286:(e,t,r)=>{r.d(t,{Tj:()=>o,kS:()=>n});var o={green:"#27c3a6",orange:"#FEB019",red:"#FF4560",purple:"#775DD0",blue:"#008FFB",grey:"#555555",black:"000000",white:"ffffff"};const n=e=>void 0===e?"rgba(0,0,0,0)":`rgba(${e.r}, ${e.g}, ${e.b}, ${e.a})`},35685:(e,t,r)=>{r.d(t,{A:()=>se});var o=r(96540),n=r(61225),i=r(5556),s=r.n(i),a=r(64926),l=r(51935),d=r(82096),c=r(74848);const u=(0,d.A)(e=>({parentDiv:{},resizableBox:e=>({width:e.width,height:e.height,transform:e.transform,top:e.y,left:e.x,overflow:"cover"===e.objectFit?"hidden":"visible",zIndex:e.z,position:"absolute"})})),g=e=>{let{element:t}=e,r={...e,...t,zoom:e.zoom};const n=u(r);let i;(0,o.useEffect)(()=>()=>{clearTimeout(i)},[]);let s=e.post&&e.post.id?e.post.id+"-"+t.id:t.id;return(0,c.jsx)("div",{id:s,className:`${n.resizableBox}`,onClick:()=>function(t){e.selectedLayerId!==t&&(i=setTimeout(t=>{e.setSelectedLayerId(t)},0,t))}(s),children:e.contents})};g.propTypes={element:s().object.isRequired};const f={updateLayer:a.po,setSelectedLayerId:a.iD},p=(0,n.Ng)(e=>({zoom:e.templates.present.zoom,selectedLayerId:e.templates.present.selectedLayerId,guidelinesOn:e.templates.present.guidelinesOn,selectedLayerId:e.templates.present.designTemplate.selectedLayerId}),f)(g),b=e=>{let{element:t,post:r}=e,n=(0,l.CY)(),i=t.backgroundColor;t.useDynamicColors&&!n&&e.post.color&&(i=e.post.color);const s=(0,o.useMemo)(()=>({width:"100%",height:"100%",backgroundColor:`rgba(${i.r}, ${i.g}, ${i.b}, ${i.a})`,borderColor:`rgba(${t.borderColor.r}, ${t.borderColor.g}, ${t.borderColor.b}, ${t.borderColor.a})`,borderWidth:t.borderWidth,borderStyle:t.borderStyle,borderRadius:t.borderRadius,opacity:t.opacity,boxSizing:"border-box"}),[i,t.borderColor,t.borderWidth,t.borderStyle,t.borderRadius,t.opacity]);let a=(0,c.jsx)("div",{style:s});return(0,c.jsx)(p,{contents:a,element:t,...e})};b.propTypes={element:s().object.isRequired};const m=b;var h=r(80017),y=r(31106);const x=e=>{let{element:t,post:n}=e,i={...e,...t},s=(0,l.CY)();const[a,d]=(0,o.useState)(!1),[u,g]=(0,o.useState)(!1),[f,b]=(0,o.useState)(null),m=(0,o.useRef)((0,h.J)());t.useDynamicColors&&!s&&e.post.color&&(i.color=e.post.color),t.useStrokeDynamicColors&&!s&&e.post.color&&(i.textStrokeColor=e.post.color),n&&n.textDesignOverrides&&(i={...i,...n.textDesignOverrides}),t.contrastColorFrozen&&t.color&&(i.color=t.color);const y=f||i.color,x=(0,o.useMemo)(()=>{if(!i.textShadowEnabled)return;const e=i.textShadowOffsetX||0,t=i.textShadowOffsetY||0,r=i.textShadowBlur||0;if(!e&&!t&&!r)return;const o=i.textShadowColor||{r:0,g:0,b:0,a:.5};return`${e}px ${t}px ${r}px rgba(${o.r}, ${o.g}, ${o.b}, ${o.a})`},[i.textShadowEnabled,i.textShadowOffsetX,i.textShadowOffsetY,i.textShadowBlur,i.textShadowColor]),v=(0,o.useMemo)(()=>{if(!i.textStrokeEnabled)return;return i.textStrokeWidth||0||void 0},[i.textStrokeEnabled,i.textStrokeWidth]),C=(0,o.useMemo)(()=>{if(!i.textStrokeEnabled)return;if(!i.textStrokeWidth)return;const e=i.textStrokeColor||{r:0,g:0,b:0,a:1};return`rgba(${e.r}, ${e.g}, ${e.b}, ${e.a})`},[i.textStrokeEnabled,i.textStrokeWidth,i.textStrokeColor]),S=(0,o.useMemo)(()=>({height:i.height,width:i.width,color:y?`rgba(${y.r}, ${y.g}, ${y.b}, ${y.a})`:void 0,fontSize:i.fontAdjustment?i.fontSize+i.fontAdjustment:i.fontSize,fontFamily:`${i.fontFamily}, "Noto Color Emoji", sans-serif`,fontWeight:i.fontWeight,fontStyle:i.fontStyle,textDecoration:i.textDecoration,textAlign:i.textAlign,textTransform:i.textTransform,letterSpacing:i.letterSpacing,lineHeight:i.lineHeight,display:"inline-flex",justifyContent:i.textAlign,alignItems:i.alignItems,direction:i.direction,outline:"none",whiteSpace:"pre-wrap",textShadow:x,WebkitTextStrokeWidth:v?`${v}px`:void 0,WebkitTextStrokeColor:C,paintOrder:v?"stroke fill":void 0}),[i.height,i.width,y,i.fontSize,i.fontAdjustment,i.fontFamily,i.fontWeight,i.fontStyle,i.textDecoration,i.textAlign,i.textTransform,i.letterSpacing,i.lineHeight,i.alignItems,i.direction,x,v,C]);function w(e,t){const r=Math.max(e.left,t.left),o=Math.min(e.right,t.right),n=Math.max(e.top,t.top),i=Math.min(e.bottom,t.bottom);return r>=o||n>=i?0:(o-r)*(i-n)}function I(e){try{let t=1;const r=parseFloat(window.getComputedStyle(e).opacity);if(isNaN(r)||(t*=r),e.firstChild&&1===e.firstChild.nodeType){const r=parseFloat(window.getComputedStyle(e.firstChild).opacity);isNaN(r)||(t*=r)}return t}catch(e){return 1}}function k(e){if(e.a>=1)return e;const t=Math.max(0,Math.min(1,e.a));return{r:Math.round(e.r*t+255*(1-t)),g:Math.round(e.g*t+255*(1-t)),b:Math.round(e.b*t+255*(1-t)),a:1}}function D(e){let t="rgba(255, 255, 255, 0)";try{const r=e.querySelectorAll("svg");if(r.length>0){let e=r[r.length-1],o=!1;const n=e.querySelectorAll("path, rect, circle, ellipse, polygon, polyline"),i=Array.from(n).filter(t=>{let r=t.parentElement;for(;r&&r!==e;){const e=r.tagName.toLowerCase();if("defs"===e||"mask"===e||"clippath"===e||"filter"===e||"pattern"===e)return!1;r=r.parentElement}return!0});for(const e of i){let r=e.getAttribute("fill");if(r&&"none"!==r&&!r.startsWith("url")){t=r,o=!0;break}}if(!o)for(const e of i)try{const r=window.getComputedStyle(e).fill;if(r&&"none"!==r&&!r.startsWith("url")){t=r,o=!0;break}}catch(e){}if(!o){let r=e.getAttribute("fill");r&&"none"!==r&&!r.startsWith("url")&&(t=r,o=!0)}}else{const r=window.getComputedStyle(e.firstChild).backgroundColor;r&&"rgba(0, 0, 0, 0)"!==r&&"transparent"!==r&&(t=r)}}catch(e){return"rgba(255, 255, 255, 0)"}return t.startsWith&&t.startsWith("#")&&/^#([0-9a-fA-F]{3,8})$/.test(t)&&(t=function(e){let t=0,r=0,o=0,n=1;return 4===e.length?(t="0x"+e[1]+e[1],r="0x"+e[2]+e[2],o="0x"+e[3]+e[3]):5===e.length?(t="0x"+e[1]+e[1],r="0x"+e[2]+e[2],o="0x"+e[3]+e[3],n="0x"+e[4]+e[4],n=+(parseInt(n,16)/255).toFixed(2)):7===e.length?(t="0x"+e[1]+e[2],r="0x"+e[3]+e[4],o="0x"+e[5]+e[6]):9===e.length&&(t="0x"+e[1]+e[2],r="0x"+e[3]+e[4],o="0x"+e[5]+e[6],n="0x"+e[7]+e[8],n=+(parseInt(n,16)/255).toFixed(2)),`rgba(${+t}, ${+r}, ${+o}, ${n})`}(t)),t.startsWith&&t.startsWith("url")&&(t="rgba(255, 255, 255, 0)"),t}function $(e){const t={r:255,g:255,b:255,a:1};if(!e||"string"!=typeof e)return t;if("none"===e||"transparent"===e)return{...t,a:0};try{const t=e.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)/);if(t)return{r:parseInt(t[1],10),g:parseInt(t[2],10),b:parseInt(t[3],10),a:void 0!==t[4]?parseFloat(t[4]):1}}catch(e){}return t}function L(e,t){const r=M(e),o=M(t);

1return(Math.max(r,o)+.05)/(Math.min(r,o)+.05)}function M(e){const{r:t,g:r,b:o}=e;return.2126*A(t)+.7152*A(r)+.0722*A(o)}function A(e){const t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)}function j(){let t=document.getElementById(m.current);if(null==t)return;const r=t.parentNode;r&&t.isConnected&&0!==r.clientHeight&&0!==r.clientWidth&&(0,l.ul)({element:t,minSize:10,maxSize:1e3,step:1,fontAdjustment:e.fontAdjustment})}function E(e){let t="";const r=e.childNodes;for(let e=0;e<r.length;e++){const o=r[e];3===o.nodeType?t+=o.nodeValue:"BR"===o.nodeName?t+="\n":1===o.nodeType&&(/^(DIV|P|LI)$/.test(o.nodeName)&&t.length>0&&!t.endsWith("\n")&&(t+="\n"),t+=E(o))}return t}function R(r){r.stopPropagation(),d(!1);let o=document.getElementById(m.current);var i;o&&(i={text:E(o)},s?e.updateLayer(t.id,i):null!=e.overrideSingleLayerUpdate?e.overrideSingleLayerUpdate(t.id,i):e.updateSinglePostLayer(n.id,t.id,i),j())}function T(e){let t=e;if(n){const e=n.designTitle||n.title;e&&(t=t.replace(/{title}/gi,e)),n.description&&(t=t.replace(/{description}/gi,n.description)),n.url&&(t=t.replace(/{url}/gi,n.url)),n.URLText&&(t=t.replace(/{shortURL}/gi,n.URLText)),n.date&&(t=t.replace(/{date}/gi,n.date.substring(0,10))),n.brandName&&(t=t.replace(/{brandName}/gi,n.brandName));for(let e=1;e<=100;e++)n[`custom${e}`]&&(t=t.replace(new RegExp(`{custom${e}}`,"gi"),n[`custom${e}`]))}return t}function W(r){if(r.persist(),r.stopPropagation(),r.preventDefault(),u){console.log("Click on selected element - enabling text editing"),d(!0);const e={x:r.clientX,y:r.clientY};return void setTimeout(()=>{const t=document.getElementById(m.current);if(t){let r;if(t.focus({preventScroll:!0}),document.caretRangeFromPoint)r=document.caretRangeFromPoint(e.x,e.y);else if(document.caretPositionFromPoint){const t=document.caretPositionFromPoint(e.x,e.y);t&&(r=document.createRange(),r.setStart(t.offsetNode,t.offset),r.collapse(!0))}if(r){const e=window.getSelection();e.removeAllRanges(),e.addRange(r)}}},0)}if(g(!0),s)e.setSelectedLayerId(t.id);else{const o=r.currentTarget.parentElement,n=o?o.id:t.id;e.setSelectedLayerId(n)}}(0,o.useEffect)(()=>{n.textDesignOverrides&&n.textDesignOverrides.fontFamily&&n.textDesignOverrides.fontUrl?(0,l.jy)(n.textDesignOverrides.fontFamily,n.textDesignOverrides.fontUrl,j):n.textDesignOverrides&&n.textDesignOverrides.fontFamily&&!n.textDesignOverrides.fontUrl?r(15371).load({google:{families:[n.textDesignOverrides.fontFamily]},active:()=>{j()},fontactive:()=>{j()}}):t.fontUrl?(0,l.jy)(t.fontFamily,t.fontUrl,j):r(15371).load({google:{families:[i.fontFamily]},active:()=>{j()},inactive:()=>{console.log("Inactive: Failed to load font on the first try")},fontactive:()=>{j()},fontinactive:()=>{console.log("FontInactive: Failed to load font on the first try")}})},[e.element.fontFamily,e.overrideFontType,n.textDesignOverrides?.fontFamily]),(0,o.useEffect)(()=>{e.selectedLayerId!=t.id&&d(!1)},[e.selectedLayerId]),(0,o.useEffect)(()=>{e.post.isLocked||(e.bypassResize&&1==e.bypassResize?e.setBypassResize(!1):j())},[e.element.height,e.element.width,e.element.text,e.element.textTransform,e.element.color,e.post.title,e.post.description,e.post.date,e.post.url,e.post.URLText,e.fontCase,e.fontAdjustment,e.pinOverrides,e.post.textDesignOverrides?.fontFamily,e.post.textDesignOverrides?.textTransform]),(0,o.useEffect)(()=>{if(e.post.isLocked)return;if(s)return;if(e.suppressAutomaticTextContrast)return void b(null);if(e.manualTextColorContrastBypass||e.element.manualTextColorContrastBypass)return void b(null);if(!e.element.useDynamicColors&&!e.fixLowContrastText&&!e.post.fixLowContrastText)return void b(null);b(null);const t=()=>{let e=i.color;if(!e)return;const t=i.textStrokeWidth||0,r=i.textStrokeColor;if(i.textStrokeEnabled&&t>0&&r&&"number"==typeof r.r){let t=k({r:r.r,g:r.g,b:r.b,a:void 0!==r.a?r.a:1});if(L(t,e)<1.5&&!1===s){const e={r:255,g:255,b:255,a:1},r={r:0,g:0,b:0,a:1},o=L(t,e),n=L(t,r);b(o>=n?e:r)}return}let o=document.getElementById(m.current);if(!o)return;let n=o.parentNode,a=Array.from(o.parentNode.parentNode.children),l=a.filter(e=>{if(e===n)return!1;try{let t=e.getBoundingClientRect(),r=o.getBoundingClientRect();return r.top>=t.top&&r.left>=t.left&&r.right<=t.right&&r.bottom<=t.bottom}catch(e){return!1}});if(0===l.length){let e=o.getBoundingClientRect(),t=Math.max(1,e.width*e.height),r=null,i=0;for(const o of a)if(o!==n)try{let n=w(e,o.getBoundingClientRect())/t;n>i&&n>=.3&&(i=n,r=o)}catch(e){}r&&(l=[r])}let d=$("rgba(255, 255, 255, 1)");if(l.length>0){let e=l.length-1;do{let t=l[e];d=$(D(t));let r=I(t);d.a*=r,d.a<.15&&e--}while(d.a<.15&&e>=0)}let c=k(d);L(c,e)<1.5&&!1===s&&(function(e){const{r:t,g:r,b:o}=e;return.2126*A(t)+.7152*A(r)+.0722*A(o)<.5}(c)?b({r:255,g:255,b:255,a:1}):b({r:0,g:0,b:0,a:1}))};t();const r=setTimeout(t,600);return()=>{clearTimeout(r)}},[e.post.color,e.post.templateId,e.post.template,e.post.colorIndex,e.post.fixLowContrastText,e.fixLowContrastText,e.suppressAutomaticTextContrast,e.manualTextColorContrastBypass,e.element.manualTextColorContrastBypass,e.element.useDynamicColors,e.element.color,e.element.textStrokeEnabled,e.element.textStrokeWidth,e.element.textStrokeColor,e.element.useStrokeDynamicColors,e.useAllColors,e.designColors,e.selectedColorIndex]),(0,o.useEffect)(()=>

1{if(s)return;if(!n?.id||!t?.id)return;const r=`${n.id}-${t.id}`;e.setContrastResolvedColor(r,y||null)},[n?.id,t?.id,s,y?.r,y?.g,y?.b,y?.a]),(0,o.useEffect)(()=>{e.selectedLayerId===t.id||e.selectedLayerId&&e.selectedLayerId.endsWith("-"+t.id)||(g(!1),d(!1))},[e.selectedLayerId,t.id]);let F=a?(0,c.jsx)("div",{id:m.current,style:{...S,pointerEvents:"auto"},contentEditable:!0,onPaste:function(e){e.preventDefault();const t=e.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,t)},onKeyPress:function(e){if(13===(e.keyCode||e.which)){e.preventDefault();const t=window.getSelection(),r=t.getRangeAt(0),o=document.createElement("br");r.deleteContents(),r.insertNode(o),r.setStartAfter(o),r.setEndAfter(o),t.removeAllRanges(),t.addRange(r)}},onInput:j,onKeyDown:e=>{e.stopPropagation(),function(e){8!==e.keyCode&&46!==e.keyCode||e.stopPropagation()}(e)},onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(R(e),g(!1))},onClick:e=>{e.stopPropagation(),e.preventDefault(),e.target.focus({preventScroll:!0})},tabIndex:0,suppressContentEditableWarning:!0,children:s?t.text:T(t.text)}):(0,c.jsx)("div",{id:m.current,style:{...S,pointerEvents:"auto"},contentEditable:!1,onClick:W,onTouchStart:W,suppressContentEditableWarning:!0,children:s?t.text:T(t.text)});return(0,c.jsx)(p,{contents:F,element:t,...e,style:{pointerEvents:a?"none":"auto"}})};x.propTypes={element:s().object.isRequired,setSelectedLayerId:s().func.isRequired};const v={updateLayer:a.po,updateFontSize:a.sv,updateSinglePostLayer:y.UM,setBypassResize:y.Xw,setSelectedLayerId:a.iD,setContrastResolvedColor:y.Qb},C=(0,n.Ng)((e,t)=>{const r=t.post?.id&&t.element?.id?`${t.post.id}-${t.element.id}`:"";return{selectedLayerId:e.templates.present.selectedLayerId,overrideColorsAndFonts:e.design.present.overrideColorsAndFonts,overrideFontType:e.design.present.overrideFontType,fontCase:e.design.present.fontCase,pinOverrides:e.design.present.pinOverrides,fontAdjustment:e.design.present.fontAdjustment,designColors:e.design.present.designColors,fixLowContrastText:e.design.present.fixLowContrastText,suppressAutomaticTextContrast:e.design.present.suppressAutomaticTextContrast,manualTextColorContrastBypass:!(!r||!e.design.present.manualTextColorContrastBypassLayerIds?.[r]),useAllColors:e.design.present.useAllColors,selectedColorIndex:e.design.present.selectedColorIndex,bypassResize:e.design.present.bypassResize}},v)(x);var S=r(44780);const w=(0,d.A)(e=>({videoContainer:e=>({position:"relative",overflow:"inherit",overflowY:"hidden","&::-webkit-scrollbar":{display:"none"}}),playIcon:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",color:e.palette.primary.main,fontSize:200},reactPlayer:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}));function I(e){const t=w(),r=(0,o.useRef)(null),n=(0,o.useRef)(null),i=(0,o.useRef)(!1),s=`${e.elementId}-${e.video.id}-Video`,[a,l]=(0,o.useState)({}),[d,u]=(0,o.useState)(0),[g,f]=(0,o.useState)(!1),[p,b]=(0,o.useState)(0),[m,h]=(0,o.useState)(0);(0,o.useEffect)(()=>{let t={width:0,height:0},r=0,o=!1;if(e.video.isUploadedVideo){let{width:n=1200,height:i=675}=e.video;t=e.video,t.src=e.video.mediaURL,r=n/i,u(r),o=i>n,f(o)}else e.video.video_files.forEach(e=>{null!=e.width&&(null==t||e.width>t.width)&&(t=e,t.src=e.link,r=e.width/e.height,u(r),o=e.height>e.width,f(o))});l(t),function(t,r,o,n){t=r?e.containerWidth:e.containerHeight*o,h(t),n=r?e.containerWidth/o:e.containerHeight,b(n)}(0,o,r,0)},[e.video,e.containerWidth,e.containerHeight]);const y=(0,o.useCallback)(()=>{null==a.src||i.current||(n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{r.current&&r.current.play().then(()=>{i.current=!0}).catch(e=>{"AbortError"!==e.name&&console.error("Error playing video:",e)})},100))},[a.src]),x=(0,o.useCallback)(()=>{null!=a.src&&i.current&&(n.current&&clearTimeout(n.current),r.current&&(r.current.pause(),i.current=!1))},[a.src]);return(0,o.useEffect)(()=>()=>{n.current&&clearTimeout(n.current)},[]),(0,c.jsx)("div",{onMouseOver:()=>{y()},onMouseLeave:()=>{x()},onMouseDown:()=>{x()},className:`${t.videoContainer}`,style:{height:e.containerHeight,width:e.containerWidth},children:(0,c.jsx)("video",{id:s,ref:r,src:a.src,className:e.className,height:p,width:m,draggable:!0,onDragStart:()=>{e.setDraggedMedia({type:"video",fullMedia:e.video})},style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",WebkitMaskImage:"-webkit-radial-gradient(white, black)",WebkitBackfaceVisibility:"hidden",MozBackfaceVisibility:"hidden",...e.style}})})}I.propTypes={video:s().object.isRequired,containerHeight:s().number.isRequired,containerWidth:s().number.isRequired};const k=(0,n.Ng)(null,{setDraggedMedia:S.Bg,updateSinglePost:y.ss})(I);var D=r(30466);const $={position:"relative",height:"100%",width:"100%"},L={opacity:.3},M=e=>{let{element:t,post:r}=e,n={...e,...t};r&&r.imageDesignOverrides&&(n={...n,...r.imageDesignOverrides});let i=(0,l.CY)();const s=(0,o.useMemo)(()=>({width:"100%",height:"100%",opacity:n.opacity,objectFit:n.objectFit,objectPosition:n.objectPosition,backgroundColor:n.backgroundColor?`rgba(${n.backgroundColor.r}, ${n.backgroundColor.g}, ${n.backgroundColor.b}, ${n.backgroundColor.a})`:"",borderColor:n.borderColor?`rgba(${n.borderColor.r}, ${n.borderColor.g}, ${n.borderColor.b}, ${n.borderColor.a})`:"",borderWidth:n.borderWidth?n.borderWidth:"",borderStyle:n.borderStyle?n.borderStyle:"",borderRadius:n.borderRadius?n.borderRadius:"",boxSizing:"border-box"}),[n.opacity,n.objectFit,n.objectPosition,n.backgroundColor,n.borderColor,n.borderWidth,n.borderStyle,n.borderRadius]),[a,d]=(0,o.useState)(!1),[u,g]=(0,o.useState)(!1);(0,o.useEffect)(()=>{g(!1)},[t.src]);const f=(0,o.useRef)(!0),b=(0,o.useRef)(!0);(0,o.useEffect)(()=>

1{if(f.current)f.current=!1;else if(t.useDetectedImages&&1==t.useDetectedImages&&!i){let r="https://firebasestorage.googleapis.com/v0/b/pingenerator-43a15.appspot.com/o/placeholderImage.png?alt=media",o=[...e.post.allImages,...e.selectedUploadedImages];r=o[Math.floor(Math.random()*o.length)],e.updateSinglePostLayer(e.post.id,t.id,{src:r})}},[t.useDetectedImages]),(0,o.useEffect)(()=>{b.current?b.current=!1:t.useLogoImage&&1==t.useLogoImage&&t.useLogoImage&&t.src!=e.logoImage&&e.updateSinglePostLayer(e.post.id,t.id,{src:e.logoImage&&e.logoImage.length>0?e.logoImage:"https://storage.googleapis.com/pingenerator-43a15.appspot.com/userMedia/LuQR70e8WnRK63OI6dtbETwUpIi1/images/logo-placeholder-5026f9abc7.png?alt=media"})},[t.useLogoImage,e.logoImage]);const m=a?{...$,...L}:$;let h=(0,c.jsxs)("div",{style:m,onDragEnter:e=>{e.preventDefault(),e.preventDefault(),d(!0)},onDragOver:e=>{e.preventDefault(),e.preventDefault(),d(!0)},onDragLeave:e=>{e.preventDefault(),e.preventDefault(),d(!1)},onDrop:r=>{r.preventDefault(),r.preventDefault(),d(!1),"image"==e.draggedMedia.type?null!=e.overrideSingleLayerUpdate?e.overrideSingleLayerUpdate(t.id,{src:e.draggedMedia.fullMedia.image,useLogoImage:!1}):e.updateSinglePostLayer(e.post.id,t.id,{src:e.draggedMedia.fullMedia.image,useLogoImage:!1}):"video"==e.draggedMedia.type&&(null!=e.overrideSingleLayerUpdate?e.overrideSingleLayerUpdate(t.id,{src:e.draggedMedia.fullMedia.video,useLogoImage:!1,type:"Video"}):e.updateSinglePostLayer(e.post.id,t.id,{fullMedia:e.draggedMedia.fullMedia,src:e.draggedMedia.fullMedia.video,useLogoImage:!1,type:"Video"}))},children:[(0,c.jsx)(D.A,{src:t.src,style:s,onClick:()=>{},id:void 0,onLoadSuccess:()=>g(!1),onLoadError:()=>g(!0)},void 0),u&&(0,c.jsx)("div",{style:{position:"absolute",top:4,left:4,backgroundColor:"rgba(211, 47, 47, 0.92)",color:"#fff",fontSize:11,lineHeight:1.2,fontWeight:600,padding:"3px 6px",borderRadius:4,pointerEvents:"none",maxWidth:"90%",zIndex:2},children:"Image failed to load — replace it"})]}),y=(0,c.jsx)("img",{style:s,src:t.src,draggable:!1}),x=i?y:h;return(0,c.jsx)(p,{contents:x,element:t,...e})};M.propTypes={element:s().object.isRequired};const A={updateSinglePostLayer:y.UM},j=(0,n.Ng)(e=>({draggedMedia:e.data.draggedMedia,selectedUploadedImages:e.design.present.selectedUploadedImages,logoImage:e.design.present.pinOverrides.logoImage}),A)(M),E={position:"relative",height:"100%",width:"100%"},R={opacity:.3},T=e=>{let{element:t,post:r}=e,n={...e,...t};r&&r.imageDesignOverrides&&(n={...n,...r.imageDesignOverrides}),(0,l.CY)();const i=(0,o.useMemo)(()=>({width:"100%",height:"100%",opacity:n.opacity,objectFit:n.objectFit,objectPosition:n.objectPosition,backgroundColor:n.backgroundColor?`rgba(${n.backgroundColor.r}, ${n.backgroundColor.g}, ${n.backgroundColor.b}, ${n.backgroundColor.a})`:"",borderColor:n.borderColor?`rgba(${n.borderColor.r}, ${n.borderColor.g}, ${n.borderColor.b}, ${n.borderColor.a})`:"",borderWidth:n.borderWidth?n.borderWidth:"",borderStyle:n.borderStyle?n.borderStyle:"",borderRadius:n.borderRadius?n.borderRadius:"",boxSizing:"border-box"}),[n.opacity,n.objectFit,n.objectPosition,n.backgroundColor,n.borderColor,n.borderWidth,n.borderStyle,n.borderRadius]),[s,a]=(0,o.useState)(!1),d=s?{...E,...R}:E;let u=(0,c.jsx)("div",{style:d,onDragEnter:e=>{e.preventDefault(),e.preventDefault(),a(!0)},onDragOver:e=>{e.preventDefault(),e.preventDefault(),a(!0)},onDragLeave:e=>{e.preventDefault(),e.preventDefault(),a(!1)},onDrop:r=>{r.preventDefault(),r.preventDefault(),a(!1),"video"==e.draggedMedia.type&&(null!=e.overrideSingleLayerUpdate?e.overrideSingleLayerUpdate(t.id,{fullMedia:e.draggedMedia.fullMedia}):e.updateSinglePostLayer(e.post.id,t.id,{fullMedia:e.draggedMedia.fullMedia})),"image"==e.draggedMedia.type&&(null!=e.overrideSingleLayerUpdate?e.overrideSingleLayerUpdate(t.id,{type:"Image",src:e.draggedMedia.fullMedia.image,useLogoImage:!1,fullMedia:{}}):e.updateSinglePostLayer(e.post.id,t.id,{type:"Image",src:e.draggedMedia.fullMedia.image,useLogoImage:!1,fullMedia:{}}))},children:(0,c.jsx)(k,{style:i,video:t.fullMedia,containerHeight:t.height,containerWidth:t.width,postId:e.post.id,elementId:t.id,post:e.post,x:t.x,y:t.y})});return(0,c.jsx)(p,{contents:u,element:t,...e})};T.propTypes={element:s().object.isRequired};const W={updateSinglePostLayer:y.UM},F=(0,n.Ng)(e=>({draggedMedia:e.data.draggedMedia}),W)(T);var O=r(10286);let N=0;const P=/url\(\s*(['"]?)#([^)'"\s]+)\1\s*\)/g,U=/^#(.+)$/,z=new Set(["aria-labelledby","aria-describedby","aria-controls","aria-owns","aria-flowto","aria-activedescendant"]),B=new Set(["media","supp

1orts","container","layer","scope","document"]);function V(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function q(e,t){return e&&-1!==e.indexOf("url(")?e.replace(P,(e,r,o)=>{const n=t.get(o);return n?`url(${r}#${n}${r})`:e}):e}function H(e,t){let r=e;for(const[e,o]of t){const t=new RegExp(`#${V(e)}(?![\\w-])`,"g");r=r.replace(t,`#${o}`)}return r}function Y(e,t){return e.split(/\s+/).map(e=>t.get(e)||e).join(" ")}function G(e,t){if(!e)return e;const r=e.length;let o=0,n="";function i(t){for(n+=e[o],o++;o<r&&e[o]!==t;)"\\"===e[o]&&o+1<r?(n+=e[o]+e[o+1],o+=2):(n+=e[o],o++);o<r&&(n+=e[o],o++)}function s(){for(n+="/*",o+=2;o<r-1&&("*"!==e[o]||"/"!==e[o+1]);)n+=e[o],o++;o<r-1?(n+="*/",o+=2):(n+=e.slice(o),o=r)}function a(){for(;o<r&&/\s/.test(e[o]);)n+=e[o],o++;if(o>=r)return;if("/"===e[o]&&"*"===e[o+1])return void s();if("@"===e[o]){const i=o;let s=0,a=o;for(;a<r;){const t=e[a];if('"'===t||"'"===t){const o=t;for(a++;a<r&&e[a]!==o;)"\\"===e[a]&&a++,a++;a<r&&a++;continue}if("("===t)s++;else if(")"===t)s--;else if(0===s&&(";"===t||"{"===t))break;a++}if(a>=r)return n+=e.slice(i),void(o=r);const l=e.slice(i,a),d=(l.match(/^@([a-zA-Z-]+)/)||[])[1]||"";if(";"===e[a])return n+=l+";",void(o=a+1);const c=a;let u=1,g=c+1;for(;g<r&&u>0;){const t=e[g];if('"'!==t&&"'"!==t)if("/"!==t||"*"!==e[g+1])"{"===t?u++:"}"===t&&u--,u>0&&g++;else{for(g+=2;g<r-1&&("*"!==e[g]||"/"!==e[g+1]);)g++;g+=2}else{for(g++;g<r&&e[g]!==t;)"\\"===e[g]&&g++,g++;g<r&&g++}}const f=c+1,p=g,b=e.slice(f,p);return B.has(d.toLowerCase())?n+=l+"{"+G(b,t)+"}":n+=l+"{"+b+"}",void(o=g<r?g+1:r)}const i=o;let a=0;for(;o<r;){const t=e[o];if('"'===t||"'"===t){const n=t;for(o++;o<r&&e[o]!==n;)"\\"===e[o]&&o++,o++;o<r&&o++;continue}if("/"!==t||"*"!==e[o+1]){if("("===t)a++;else if(")"===t)a--;else if(0===a&&"{"===t)break;o++}else{for(o+=2;o<r-1&&("*"!==e[o]||"/"!==e[o+1]);)o++;o+=2}}if(o>=r)return void(n+=e.slice(i));const l=e.slice(i,o),d=o;let c=1,u=d+1;for(;u<r&&c>0;){const t=e[u];if('"'!==t&&"'"!==t)if("/"!==t||"*"!==e[u+1])"{"===t?c++:"}"===t&&c--,c>0&&u++;else{for(u+=2;u<r-1&&("*"!==e[u]||"/"!==e[u+1]);)u++;u+=2}else{for(u++;u<r&&e[u]!==t;)"\\"===e[u]&&u++,u++;u<r&&u++}}const g=e.slice(d+1,u),f=function(e){const t=[];let r=0,o="",n=!1,i=!1;for(let s=0;s<e.length;s++){const a=e[s];n||i?n&&"'"===a?n=!1:i&&'"'===a&&(i=!1):"("===a||"["===a?r++:")"===a||"]"===a?r--:'"'===a?i=!0:"'"===a&&(n=!0),","!==a||0!==r||n||i?o+=a:(t.push(o),o="")}return o.trim()&&t.push(o),t}(l).map(e=>function(e,t){const r=e.trim();return r?/^:root\b/.test(r)?t+r.slice(5):`${t} ${r}`:r}(e,t)).join(", ");n+=`${f} {${g}}`,o=u<r?u+1:r}for(;o<r;){const t=e[o];'"'!==t&&"'"!==t?"/"!==t||"*"!==e[o+1]?/\s/.test(t)?(n+=t,o++):"}"!==t?a():(n+=t,o++):s():i(t)}return n}function _(e){if(!e||"function"!=typeof e.querySelectorAll)return;const t=(N+=1,`pg${N.toString(36)}`),r=e.querySelectorAll("[id]"),o=new Map;for(let e=0;e<r.length;e++){const n=r[e].id;n&&!o.has(n)&&o.set(n,`${n}__${t}_${e}`)}if(o.size>0){const t=[e,...e.querySelectorAll("*")];for(const e of t){if(!e.attributes)continue;const t=Array.from(e.attributes);for(const r of t){const t=r.name,n=r.value;if(n&&"id"!==t){if(-1!==n.indexOf("url(")){const r=q(n,o);r!==n&&e.setAttribute(t,r)}if("href"===t||"xlink:href"===t){const r=U.exec(n);r&&o.has(r[1])&&e.setAttribute(t,`#${o.get(r[1])}`)}if(z.has(t)){const r=Y(n,o);r!==n&&e.setAttribute(t,r)}}}}}const n=e.querySelectorAll("style");if(n.length>0){const r=`pg-svgi-${t}`,i=e.getAttribute("class")||"";-1===i.split(/\s+/).indexOf(r)&&e.setAttribute("class",i?`${i} ${r}`:r);for(const e of n){const t=e.textContent;if(!t)continue;let n=q(t,o);n=H(n,o),n=G(n,`.${r}`),n!==t&&(e.textContent=n)}}for(let e=0;e<r.length;e++){const t=r[e],n=t.id,i=o.get(n);i&&(t.id=i)}}var X=r(17469),K=r(83182);const Q=e=>{let{src:t,element:r,className:n="",style:i,beforeInjection:s,afterInjection:a,wrapper:l="svg"}=e;return(0,o.useEffect)(()=>{},[t,r]),(0,c.jsx)(X.k,{src:t,className:n,style:i,afterInjection:e=>{a&&a(e)},onError:e=>{console.error(`Error injecting SVG with src: ${t} error: ${e}`)},beforeInjection:s,fallback:()=>(0,c.jsx)("span",{children:"Error!"}),loading:()=>(0,c.jsx)(K.A,{size:50}),renumerateIRIElements:!1,wrapper:l})};Q.propTypes={};const J=(0,n.Ng)(e=>({}),{})(Q),Z={top:"50%",left:"50%",position:"absolute",transform:"translate(-50%, -50%)",pointerEvents:"none"},ee={position:"relative",height:"100%",width:"100%"},te={opacity:.3},re=e=>{let{element:t,post:r}=e,n=(0,l.CY)();t.useDynamicColors&&!n&&r.color&&(t.backgroundColor=r.color);const[i,s]=(0,o.useState)(!1),a=t.borderWidth>0,d=(0,o.useRef)(null),u=(0,o.useRef)(null);(0,o.useEffect)(()=>{a||(d.current=null)},[a]),(0,o.useEffect)(()=>()=>{d.current=null,u.current=null},[]);const g=(0,o.useMemo)(()=>a?{width:t.width,height:t.height,position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)"}:null,[t.width,t.height,a]),f=(0,o.useMemo)(()=>({width:t.width-t.borderWidth,height:t.height-t.borderWidth,position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)"}),[t.width,t.height,t.borderWidth]);(0,o.useEffect)(()=>

1{if(a&&d.current&&(t.allowSettingSVGColor||t.useDynamicColors)){const e=(0,O.kS)(t.borderColor);d.current.querySelectorAll("path").forEach(t=>t.setAttribute("fill",e))}},[a,t.borderColor,t.allowSettingSVGColor,t.useDynamicColors]),(0,o.useEffect)(()=>{if(u.current&&(t.allowSettingSVGColor||t.useDynamicColors)){const e=(0,O.kS)(t.backgroundColor);u.current.querySelectorAll("path").forEach(t=>t.setAttribute("fill",e))}},[t.backgroundColor,t.allowSettingSVGColor,t.useDynamicColors]),(0,o.useEffect)(()=>{},[e.element.allowSettingSVGColor]),(0,o.useEffect)(()=>{},[t.imageSrc]);function b(e,t){if(e.tagName&&["path","g","rect","circle","ellipse","polygon","polyline"].includes(e.tagName.toLowerCase())){e.setAttribute("fill",t);let r=e.getAttribute("style");r&&(r.match(/fill\s*:[^;]+;/)?r=r.replace(/fill\s*:[^;]+;/g,`fill:${t};`):r+=` fill:${t};`,e.setAttribute("style",r))}for(let r=0;r<e.children.length;r++)b(e.children[r],t)}function m(e,t){if(t.containsImage&&t.imageSrc.length>0&&t.useDetectedImages){let r=e.getElementsByTagName("image");for(let e=0;e<r.length;e++)r[e].setAttribute("href",t.imageSrc),r[e].setAttribute("xlink:href",t.imageSrc),r[e].setAttribute("preserveAspectRatio","xMidYMid slice"),r[e].setAttribute("referrerpolicy","no-referrer")}}const h=o.useCallback((e,t)=>{_(e),function(e,t){(t.allowSettingSVGColor||t.useDynamicColors)&&(b(e,t.borderWidth>0?(0,O.kS)(t.borderColor):(0,O.kS)(t.backgroundColor)),e.setAttribute("style",`border-radius: ${t.borderRadius}px;`)),e.setAttribute("width",t.width),e.setAttribute("height",t.height),e.setAttribute("r",t.width/2)}(e,t),m(e,t)},[t]),y=o.useCallback(e=>{h(e,t)},[t,h]),x=o.useCallback((e,t)=>{_(e),function(e,t){(t.allowSettingSVGColor||t.useDynamicColors)&&(b(e,(0,O.kS)(t.backgroundColor)),e.setAttribute("style",`border-radius: ${t.borderRadius}px;`)),e.setAttribute("width",t.width-t.borderWidth),e.setAttribute("height",t.height-t.borderWidth),e.setAttribute("r",t.width-t.borderWidth/2)}(e,t),m(e,t)},[t]),v=o.useCallback(e=>{x(e,t)}

1,[t,x]),C=o.useCallback(e=>{d.current=e||null},[]),S=o.useCallback(e=>{u.current=e||null},[]),w=i?{...ee,...te}:ee;return(0,c.jsx)(p,{contents:(0,c.jsx)("div",{style:w,onDragEnter:e=>{e.preventDefault(),e.preventDefault(),s(!0)},onDragOver:e=>{e.preventDefault(),e.preventDefault(),s(!0)},onDragLeave:e=>{e.preventDefault(),e.preventDefault(),s(!1)},onDrop:r=>{r.preventDefault(),r.preventDefault(),s(!1),"image"==e.draggedMedia.type?null!=e.overrideSingleLayerUpdate?e.overrideSingleLayerUpdate(t.id,{imageSrc:e.draggedMedia.fullMedia.image}):e.updateSinglePostLayer(e.post.id,t.id,{imageSrc:e.draggedMedia.fullMedia.image}):"video"==e.draggedMedia.type&&alert("SVG element does not support video")},children:(0,c.jsxs)("div",{style:Z,children:[a&&(0,c.jsx)(J,{src:t.svgUrl,element:t,style:g,beforeInjection:y,afterInjection:C,wrapper:"svg"}),(0,c.jsx)(J,{src:t.svgUrl,element:t,style:f,beforeInjection:v,afterInjection:S,wrapper:"svg"})]})}),element:t,...e})};re.propTypes={element:s().object.isRequired};const oe={updateSinglePostLayer:y.UM},ne={Rectangle:m,Text:C,Image:j,Video:F,SVG:(0,n.Ng)(e=>({draggedMedia:e.data.draggedMedia}),oe)(re)},ie=e=>{let{element:t,post:r}=e,o=ne[t.type];return(0,c.jsx)(o,{...e})};ie.propTypes={};const se=(0,n.Ng)(e=>({}),{})(ie)}}]);