https://www.flexclip.com/next_webview/_next/static/chunks/2248.f02d042d0b285bcf.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2248],{22248:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return d}});var n=a(85893),i=a(67294),o=a(2123),l=a.n(o),r=a(93967),m=a.n(r),c=a(41847),p=a(6114),s=a(29379);function d(e){let{item:t={},size:a="16:9",fullPreview:o=(e,t)=>{},titleStyle:r={},isToolPage:d=!1}=e,_={};"16:9"===a?_.width="auto":"1:1"===a&&(_.width="auto",_.height="402px");let u=d?t.key_name:t.name,g="https://resource.flexclip.com/templates/cover/w400/".concat(u,".webp?v=").concat(c.Z.buildVersion),h="https://resource.flexclip.com/templates/video/720p/".concat(u,".mp4?v=").concat(c.Z.buildVersion),v="https://resource.flexclip.com/templates/video/720p/".concat(u,".mp4?v=").concat(c.Z.buildVersion),x=(0,i.useRef)(null),[f,y]=(0,i.useState)(!1),[C,w]=(0,i.useState)(!1);function k(){y(!0)}function B(){y(!1),w(!1)}(0,i.useEffect)(()=>(p.Z.addEvent(x.current,"mouseenter",k),p.Z.addEvent(x.current,"mouseleave",B),()=>{p.Z.removeEvent(x.current,"mouseenter",k),p.Z.removeEvent(x.current,"mouseleave",B)}),[]);let I="normal"===t.type,T="recreate"===t.type,j="ai-recreate"===t.type;return(0,n.jsxs)("div",{className:m()("lang-special",l().itemBox),children:[(0,n.jsxs)("div",{className:l().slot_box,ref:x,onClick:()=>o(t,v),children:[(0,n.jsx)("div",{className:m()(l().image,"fj-preview-item",C?l().imageHidden:""),children:(0,n.jsx)("img",{width:400,height:225,"data-name":t.name||"",draggable:"false",src:g,onError:function(){""!==t.name&&(g="")},alt:t.name_translate,loading:"lazy",fetchpriority:"low"})}),f&&t.name?(0,n.jsx)("div",{className:l().video,children:(0,n.jsx)("video",{onCanPlay:function(){w(!0)},onClick:()=>{o(t,v)},controls:!1,preload:"load",loop:!0,autoPlay:!0,muted:!0,src:h,poster:g,width:410,height:252})}):"",(0,n.jsx)("div",{className:m()(l().mask),children:(0,n.jsxs)("div",{className:l().maskBtnBox,children:[(I||T)&&(0,n.jsx)("div",{className:m()(l().previewBtn),onClick:e=>{e.stopPropagation(),window.open("".concat(p.Z.getCurrentUrl(),"/editor/app?template_id=").concat(t.template_id))},children:s.Z.getLocalizationObtainingData("customize")}),(T||j)&&(0,n.jsx)("div",{className:m()(l().rightBtn),onClick:e=>{e.stopPropagation(),function(){let e={recreate:"".concat(p.Z.getCurrentUrl(),"/editor/app?template_id=").concat(t.template_id,"&is_recreate=true&analytic_recreate_page=land_page main template"),"ai-recreate":"".concat(p.Z.getCurrentUrl(),"/editor/app?template_id=").concat(t.template_id,"&is_template_edit=true&analytic_recreate_page=land_page main template")};window.open(e[t.type])}()},children:s.Z.getLocalizationObtainingData("ai-recreate")})]})})]}),(0,n.jsx)("p",{className:l().templateTitle,style:r,dangerouslySetInnerHTML:{__html:t.name_translate||"name_translate"}})]})}},2123:function(e){e.exports={itemBox:"TemplateItemCopy_itemBox___IS_5",slot_box:"TemplateItemCopy_slot_box__4j7C8",image:"TemplateItemCopy_image__px0H4",imageHidden:"TemplateItemCopy_imageHidden__Pgtng",video:"TemplateItemCopy_video__JQXVo",hiddenImg:"TemplateItemCopy_hiddenImg__Oki7_",mask:"TemplateItemCopy_mask__2jvNq",maskBtnBox:"TemplateItemCopy_maskBtnBox__u2hGC",previewBtn:"TemplateItemCopy_previewBtn__f_fKA",rightBtn:"TemplateItemCopy_rightBtn__n_41B",templateTitle:"TemplateItemCopy_templateTitle__ZJmaE"}}}]);