FileXXXXXXXXXXX

dvadf

File manager - Edit - /home/centroca/public_html/wp/wp-content/plugins/astra-sites/inc/lib/gutenberg-templates/dist/757.js

Back
"use strict";(globalThis.webpackChunkast_block_templates=globalThis.webpackChunkast_block_templates\|\|[]).push([[757],{757:(e,t,o)=>{o.r(t),o.d(t,{default:()=>x});var l=o(3771),s=o(6645),a=o(3914),c=o(6597),n=o(8242),r=o(1594),i=o(8497),p=o(5582),m=o(9260),u=o(2209),d=o(7510),b=o(5034),g=o(7497),h=o(2642),y=o(2231),f=o(2597);const k=({item:e,disabled:t=!1,children:o})=>{const l=t?null:(0,f.lC)(e);if(!l)return o;const a=React.createElement("div",{className:"text-left p-3 space-y-3 gt-plugin-required-tooltip"},React.createElement("div",{className:"space-y-2"},React.createElement("h3",{className:"m-0 text-base font-semibold text-white"},l.name),React.createElement("p",{className:"m-0 text-sm leading-relaxed text-white/90"},l.description)),React.createElement("div",{className:"space-y-1.5 text-sm"},React.createElement("div",{className:"flex gap-1.5"},React.createElement("span",{className:"shrink-0 text-white/60"},(0,s.__)("Author","astra-sites")," :"),React.createElement("span",{className:"font-medium text-white"},l.author)),React.createElement("div",{className:"flex gap-1.5"},React.createElement("span",{className:"shrink-0 text-white/60"},(0,s.__)("Source","astra-sites")," :"),React.createElement("a",{href:l.wporg,target:"_blank",rel:"noreferrer",className:"font-medium text-accent-spectra underline"},(0,s.__)("View on WordPress.org","astra-sites")))));return React.createElement(y.A,{content:a,placement:"top-start",maxWidth:340,appendTo:()=>document.getElementById("ast-block-templates-modal-root")\|\|document.body},o)};var v=o(3839);const{spectra_common_styles:E,is_rtl:w}=ast_block_template_vars,_="visible",x=(0,l.A)((0,n.A)(e=>{const{getDisableAi:t,getDisablePreview:o,getTogglePopup:l}=e("astra-sites");return{disableAi:t(),disablePreview:o(),togglePopup:l()}}))((0,r.memo)(({item:e,content:t,stylesheet:o,astraCustomizer:l,globalStylesheet:n,colorPalette:f,adaptiveMode:x,dynamicContent:R,selectedImages:A,disableAi:N,togglePopup:$,email:S,phone:C,address:I,onClickBlock:T,isLocked:P})=>{const q=(0,r.useRef)(null),O=(0,r.useRef)(null),j=e["thumbnail-image-url"]\|\|"",z=e["featured-image-url"]\|\|"",L=(0,i.Fx)(),{licenseStatus:W}=(0,v.A)();let B=0,D=0;const{importing:H}=(0,a.A)(e=>{const{getImporting:t}=e("astra-sites");return{importing:t()}}),{setImporting:M}=(0,c.A)("astra-sites"),[F,U]=(0,r.useState)({importing:!1}),[V,G]=(0,r.useState)(`${ast_block_template_vars.uri}dist/placeholder_200_200.png`),[K,J]=(0,r.useState)(`${ast_block_template_vars.uri}dist/placeholder_200_200.png`);function Q(){const e=q?.current,t=O?.current;if(!e\|\|!t)return;const o=e.parentNode.offsetWidth/1200,l=ot.offsetHeight;e.style.transform=`scale(${o})`,e.style.height=`${l}px`,e.parentNode&&(e.parentNode.style.minHeight=`${l}px`)}(0,r.useEffect)(()=>{H?document.querySelectorAll(".single-block").forEach(e=>{e.style.pointerEvents="none"}):document.querySelectorAll(".single-block").forEach(e=>{e.style.pointerEvents="auto"})},[H]),(0,r.useLayoutEffect)(()=>{let e=!0;const s=A,a=new Image;a.src=j;const c=new Image;c.src=z;const r=O.current;function p(t,o){e&&(t.onload=()=>{o(t.src)})}p(a,G),p(c,J);const m=document.getElementById("astra-wp-editor-styles-inline-css")?.textContent.replace(/:root/g,".block-container").replace(/body/g,".block-container"),u=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=[])=>N?e:0!==Object.keys(R).length&&R?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&&f&&f.length>0&&(f.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))}),x\|\|(l=l.replaceAll("#ffc300",f[0]))),x\|\|(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">${E}</style>`,g=o?`${g} <style type="text/css" id="gt-common-stylesheet">${o}</style>`:g,n&&(g+=`<style type="text/css" id="gt-global-stylesheet"> ${n} </style>`),m&&(g+=`<style type="text/css" id="gt-wpeditor-css" > ${m} </style>`),u&&(g+=`<style type="text/css" id="gt-blockeditor-css"> ${u} </style>`);const h={"--wp--style--block-gap":getComputedStyle(document.documentElement).getPropertyValue("--wp--style--block-gap").trim()\|\|"24px"};let y="";if(Object.keys(h).forEach(e=>{y+=`\t\t\t\t\t\t${e}: ${h[e]};\n`}),r&&t){let e=r.shadowRoot;if(null===e&&(e=r.attachShadow({mode:"open"})),null===e)return;let o=(0,i.Lt)(t);if(!N){const e=R??[];e&&Object.keys(e)?.length>0&&Object.keys(e).forEach(t=>{o=null!==e[t]?o.replace(t,e[t]):o}),R&&Object.keys(R).length>0&&(k=o,S&&(k=k.replace("contact@example.com",S)),C&&(k=k.replace("202-555-0188",C)),I&&(k=k.replace("2360 Hood Avenue, San Diego, CA, 92123",I)),o=k,o=Y(o))}const l=`\n\t\t\t\t<style>\n\t\t\t\t\t.st-block-container {\n${y}\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>",f.forEach((t,o)=>{e?.host.style.setProperty(`--ast-global-color-${o}`,t)});const a=r.shadowRoot.querySelectorAll("img");e&&(a.forEach(e=>{(0,d.p)(e.src)\|\|N\|\|0===s?.length\|\|0===Object.keys(R).length\|\|!R\|\|X(e,"hidden")}),Q(),((e,t)=>{N\|\|0!==Object.keys(R).length&&R&&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 X(e,_);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)}X(e,_)}else X(e,_);else X(e,_)},e.onerror=()=>{X(e,_)})})})(a,s))}var k;return()=>{e=!1}},[e,N,R,A]),(0,r.useEffect)(()=>{const e=new ResizeObserver(Q);e.observe(document.documentElement);const t=O.current;return t&&e.observe(t),()=>{e&&e.disconnect()}},[]),(0,r.useEffect)(()=>{const e=document.querySelector("#ast-block-templates-modal-wrap");if(!e)return;const t=new MutationObserver(Q);return t.observe(e,{childList:!0,attributes:!0,subtree:!0}),()=>{t&&t.disconnect()}},[]),(0,r.useEffect)(()=>{const e=O?.current;if(e){const t=e.shadowRoot;f.forEach((e,o)=>{null!==t&&t.host.style.setProperty(`--ast-global-color-${o}`,e)})}},[f]);const X=(e,t)=>{e&&(e.style.visibility=t)},Y=(e="")=>I?e.replace(/(src="https:\/\/maps\.google\.com\/maps\?q=)([^&]+)(&z=\d+&hl=en&t=m&output=embed&iwloc=near")/g,`$1${encodeURIComponent(I)}$3`):e;let Z=0,ee=0;const te=(e,t,o)=>{const l=e.scrollTop,s=t-l;let a=0;const c=function(){a+=20;const t=b.A.linearTween(a,l,s,o);e.scrollTop=t,a<o&&(Z=setTimeout(c,20))};c()},oe=(e,t)=>{!H&&e&&null===e.target.closest(".gt-single-block-action-btns")&&"function"==typeof T&&T(t)};(0,r.useEffect)(()=>{$\|\|(B=0,D=0)},[$]);const le=w?"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 ${le} relative pointer-events-none`,ref:q},React.createElement("div",{className:"absolute w-[1200px] pointer-events-none max-h-none overflow-hidden",ref:O},!t&&React.createElement("img",{srcSet:`${K}, ${V}`,src:V,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;Z&&clearTimeout(Z),ee=setTimeout(()=>{te(t,t.scrollHeight,4e3)},1e3)},onMouseLeave:()=>{ee&&clearTimeout(ee);const e=O.current;Z&&clearTimeout(Z),te(e,0,1500)},onClick:t=>oe(t,e),role:"button",tabIndex:"0",onKeyDown:t=>"Enter"===t.key?oe(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===F.importing?"opacity-100":"")},React.createElement(k,{item:e,disabled:P&&"active"!==W},React.createElement(p.A,{title:P&&"active"!==W?React.createElement(y.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")):(0,s.__)("Insert","astra-sites"),showIcon:L.active,liveRequest:!0,item:e,importing:F.importing,onClick:e=>{if(P&&"active"!==W)return e?.preventDefault(),e?.stopPropagation(),(0,i.Fx)()?.active?(h.A.show(),!1):(window.open(ast_block_template_vars.getProURL,"_blank"),!1);U({...F,importing:!0}),M(!0)},onBlockImport:()=>{U({...F,importing:!1}),M(!1)},onImportFail:()=>{U({...F,importing:!1}),M(!1)},isLocked:P})),React.createElement(m.A,{item:e}))),P&&React.createElement("div",{className:"absolute top-2 right-2 z-10"},React.createElement(u.A,{item:e}))))}))}}]);

dvadf

dvadf