"use strict";(globalThis.webpackChunkast_block_templates=globalThis.webpackChunkast_block_templates||[]).push([[910],{1910:(e,t,o)=>{o.r(t),o.d(t,{default:()=>_});var l=o(3771),s=o(6645),n=o(6597),r=o(8242),c=o(3914),a=o(1594),i=o(8497),p=o(9453),u=o(9260),m=o(2209),d=o(7510),b=o(5034),g=o(7497),y=o(2642),h=o(2231),f=o(3839);const{spectra_common_styles:k,is_rtl:v}=ast_block_template_vars,w="visible",_=(0,l.A)((0,r.A)(e=>{const{getDisableAi:t,getDisablePreview:o,getTogglePopup:l}=e("astra-sites");return{disableAi:t(),disablePreview:o(),togglePopup:l()}}))((0,a.memo)(({item:e,content:t,stylesheet:o,astraCustomizer:l,globalStylesheet:r,colorPalette:_,adaptiveMode:E,dynamicContent:x,selectedImages:A,disableAi:$,togglePopup:R,email:I,phone:N,address:S,onClickBlock:C,isLocked:T})=>{const P=(0,a.useRef)(null),O=(0,a.useRef)(null),j=e["thumbnail-image-url"]||"",q=e["featured-image-url"]||"",z=(0,i.Fx)(),{licenseStatus:L}=(0,f.A)();let B=0,D=0;const{importing:H}=(0,c.A)(e=>{const{getImporting:t}=e("astra-sites");return{importing:t()}}),{setImporting:M}=(0,n.A)("astra-sites"),[W,F]=(0,a.useState)({importing:!1}),[U,G]=(0,a.useState)(`${ast_block_template_vars.uri}dist/placeholder_200_200.png`),[K,V]=(0,a.useState)(`${ast_block_template_vars.uri}dist/placeholder_200_200.png`);function J(){const e=P?.current,t=O?.current;if(!e||!t)return;const o=e.parentNode.offsetWidth/1200,l=o*t.offsetHeight;e.style.transform=`scale(${o})`,e.style.height=`${l}px`,e.parentNode&&(e.parentNode.style.minHeight=`${l}px`)}(0,a.useEffect)(()=>{H?document.querySelectorAll(".single-block").forEach(e=>{e.style.pointerEvents="none"}):document.querySelectorAll(".single-block").forEach(e=>{e.style.pointerEvents="auto"})},[H]),(0,a.useLayoutEffect)(()=>{let e=!0;const s=A,n=new Image;n.src=j;const c=new Image;c.src=q;const a=O.current;function p(t,o){e&&(t.onload=()=>{o(t.src)})}p(n,G),p(c,V);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"),b=ast_block_template_vars.wp_stylesheet;let g="";o&&(o=((e,t=[])=>$?e:0!==Object.keys(x).length&&x?t&&0===t.length?e:e.replace(/background-image\s*:\s*url\(['"]?([^'")]+)['"]?\)/g,function(e,o){if((0,d.p)(o))return e;if(!t[D]?.url)return"";const l=t[D]?.url;return D++,D%=t.length,'background-image: url("'+l+'")'}):e)(o,s),o=o?.replaceAll("--wp--preset--color--ast-global-color-","--ast-global-color-")),l&&(l&&_&&_.length>0&&(_.forEach((e,t)=>{const o=`var(--wp--preset--color--ast-global-color-${t})`,s=`var(--ast-global-color-${t})`;l=l.replaceAll(o,s),e&&(l=l.replaceAll(e,s))}),E||(l=l.replaceAll("#ffc300",_[0]))),E||(l+="\n\t\t\t\t\t.wp-block-button .wp-block-button__link,\n\t\t\t\t\t.wp-block-search .wp-block-search__button,\n\t\t\t\t\t.st-block-container .wp-block-file .wp-block-file__button {\n\t\t\t\t\t\tborder-top-left-radius: 4px;\n\t\t\t\t\t\tborder-bottom-left-radius: 4px;\n\t\t\t\t\t\tborder-top-right-radius: 4px;\n\t\t\t\t\t\tborder-bottom-right-radius: 4px;\n\t\t\t\t\t}\n\t\t\t\t")),g+=b?`<style type="text/css" id="wp-includes-styles">${b}</style>`:"",g+=l?`<style type="text/css" id="gt-astra-customizer">${l}</style>`:"",g+=`<style type="text/css" id="gt-spectra-common-stylesheet">${k}</style>`,g=o?`${g} <style type="text/css" id="gt-common-stylesheet">${o}</style>`:g,r&&(g+=`<style type="text/css" id="gt-global-stylesheet"> ${r} </style>`),u&&(g+=`<style type="text/css" id="gt-wpeditor-css" > ${u} </style>`),m&&(g+=`<style type="text/css" id="gt-blockeditor-css"> ${m} </style>`);const y={"--wp--style--block-gap":getComputedStyle(document.documentElement).getPropertyValue("--wp--style--block-gap").trim()||"24px"};let h="";if(Object.keys(y).forEach(e=>{h+=`\t\t\t\t\t\t${e}: ${y[e]};\n`}),a&&t){let e=a.shadowRoot;if(null===e&&(e=a.attachShadow({mode:"open"})),null===e)return;let o=(0,i.Lt)(t);if(!$){const e=x??[];e&&Object.keys(e)?.length>0&&Object.keys(e).forEach(t=>{o=null!==e[t]?o.replace(t,e[t]):o}),x&&Object.keys(x).length>0&&(f=o,I&&(f=f.replace("contact@example.com",I)),N&&(f=f.replace("202-555-0188",N)),S&&(f=f.replace("2360 Hood Avenue, San Diego, CA, 92123",S)),o=f,o=X(o))}const l=`\n\t\t\t\t<style>\n\t\t\t\t\t.st-block-container {\n${h}\t\t\t\t\t}\n\t\t\t\t</style>\n\t\t\t`;e.innerHTML=l+g+'<div class="st-block-container">'+o+"</div>",_.forEach((t,o)=>{e?.host.style.setProperty(`--ast-global-color-${o}`,t)});const n=a.shadowRoot.querySelectorAll("img");e&&(n.forEach(e=>{(0,d.p)(e.src)||$||0===s?.length||0===Object.keys(x).length||!x||Q(e,"hidden")}),J(),((e,t)=>{$||0!==Object.keys(x).length&&x&&t?.length&&e?.forEach(function(e){(0,d.p)(e.src)||(e.onload=()=>{const o=e.getAttribute("src")||"";if(o.includes("unsplash")||o.includes("pexels")||o.includes("pixabay"))return void Q(e,w);const l=t[B];if(void 0!==l)if(l.url.includes("unsplash")||l.url.includes("pexels")||l.url.includes("pixabay")){if(B++,void 0===t[B]&&(B=0),"PICTURE"===e.parentNode.nodeName)e.parentNode.querySelectorAll("source").forEach(e=>{e.setAttribute("srcset",l.optimized_url)}),e.parentNode.querySelector("img").setAttribute("src",l.optimized_url);else{const t=document.createElement("img");t.src=l.optimized_url,e.parentNode.replaceChild(t,e)}Q(e,w)}else Q(e,w);else Q(e,w)},e.onerror=()=>{Q(e,w)})})})(n,s))}var f;return()=>{e=!1}},[e,$,x,A]),(0,a.useEffect)(()=>{const e=new ResizeObserver(J);e.observe(document.documentElement);const t=O.current;return t&&e.observe(t),()=>{e&&e.disconnect()}},[]),(0,a.useEffect)(()=>{const e=document.querySelector("#ast-block-templates-modal-wrap");if(!e)return;const t=new MutationObserver(J);return t.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{t&&t.disconnect()}},[]),(0,a.useEffect)(()=>{const e=O?.current;if(e){const t=e.shadowRoot;_.forEach((e,o)=>{null!==t&&t.host.style.setProperty(`--ast-global-color-${o}`,e)})}},[_]);const Q=(e,t)=>{e&&(e.style.visibility=t)},X=(e="")=>S?e.replace(/(src="https:\/\/maps\.google\.com\/maps\?q=)([^&]+)(&z=\d+&hl=en&t=m&output=embed&iwloc=near")/g,`$1${encodeURIComponent(S)}$3`):e;let Y=0,Z=0;const ee=(e,t,o)=>{const l=e.scrollTop,s=t-l;let n=0;const r=function(){n+=20;const t=b.A.linearTween(n,l,s,o);e.scrollTop=t,n<o&&(Y=setTimeout(r,20))};r()},te=(e,t)=>{!H&&e&&null===e.target.closest(".gt-single-block-action-btns")&&"function"==typeof C&&C(t)};(0,a.useEffect)(()=>{R||(B=0,D=0)},[R]);const oe=v?"origin-top-right":"origin-top-left";return React.createElement(g.A,{className:(0,i.xW)("w-full h-fit",H?"importing":"")},React.createElement("div",{className:(0,i.xW)("hover:!min-h-[3.375rem] cursor-pointer relative border border-solid border-border-primary hover:border-accent-spectra transition duration-150 ease-in-out overflow-hidden group",H&&"border-accent-spectra")},React.createElement("div",{className:`thumbnail left-0 m-0 min-h-[auto] overflow-visible text-left top-0 ${oe} relative pointer-events-none`,ref:P},React.createElement("div",{className:"absolute w-[1200px] pointer-events-none max-h-none overflow-hidden",ref:O},!t&&React.createElement("img",{srcSet:`${K}, ${U}`,src:U,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,i.xW)("absolute inset-0 grid grid-cols-1 grid-rows-1 place-items-end",H?"pointer-events-none":""),onMouseEnter:()=>{if("page"!==e.type)return;const t=O.current;Y&&clearTimeout(Y),Z=setTimeout(()=>{ee(t,t.scrollHeight,4e3)},1e3)},onMouseLeave:()=>{Z&&clearTimeout(Z);const e=O.current;Y&&clearTimeout(Y),ee(e,0,1500)},onClick:t=>te(t,e),role:"button",tabIndex:"0",onKeyDown:t=>"Enter"===t.key?te(t,e):null},React.createElement("div",{className:(0,i.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===W.importing?"opacity-100":"")},React.createElement(p.A,{title:T&&"active"!==L?React.createElement(h.A,{content:!(0,i.Fx)()?.active&&(0,s.__)("Unlock all patterns and design kits with the Essentials or Business Toolkit package.","astra-sites"),placement:"top"},(0,s.__)("Get Access","astra-sites")):z.notInstalled?(0,s.__)("Install Spectra & Insert","astra-sites"):z.inactive?(0,s.__)("Activate Spectra & Insert","astra-sites"):(0,s.__)("Insert","astra-sites"),showIcon:z.active,liveRequest:!0,item:e,importing:W.importing,onClick:e=>{if(T&&"active"!==L)return e?.preventDefault(),e?.stopPropagation(),(0,i.Fx)()?.active?(y.A.show(),!1):(window.open(ast_block_template_vars.getProURL,"_blank"),!1);F({...W,importing:!0}),M(!0)},onBlockImport:()=>{F({...W,importing:!1}),M(!1)},onImportFail:()=>{F({...W,importing:!1}),M(!1)},isLocked:T}),React.createElement(u.A,{item:e}))),T&&React.createElement("div",{className:"absolute top-2 right-2 z-10"},React.createElement(m.A,{item:e}))))}))}}]);