????
Your IP : 3.16.10.2
"use strict";(globalThis.webpackChunkast_block_templates=globalThis.webpackChunkast_block_templates||[]).push([[910],{1910:(e,t,o)=>{o.r(t),o.d(t,{default:()=>h});var s=o(3771),l=o(3914),n=o(6597),r=o(8242),c=o(1594),a=o(6134),i=o(9453),u=o(9260),p=o(7510),m=o(5034),d=o(7497);const{spectra_common_styles:g,is_rtl:b}=ast_block_template_vars,y="visible",h=(0,s.A)((0,r.A)((e=>{const{getDisableAi:t,getDisablePreview:o,getTogglePopup:s}=e("astra-sites");return{disableAi:t(),disablePreview:o(),togglePopup:s()}})))((0,c.memo)((({item:e,content:t,stylesheet:o,astraCustomizer:s,globalStylesheet:r,colorPalette:h,dynamicContent:f,selectedImages:v,disableAi:k,togglePopup:E,email:w,phone:x,address:_,onClickBlock:A})=>{const R=(0,c.useRef)(null),$=(0,c.useRef)(null),I=e["thumbnail-image-url"]||"",S=e["featured-image-url"]||"",N=(0,a.Fx)();let C=0,T=0;const{importing:P}=(0,l.A)((e=>{const{getImporting:t}=e("astra-sites");return{importing:t()}})),{setImporting:q}=(0,n.A)("astra-sites"),[O,j]=(0,c.useState)({importing:!1}),[z,W]=(0,c.useState)(`${ast_block_template_vars.uri}dist/placeholder_200_200.png`),[B,D]=(0,c.useState)(`${ast_block_template_vars.uri}dist/placeholder_200_200.png`);function H(){const e=R?.current,t=$?.current;if(!e||!t)return;const o=e.parentNode.offsetWidth/1200,s=o*t.offsetHeight;e.style.transform=`scale(${o})`,e.style.height=`${s}px`}(0,c.useEffect)((()=>{P?document.querySelectorAll(".single-block").forEach((e=>{e.style.pointerEvents="none"})):document.querySelectorAll(".single-block").forEach((e=>{e.style.pointerEvents="auto"}))}),[P]),(0,c.useLayoutEffect)((()=>{let e=!0;const l=v,n=new Image;n.src=I;const c=new Image;c.src=S;const a=$.current;function i(t,o){e&&(t.onload=()=>{o(t.src)})}i(n,W),i(c,D);const u=document.getElementById("astra-wp-editor-styles-inline-css")?.textContent.replace(/:root/g,".block-container").replace(/body/g,".block-container"),m=document.getElementById("astra-block-editor-styles-inline-css")?.textContent.replace(/:root/g,".block-container").replace(/body/g,".block-container"),d=ast_block_template_vars.wp_stylesheet;let b="";if(o&&(o=((e,t=[])=>k?e:0!==Object.keys(f).length&&f?t&&0===t.length?e:e.replace(/background-image\s*:\s*url\(['"]?([^'")]+)['"]?\)/g,(function(e,o){if((0,p.p)(o))return e;if(!t[T]?.url)return"";const s=t[T]?.url;return T++,T%=t.length,'background-image: url("'+s+'")'})):e)(o,l)),b+=d?`<style type="text/css" id="wp-includes-styles">${d}</style>`:"",b+=s?`<style type="text/css" id="gt-astra-customizer">${s}</style>`:"",b+=`<style type="text/css" id="gt-spectra-common-stylesheet">${g}</style>`,b=o?`${b} <style type="text/css" id="gt-common-stylesheet">${o}</style>`:b,r&&(b+=`<style type="text/css" id="gt-global-stylesheet"> ${r} </style>`),u&&(b+=`<style type="text/css" id="gt-wpeditor-css" > ${u} </style>`),m&&(b+=`<style type="text/css" id="gt-blockeditor-css"> ${m} </style>`),a&&t){let e=a.shadowRoot;if(null===e&&(e=a.attachShadow({mode:"open"})),null===e)return;let o=t;if(!k){const e=f??[];e&&Object.keys(e)?.length>0&&Object.keys(e).forEach((t=>{o=null!==e[t]?o.replace(t,e[t]):o})),f&&Object.keys(f).length>0&&(E=o,w&&(E=E.replace("contact@example.com",w)),x&&(E=E.replace("202-555-0188",x)),_&&(E=E.replace("2360 Hood Avenue, San Diego, CA, 92123",_)),o=E,o=M(o))}e.innerHTML=b+'<div class="st-block-container">'+o+"</div>",h.forEach(((t,o)=>{e?.host.style.setProperty(`--ast-global-color-${o}`,t)}));const s=a.shadowRoot.querySelectorAll("img");e&&(s.forEach((e=>{(0,p.p)(e.src)||k||0===l?.length||0===Object.keys(f).length||!f||L(e,"hidden")})),H(),((e,t)=>{k||0!==Object.keys(f).length&&f&&t?.length&&e?.forEach((function(e){(0,p.p)(e.src)||(e.onload=()=>{const o=e.getAttribute("src")||"";if(o.includes("unsplash")||o.includes("pexels")||o.includes("pixabay"))return void L(e,y);const s=t[C];if(void 0!==s)if(s.url.includes("unsplash")||s.url.includes("pexels")||s.url.includes("pixabay")){if(C++,void 0===t[C]&&(C=0),"PICTURE"===e.parentNode.nodeName)e.parentNode.querySelectorAll("source").forEach((e=>{e.setAttribute("srcset",s.optimized_url)})),e.parentNode.querySelector("img").setAttribute("src",s.optimized_url);else{const t=document.createElement("img");t.src=s.optimized_url,e.parentNode.replaceChild(t,e)}L(e,y)}else L(e,y);else L(e,y)},e.onerror=()=>{L(e,y)})}))})(s,l))}var E;return()=>{e=!1}}),[e,k,f,v]),(0,c.useEffect)((()=>{const e=new ResizeObserver(H);return e.observe(document.documentElement),()=>{e&&e.disconnect()}}),[]),(0,c.useEffect)((()=>{const e=document.querySelector("#ast-block-templates-modal-wrap");if(!e)return;const t=new MutationObserver(H);return t.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{t&&t.disconnect()}}),[]),(0,c.useEffect)((()=>{const e=$?.current;if(e){const t=e.shadowRoot;h.forEach(((e,o)=>{null!==t&&t.host.style.setProperty(`--ast-global-color-${o}`,e)}))}}),[h]);const L=(e,t)=>{e&&(e.style.visibility=t)},M=(e="")=>_?e.replace(/(src="https:\/\/maps\.google\.com\/maps\?q=)([^&]+)(&z=\d+&hl=en&t=m&output=embed&iwloc=near")/g,`$1${encodeURIComponent(_)}$3`):e;let F=0,U=0;const K=(e,t,o)=>{const s=e.scrollTop,l=t-s;let n=0;const r=function(){n+=20;const t=m.A.linearTween(n,s,l,o);e.scrollTop=t,n<o&&(F=setTimeout(r,20))};r()},G=(e,t)=>{!P&&e&&null===e.target.closest(".gt-single-block-action-btns")&&"function"==typeof A&&A(t)};(0,c.useEffect)((()=>{E||(C=0,T=0)}),[E]);const J=b?"origin-top-right":"origin-top-left";return React.createElement(d.A,{className:(0,a.xW)("w-full h-fit",P?"importing":"")},React.createElement("div",{className:(0,a.xW)("cursor-pointer relative border border-solid border-border-primary hover:border-accent-spectra transition duration-150 ease-in-out overflow-hidden group",P&&"border-accent-spectra")},React.createElement("div",{className:`thumbnail left-0 m-0 min-h-[auto] overflow-visible text-left top-0 ${J} relative pointer-events-none`,ref:R},React.createElement("div",{className:"absolute w-[1200px] pointer-events-none max-h-[1600px] overflow-hidden",ref:$},!t&&React.createElement("img",{srcSet:`${B}, ${z}`,src:z,alt:"Preview"}),React.createElement("div",{className:"preview"},React.createElement("span",{className:"ast-block-templates-icon ast-block-templates-icon-search"})))),React.createElement("div",{className:(0,a.xW)("absolute inset-0 grid grid-cols-1 grid-rows-1 place-items-end",P?"pointer-events-none":""),onMouseEnter:()=>{if("page"!==e.type)return;const t=$.current;F&&clearTimeout(F),U=setTimeout((()=>{K(t,t.scrollHeight,4e3)}),1e3)},onMouseLeave:()=>{U&&clearTimeout(U);const e=$.current;F&&clearTimeout(F),K(e,0,1500)},onClick:t=>G(t,e),role:"button",tabIndex:"0",onKeyDown:t=>"Enter"===t.key?G(t,e):null},React.createElement("div",{className:(0,a.xW)("gt-single-block-action-btns opacity-100 md:opacity-0 group-hover:opacity-100 w-full flex items-center justify-between px-3 py-2 backdrop-blur-sm bg-white/[0.85] shadow-action-buttons transition-all duration-150 ease-in-out",!0===O.importing?"opacity-100":"")},React.createElement(i.A,{title:N.notInstalled?"Install Spectra & Insert":N.inactive?"Activate Spectra & Insert":"Insert",showIcon:N.active,liveRequest:!0,item:e,importing:O.importing,onClick:()=>{j({...O,importing:!0}),q(!0)},onBlockImport:()=>{j({...O,importing:!1}),q(!1)},onImportFail:()=>{j({...O,importing:!1}),q(!1)}}),React.createElement(u.A,{item:e})))))})))}}]);