https://www.flexispot.ca/assets/js/chunk-components-new-vision-new-product-index-2ad673159c028dc4b733.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1836],{58029:(function(Pe,j,b){b.r(j),b.d(j,{default:function(){return pe}});var e=b(67294),F=b(56359),G=b(3280),ae=b(21566),H=b(77385),K=b(40818),oe=Object.defineProperty,U=Object.getOwnPropertySymbols,ce=Object.prototype.hasOwnProperty,se=Object.prototype.propertyIsEnumerable,X=(o,t,n)=>t in o?oe(o,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[t]=n,Y=(o,t)=>{for(var n in t||(t={}))ce.call(t,n)&&X(o,n,t[n]);if(U)for(var n of U(t))se.call(t,n)&&X(o,n,t[n]);return o},ie=o=>{const{data:t=[],isMobileOrMd:n=!1,currentBreakpoint:L="xl",activeIndex:T=0,isWhite:A="true"}=o,[V,_]=(0,e.useState)(!1),[u,d]=(0,e.useState)(t),v=(0,e.useRef)(0);(0,e.useEffect)(()=>{const a=++v.current,f=t.map(c=>c.id).filter(Boolean);if(!f.length){d([]);return}(0,K.X)({ids:f}).then(c=>{if(a!==v.current)return;const s=(c==null?void 0:c.data)||[],g=new Map(s.map(E=>[E.id,E])),B=t.map(E=>Y(Y({},E),g.get(E.id)));d(B)})},[t]);const p=(0,e.useMemo)(()=>{if(L==="xl")return 384},[L]),{canNext:M,canPrev:S,scrollRef:I,handleNext:N,handlePrev:P}=(0,G.Z)(p),y=(a,f)=>e.createElement(H.Z,{data:a,isWhite:A}),C=V||!n?u:u.slice(0,4);return(u==null?void 0:u.length)>0?e.createElement("div",{className:"new-product-seller-container"},e.createElement("div",{className:"new-product-seller-title"},"Best Seller"),e.createElement("div",{className:"new-product-seller-content-container",key:T},S&&!n?e.createElement("div",{className:"seller-item-prev",onClick:P}):null,e.createElement("div",{className:"new-product-seller-content",ref:I},C.map((a,f)=>y(a,f))),M&&!n?e.createElement("div",{className:"seller-item-next",onClick:N}):null),n&&(u==null?void 0:u.length)>4&&e.createElement("div",{className:"new-product-content-button-container"},e.createElement("div",{className:"new-product-content-button",onClick:()=>_(a=>!a)},V?"View Less":"View More"))):null},z=b(72671),de=Object.defineProperty,J=Object.getOwnPropertySymbols,ue=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable,Q=(o,t,n)=>t in o?de(o,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[t]=n,q=(o,t)=>{for(var n in t||(t={}))ue.call(t,n)&&Q(o,n,t[n]);if(J)for(var n of J(t))me.call(t,n)&&Q(o,n,t[n]);return o},ve=o=>{const{data:t=[],marketPicList:n={},isMobileOrMd:L=!1,currentBreakpoint:T="xl",activeIndex:A=0,isWhite:V="true"}=o,[_,u]=(0,e.useState)(!1),[d,v]=(0,e.useState)(t),p=(0,e.useRef)(0);(0,e.useEffect)(()=>{const c=++p.current,s=t.map(g=>g.id).filter(Boolean);if(!s.length){v([]);return}(0,K.X)({ids:s,pageNo:1,pageSize:100}).then(g=>{if(c!==p.current)return;const B=(g==null?void 0:g.data)||[],E=new Map(B.map(O=>[O.id,O])),Z=t.map(O=>{const W=E.get(O.id);return q(q({},O),W||{})});v(Z)})},[t]);const{firstPart:M,secondPart:S,thirdPart:I}=(0,e.useMemo)(()=>({firstPart:d.slice(0,2),secondPart:d.slice(2,4),thirdPart:d.slice(4)}),[d]),{tabMarketPic1:N={},tabMarketPic2:P={},tabbtnView1:y={},tabbtnView2:C={}}=n||{},a=(c,s)=>e.createElement(H.Z,{data:c,isWhite:V}),f=_?I:I.slice(0,4);return e.createElement("div",{className:"new-product-content-container"},(M==null?void 0:M.length)>0?e.createElement("div",{className:"new-product-content"},e.createElement("div",{className:"new-product-content-product"},M.map((c,s)=>a(c,s))),e.createElement(z.Z,{btn:y},e.createElement(F.i,{src:N==null?void 0:N.src,className:"new-product-content-image",alt:N==null?void 0:N._altText}))):null,(S==null?void 0:S.length)>0?e.createElement("div",{className:"new-product-content new-product-content-reverse"},e.createElement("div",{className:"new-product-content-product"},S.map((c,s)=>a(c,s))),e.createElement(z.Z,{btn:C},e.createElement(F.i,{src:P==null?void 0:P.src,className:"new-product-content-image",alt:P==null?void 0:P._altText}))):null,e.createElement("div",{className:"new-product-content-list"},f.map((c,s)=>a(c,s))),I.length>4&&e.createElement("div",{className:"new-product-content-button-container"},e.createElement("div",{className:"new-product-content-button",onClick:()=>u(c=>!c)},_?"View Less":"View More")))};const R="All\u7C7B\u76EE",ee={position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",clipPath:"inset(50%)",whiteSpace:"nowrap",border:0};var pe=o=>{const{tabStyle:t="iconTab",allTabIcon:n={src:"https://s3.springbeetle.eu/dev-de-s3-flexispot/commodity/item/All_20260304_6TvCdl66.png"},allTabName:L="All New",marketPic1:T={src:""},marketPic2:A={src:""},btnView1:V={},btnView2:_={},tabsList:u=[],hotProductItemList:d=[],newProductItemList:v=[],isWhite:p="true",salePriceColor:M="#000000",tabActiveBgColor:S="#000000",tabActiveTextColor:I="#FFFFFF",tabInactiveBgColor:N="#F5F5F5",tabInactiveTextColor:P="#67696A",tabTextType:y=!1,textType:C=!1}=o.designContext,[a,f]=(0,e.useState)(0),{currentBreakpoint:c}=(0,ae.Z)(),s=c==="sm"||c==="md",g=210,{canNext:B,canPrev:E,scrollRef:Z,handleNext:O,handlePrev:W}=(0,G.Z)(g),h=(0,e.useMemo)(()=>[{icon:n,title:L,tabMarketPic1:T,tabMarketPic2:A,tabtnView1:V,tabtnView2:_,isAll:!0},...u],[u,n,L]),te=(l=[],r)=>l.filter(i=>{const m=i.chooseType||[];return r!=null&&r.isAll?m.includes(R):m.includes(r==null?void 0:r.title)}),fe=(0,e.useMemo)(()=>h.map((l,r)=>

1{const i=typeof(l==null?void 0:l.title)=="string"?l.title.trim():"",m=new Set,$=[...te(v,l),...te(d,l)].reduce((k,x,Ne)=>{const le=typeof(x==null?void 0:x.itemName)=="string"?x.itemName.trim():"",D=(x==null?void 0:x.id)||(x==null?void 0:x.itemId);return!le||D&&m.has(D)||(D&&m.add(D),k.push({key:D||`${i}-${Ne}`,itemName:le})),k},[]);return{key:`${i}-${r}`,title:i,items:$}}),[h,v,d]),ne=l=>!(l!=null&&l.title)||!y&&!C||y&&!C?null:!y&&C?e.createElement("div",{style:ee},e.createElement("h2",null,l.title),l.items.map(r=>e.createElement("h3",{key:`${l.key}-${r.key}`},r.itemName))):e.createElement("div",{style:ee},l.items.map(r=>e.createElement("h3",{key:`${l.key}-${r.key}`},r.itemName))),we=(l,r)=>{const{icon:i={},title:m}=l,$=fe[r],k=y?e.createElement("h2",{style:{margin:0,font:"inherit",color:"inherit",display:"inline"}},m):m;return t==="iconTab"?e.createElement("div",{key:r,className:"new-product-tab-item",onClick:()=>f(r)},e.createElement(F.i,{src:i==null?void 0:i.src,className:"new-product-tab-icon",alt:i==null?void 0:i._altText}),e.createElement("div",{className:`new-product-tab-name ${r===a?"new-product-tab-name-active":""}`},k,ne($))):e.createElement("div",{key:r,className:`new-product-tab-item-button ${r===a?"new-product-tab-item-button-active":""}`,onClick:()=>f(r)},k,ne($))},be=(0,e.useMemo)(()=>{var l,r,i,m;return{tabMarketPic1:((l=h[a])==null?void 0:l.tabMarketPic1)||T,tabMarketPic2:((r=h[a])==null?void 0:r.tabMarketPic2)||A,tabbtnView1:((i=h[a])==null?void 0:i.tabtnView1)||{},tabbtnView2:((m=h[a])==null?void 0:m.tabtnView2)||{}}},[h,a,T,A]),w=h[a],Ee=(0,e.useMemo)(()=>v.filter(l=>{const r=l.chooseType||[];return w!=null&&w.isAll?r.includes(R):r.includes(w==null?void 0:w.title)}),[w,v]),he=(0,e.useMemo)(()=>d.filter(l=>{const r=l.chooseType||[];return w!=null&&w.isAll?r.includes(R):r.includes(w==null?void 0:w.title)}),[w,d]),re=(0,e.useMemo)(()=>p==="true"?{titleColor:"#000",descColor:"#67696a"}:{titleColor:"#fff",descColor:"#E6E6E6"},[p]);return e.createElement("div",{className:`new-product-container${p==="true"?"":" new-product-container-dark"}`,style:{"--title-color":re.titleColor,"--desc-color":re.descColor,"--sale-price-color":M,"--tab-active-bg-color":S,"--tab-active-text-color":I,"--tab-inactive-bg-color":N,"--tab-inactive-text-color":P}},e.createElement("div",{className:"new-product-tabs-container"},E&&!s?e.createElement("div",{className:"tabs-item-prev",onClick:W}):null,e.createElement("div",{className:`new-product-tabs ${t==="iconTab"?"":"new-product-tabs-textstyle"}`,ref:Z},h.map((l,r)=>we(l,r))),B&&!s?e.createElement("div",{className:"tabs-item-next",onClick:O}):null),e.createElement(ve,{data:Ee,marketPicList:be,isMobileOrMd:s,currentBreakpoint:c,activeIndex:a,isWhite:p}),e.createElement(ie,{data:he,isMobileOrMd:s,currentBreakpoint:c,activeIndex:a,isWhite:p}))}})}]);