https://www.bigcommerce.es/_next/static/chunks/596.eddca792138ba8ce.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="b29a75a8-1827-43b5-81a0-70eb6712d62e",e._sentryDebugIdIdentifier="sentry-dbid-b29a75a8-1827-43b5-81a0-70eb6712d62e")}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[144,596],{144:(e,t,r)=>{r.r(t),r.d(t,{Icon:()=>h});var s=r(3710),a=r(23636),i=r.n(a),n=r(18105),l=r(26109),c=r(6936),o=r(76066);let d=o.UF.map(e=>e.replaceAll(" ","")),u={...c,...l},m=Object.fromEntries(d.map(e=>[e,u[e]]));function h(e){let{icon:t,color:r,className:a,style:l,link:c,ariaLabel:u}=e,h=null!=t?t:d[0],p=m[h];if(!p)return null;let f=o.h2.includes(h),x=o.xP.includes(h),g=(0,n.A)(x?"":f?"[&_*]:!fill-[var(--icon-color)] [&_*]:!stroke-transparent":"[&_*]:!stroke-[var(--icon-color)] [&_*]:!fill-transparent"),y=(0,n.A)(a,"text-inherit",r?"[--icon-color:".concat(r,"]"):"[--icon-color:currentColor]",g),j=(0,s.jsx)(p,{className:y,...r?f?{fill:r}:{stroke:r}:{},style:l,"aria-label":u,"data-testid":(null==c?void 0:c.href)&&"#"!==c.href?"icon-href":"icon"});return(null==c?void 0:c.href)&&"#"!==c.href?(0,s.jsx)(i(),{href:c.href,target:c.target,rel:"_blank"===c.target?"noopener noreferrer":void 0,className:"group focus:outline-none","aria-label":u,"data-testid":"icon-href",children:j}):j}},15344:(e,t,r)=>{r.d(t,{g:()=>i});var s=r(86190),a=r(54429);let i=()=>{let{query:e,isReady:t}=(0,a.useRouter)(),[r,i]=(0,s.useState)(),[n,l]=(0,s.useState)(),[c,o]=(0,s.useState)(!1),d=function(){let t="/api/algolia/marketplace/themes/themes-list/?env=production";return"string"==typeof e.query&&(t="".concat(t,"&searchQuery=").concat(e.query)),"string"==typeof e.page&&(t="".concat(t,"&page=").concat(e.page)),"string"==typeof e.collection&&(t="".concat(t,"&collection=").concat(e.collection)),"string"==typeof e.industry&&(t="".concat(t,"&industry=").concat(e.industry)),"string"==typeof e.price&&(t="".concat(t,"&price=").concat(e.price)),"true"===e.makeswiftOptimized&&(t="".concat(t,"&makeswiftOptimized=true")),t}();async function u(e){o(!0);try{let t=await fetch(e),r=await t.json();l(r)}catch(e){throw console.error(e),Error("Error fetching marketplace themes from Algolia")}finally{o(!1)}}return t&&!c&&r!==d&&(i(d),u(d)),{searchUrl:r,results:n,isLoading:c}}},30596:(e,t,r)=>{r.r(t),r.d(t,{ThemesList:()=>w});var s=r(3710),a=r(86190),i=r(47953),n=r.n(i),l=r(54429),c=r(18105),o=r(56332),d=r(82651),u=r(81013),m=r(79891),h=r(23636),p=r.n(h),f=r(45),x=r(89088);function g(e){let{current:t,direction:r,disabled:a}=e,{query:i}=(0,l.useRouter)(),n="prev"===r?f.A:x.A,o=(0,c.A)("flex items-center justify-center w-9 h-9 rounded",a?"text-gray-900 pointer-events-none":"text-[#344054]");return a?(0,s.jsx)("span",{className:o,"aria-disabled":"true",children:(0,s.jsx)(n,{className:"w-4 h-4"})}):(0,s.jsx)(p(),{className:o,href:{query:{...i,page:"prev"===r?t-1:t+1}},shallow:!0,children:(0,s.jsx)(n,{className:"w-4 h-4"})})}function y(e){let{current:t,page:r}=e,{query:a}=(0,l.useRouter)(),i=t===r,n=(0,c.A)("flex items-center justify-center w-9 h-9 pb-[2px] rounded-md text-body-sm font-normal",i?"bg-[#2664FF] text-white":"text-[#344054]");return(0,s.jsx)(p(),{className:n,href:{query:{...a,page:r}},shallow:!0,children:r})}function j(e){var t;let{current:r,limit:a=10,total:i}=e,{query:n}=(0,l.useRouter)();if(i<=a)return null;let c=Math.ceil(i/a),o=null!=r?r:Number(null!=(t=null==n?void 0:n.page)?t:1),d=c>10?6:Math.floor(c/2),u=o<d,m=o+d>c,h=Array.from({length:c},(e,t)=>t+1);function p(e){return e.map(e=>(0,s.jsx)(y,{page:e,current:o},e))}return(0,s.jsxs)("div",{"data-testid":"theme-pagination",className:"flex items-center justify-center gap-2",children:[(0,s.jsx)(g,{direction:"prev",current:o,disabled:o<=1}),c<=9&&p(h),c>9&&u&&(0,s.jsxs)(s.Fragment,{children:[p(h.slice(0,6)),(0,s.jsx)("p",{className:"flex items-center justify-center w-9 h-9 text-[#344054] text-body-sm",children:".."}),p(h.slice(-2))]}),c>9&&m&&(0,s.jsxs)(s.Fragment,{children:[p(h.slice(0,2)),(0,s.jsx)("p",{className:"flex items-center justify-center w-9 h-9 text-[#344054] text-body-sm",children:".."}),p(h.slice(-5))]}),c>9&&!u&&!m&&(0,s.jsxs)(s.Fragment,{children:[p(h.slice(0,2)),(0,s.jsx)("p",{className:"flex items-center justify-center w-9 h-9 text-[#344054] text-body-sm",children:".."}),p(h.slice(o-3,o+2)),(0,s.jsx)("p",{className:"flex items-center justify-center w-9 h-9 text-[#344054] text-body-sm",children:".."}),p(h.slice(-2))]}),(0,s.jsx)(g,{direction:"next",current:o,disabled:o>=c})]})}let v=()=>(0,s.jsxs)("div",{"data-testid":"theme-card-skeleton",className:"lg:mb-6 relative animate-pulse",children:[(0,s.jsx)("div",{className:"aspect-[13/15] w-full rounded bg-black/[0.1]"}),(0,s.jsx)("div",{className:"flex justify-between pt-4",children:(0,s.jsxs)("div",{className:"w-full",children:[(0,s.jsx)("div",{className:"mb-2 h-5 w-3/4 rounded bg-black/[0.1]"}

1),(0,s.jsx)("div",{className:"h-4 w-1/2 rounded bg-black/[0.1]"})]})})]});var b=r(15344);let w=e=>{var t;let r,{className:i,showVariationName:h=!1}=e,{locale:p="en-US"}=(0,l.useRouter)(),f={"en-US":"USD","en-AU":"AUD","en-GB":"GBP"},{results:x,isLoading:g}=(0,b.g)(),y=null==x?void 0:x.hits,w=null!=(t=null==x?void 0:x.nbHits)?t:0,[N,A]=(0,a.useState)(!1),k=(0,a.useRef)();(0,a.useEffect)(()=>{if(!g){let e=setTimeout(()=>{A(!1),k.current=void 0},Math.max(400-(k.current?Date.now()-k.current:400),0));return()=>clearTimeout(e)}let e=setTimeout(()=>{k.current=Date.now(),A(!0)},100);return()=>clearTimeout(e)},[g]);let C=(0,s.jsx)("div",{className:"z-10 grid grid-cols-1 [@media(min-width:450px)_and_(max-width:1023px)]:grid-cols-2 lg:grid-cols-3 gap-6",children:Array.from({length:12}).map((e,t)=>(0,s.jsx)(v,{},t))});if(!g&&Array.isArray(y)&&0===y.length)r=(0,s.jsxs)("p",{className:"italic text-lg",children:["There are no exact matches for your search criteria at this time.\xa0",(0,s.jsx)("span",{className:"font-semibold",children:"Below are some of our most popular themes."})]});else if(Array.isArray(y)&&y.length>0)r=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:(0,c.A)("transition-opacity duration-500 ease-out",N?"opacity-0 absolute inset-0 pointer-events-none":"opacity-100"),children:(0,s.jsx)("div",{className:"z-10 grid grid-cols-1 [@media(min-width:550px)_and_(max-width:1023px)]:grid-cols-2 lg:grid-cols-3 gap-6",children:y.map(e=>{var t,r,a,i;if(!e)return null;let l=null!=(i=e.demoUrl)?i:"",x=new Intl.NumberFormat(p,{style:"currency",currency:f[p]}).format(Number(e.pricePlainText)/100),g=e.makeswiftOptimized?"from-[#EA3BAA] to-[#EA3BAA]/0":"from-black to-black/0";return(0,s.jsxs)("div",{"data-testid":"theme-card",className:"lg:mb-6 relative",children:[(0,s.jsxs)("div",{className:"group/card relative aspect-[13/15] w-full rounded overflow-hidden bg-white shadow-lg transition-transform duration-300 ease-out hover:scale-105 focus-within:scale-105",children:[(0,s.jsx)(d.N,{href:"/theme/".concat(e.slug,"/"),className:"absolute inset-0 z-0 block",children:(0,s.jsx)(n(),{src:e.largeThumbnail,alt:e.title,fill:!0,objectFit:"cover",objectPosition:"top"})}),(0,s.jsx)("div",{className:(0,c.A)("pointer-events-none absolute inset-x-0 bottom-0 z-10 flex h-1/2 items-end justify-center gap-2 pb-6","bg-gradient-to-t",g,"opacity-0 transition-opacity duration-300 ease-out","group-hover/card:opacity-100 group-focus-within/card:opacity-100"),children:(0,s.jsxs)("div",{className:"pointer-events-auto flex items-center justify-center gap-2 px-6 w-full translate-y-2 transition-transform duration-300 ease-out   group-hover/card:translate-y-0 group-focus-within/card:translate-y-0",children:[(0,s.jsx)(m.P,{href:l,text:"Live preview",dataTestId:"theme-live-preview-btn",className:"w-[50%] justify-center !px-3 !py-2 text-xs leading-5 font-medium gap-2 opacity-0 pointer-events-none group-hover/card:opacity-100 group-hover/card:pointer-events-auto group-focus-within/card:opacity-100 group-focus-within/card:pointer-events-auto",children:(0,s.jsx)(u.I,{icon:"Eye",className:"w-4 h-4"})}),(0,s.jsx)(m.P,{href:"/theme/".concat(e.slug,"/"),text:"View details",dataTestId:"theme-view-details-btn",target:"_self",className:"w-[50%] justify-center !px-3 !py-2 text-xs leading-5 font-medium opacity-0 pointer-events-none group-hover/card:opacity-100 group-hover/card:pointer-events-auto group-focus-within/card:opacity-100 group-focus-within/card:pointer-events-auto"})]})})]}),(0,s.jsx)(d.N,{href:"/theme/".concat(e.slug,"/"),children:(0,s.jsxs)("div",{className:"flex justify-between pt-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{className:"mb-0.5 text-bc-black font-medium",children:e.title}),(null==(t=e.related)?void 0:t.length)>0&&(0,s.jsxs)("p",{className:"text-gray-700 line-clamp-1 mb-2",children:["Includes ",null==(r=e.related)?void 0:r.length," style",(null==(a=e.related)?void 0:a.length)>1&&"s"]}),h&&e.variationName&&(0,s.jsx)("p",{children:e.variationName}),(0,s.jsx)("div",{className:"flex items-center justify-between mt-2",children:(0,s.jsx)("p",{className:"text-gray-700",children:parseFloat(e.pricePlainText)>0?x:"Free"})})]}),e.makeswiftOptimized&&(0,s.jsx)("span",{className:"flex items-center justify-center h-6 w-8 shrink-0",role:"img","aria-label":"Makeswift optimized",children:(0,s.jsx)(o.A,{})})]})})]},e.objectID)})})}

1),(0,s.jsx)("div",{className:(0,c.A)("transition-opacity duration-500 ease-out",N?"opacity-100":"opacity-0 absolute inset-0 pointer-events-none"),children:C})]}),(0,s.jsx)("div",{className:"flex justify-center pt-16",children:(0,s.jsx)(j,{limit:12,total:w})})]});else{if(!g)return null;r=C}return(0,s.jsx)("section",{className:(0,c.A)("w-full",i),children:(0,s.jsx)("div",{className:"container relative",children:r})})}},56332:(e,t,r)=>{r.d(t,{A:()=>a});var s=r(3710);let a=()=>(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[(0,s.jsx)("path",{d:"M17.9576 15.9364L19.8567 8.8487C20.1261 7.84225 19.8394 6.76861 19.1037 6.03157L13.9424 0.857616C13.204 0.117245 12.1264 -0.171453 11.1166 0.100615L4.05949 2.00044C3.0537 2.27117 2.26809 3.05744 1.99869 4.0639L0.100196 11.151C-0.169211 12.1574 0.117491 13.2311 0.853206 13.9681L6.01452 19.1421C6.75289 19.8824 7.83052 20.1711 8.8403 19.8991L15.8974 17.9992C16.9032 17.7285 17.6888 16.9422 17.9582 15.9358L17.9576 15.9364Z",fill:"#EA3BAA"}),(0,s.jsx)("path",{d:"M12.8924 4.30555L11.1755 6.84796H12.4194C12.6981 6.84796 12.8698 7.15196 12.7254 7.39077L9.70006 12.3984C9.63553 12.5055 9.51912 12.5714 9.39406 12.5714H8.95237C8.79538 12.5714 8.68163 12.423 8.72221 12.2714L9.59628 8.99457H8.49138C8.25524 8.99457 8.08428 8.7704 8.14614 8.5429L9.35814 4.10001C9.41468 3.89246 9.60294 3.74878 9.81846 3.74878H12.5964C12.8831 3.74878 13.0533 4.06941 12.893 4.30688L12.8924 4.30555ZM9.7107 14.0016H8.15279C7.93594 14.0016 7.74569 14.1479 7.69114 14.3581L7.27938 15.938C7.22018 16.1648 7.39114 16.3856 7.62529 16.3856H9.1792C9.39606 16.3856 9.58564 16.2393 9.64019 16.0298L10.0553 14.4492C10.1151 14.2224 9.94352 14.0009 9.70937 14.0009L9.7107 14.0016Z",fill:"white"})]})},79891:(e,t,r)=>{r.d(t,{P:()=>n});var s=r(3710),a=r(18105),i=r(82651);let n=e=>{let{href:t,text:r,dataTestId:n,target:l="_blank",fullWidthMobile:c=!1,className:o,children:d}=e;return(0,s.jsx)(i.N,{href:t,target:l,dataTestId:n,className:(0,a.A)("inline-flex items-center gap-2 whitespace-nowrap rounded bg-white  text-sm font-medium text-bc-black shadow-lg","hover:bg-gray-1100",c&&"w-full justify-center sm:w-auto",o),children:(0,s.jsxs)("span",{className:"inline-flex items-center gap-2",children:[d,r]})})}},81013:(e,t,r)=>{r.d(t,{I:()=>s.Icon});var s=r(144)}}]);
2//# sourceMappingURL=596.eddca792138ba8ce.js.map