https://www.systemair.com/_next/static/chunks/968.8ea38a395a9368f9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[968],{5354:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var l=s(95155),a=s(98821);let n=({expandId:e,items:t,isAdmin:s=!0,isPDB:n=!1,selectedItem:r,setSelectedItem:i})=>(0,l.jsx)("ul",{className:"mb-0 pl-0",children:t?.map(t=>(0,l.jsx)(a.A,{node:t,isAdmin:s,isPDB:n,expandId:e,selectedItem:r,setSelectedItem:i},n?t._id:t.id))})},26769:(e,t,s)=>{"use strict";s.d(t,{A:()=>d});var l=s(95155),a=s(49820),n=s(12115),r=s(50424),i=s(84456),c=s(62921),o=s(35208);let d=({env:e,setEnv:t,setLocales:s,setIsMockAPI:d,setReadLocaleFromStorage:u,replaceQueryParam:m,displayAllOption:p=!1,onChange:h})=>{let x=(0,n.useMemo)(()=>(0,i.Sy)(r.bH),[]);return(0,l.jsxs)(c.A,{size:o.x0Q.SMALL,value:e,onChange:e=>{let l,a;return h?h(e):(a="develop.systemair.com/api/mock/shop"===(l=p?e.target.value:e.target.value.trim()||r.rJ)||"www.systemair.com/api/mock/shop"===l,void(d&&d(a),t&&t(l),m&&m("env",l),!p&&(0,i.Xb)("selectedEnv",l),s&&s(void 0),u&&u(!0)))},children:[p&&(0,l.jsx)("option",{value:"all",children:"All"}),(0,a.A)(x,e=>{let t="develop.systemair.com"===e.value||"www.systemair.com"===e.value;return(0,l.jsxs)("option",{value:e.value,children:[t?"Mock ":"",e.value]},e.value)})]})}},36924:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var l=s(95155),a=s(76701),n=s(9683),r=s(17294),i=s(96035),c=s(12115);let o=({children:e,label:t,placement:s="top"})=>{let[o,d]=(0,c.useState)(!1),{x:u,y:m,refs:{setReference:p,setFloating:h},strategy:x,context:b}=(0,a.we)({placement:s,open:o,onOpenChange:d,middleware:[(0,n.cY)(5),(0,n.UU)(),(0,n.BN)({padding:8})],whileElementsMounted:r.ll}),{getReferenceProps:v,getFloatingProps:f}=(0,a.bv)([(0,a.Mk)(b),(0,a.iQ)(b),(0,a.It)(b,{role:"tooltip"}),(0,a.s9)(b)]),g=(0,c.useMemo)(()=>{var t;return t=(0,i.A)([p,e?.ref]),e=>{t.forEach(t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)})}},[p,e]),j=(0,c.useCallback)(e=>{h(e)},[h]);return(0,l.jsxs)(l.Fragment,{children:[(0,c.cloneElement)(e,v({ref:g,...e.props})),o&&(0,l.jsx)("div",{ref:j,className:"text-style-label-tiny px-100 py-050 border border-neutral-200 bg-white text-black rounded-2 z-50",style:{position:x,top:m??0,left:u??0},...f(),children:t})]})}},41783:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});let l=function(e,t){var s=-1,l=e.length;for(t||(t=Array(l));++s<l;)t[s]=e[s];return t}},56894:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var l=s(95155),a=s(69730),n=s.n(a),r=s(5772),i=s(22704);let c=({fitHeight:e=!1})=>{let t=(0,i.uJ)("brandmark","brand","svg","systemair");return(0,l.jsx)("div",{className:n()("flex justify-center items-center my-auto",{"h-screen-3/4":!e}),children:(0,l.jsx)(r.default,{src:t,alt:"Loading Spinner",width:30,height:30,className:"animate-spin"})})}},57648:(e,t,s)=>{"use strict";s.d(t,{A:()=>u});var l=s(26652),a=s(12602),n=s(81137);let r=function(e,t,s,l){for(var a=s-1,n=e.length;++a<n;)if(l(e[a],t))return a;return -1};var i=s(32521),c=s(41783),o=Array.prototype.splice;let d=function(e,t,s,l){var d=l?r:n.A,u=-1,m=t.length,p=e;for(e===t&&(t=(0,c.A)(t)),s&&(p=(0,a.A)(e,(0,i.A)(s)));++u<m;)for(var h=0,x=t[u],b=s?s(x):x;(h=d(p,b,h,l))>-1;)p!==e&&o.call(p,h,1),o.call(e,h,1);return e},u=(0,l.A)(function(e,t){return e&&e.length&&t&&t.length?d(e,t):e})},77045:(e,t,s)=>{"use strict";s.d(t,{A:()=>p});var l=s(95155),a=s(10863),n=s(9969),r=s(69730),i=s.n(r),c=s(12115),o=s(50424),d=s(84456),u=s(36924),m=s(35208);let p=({skuOptions:e,skus:t})=>{let[s,r]=(0,c.useState)(),[p,h]=(0,c.useState)(),[x,b]=(0,c.useState)([]),[v,f]=(0,c.useState)(""),[g,j]=(0,c.useState)([]);(0,c.useEffect)(()=>{if(e&&t){let{modifiedSkus:s,duplicateSkus:l}=(0,d.jv)(e,t);r(s),h(l)}},[e,t]),(0,c.useEffect)(()=>{j((0,d.BY)())},[]);let y=(0,c.useCallback)(e=>{f(e)},[]),k=(0,c.useCallback)(()=>{f("")},[]),w=(0,c.useCallback)(e=>{b(t=>{if(t.some(t=>t.vendorId===e))return t.filter(t=>t.vendorId!==e);let s={vendorId:e,color:t.length>=8?t[0].color:g[t.length]};return t.length>=8?[...t.slice(1),s]:[...t,s]})},[g]),N=(0,c.useCallback)((e,t)=>(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"text-label-small mb-100 flex flex-wrap gap-075 max-w-700",children:[e.label," ",(0,l.jsxs)("span",{className:"text-info-600",children:["(",e.totalCount,")"]})]}),(0,l.jsx)("div",{className:i()("font-mono w-fit-content",{"grid gap-x-200":t.dynamicColumns,[o.X0[t.dynamicColumns]]:t.dynamicColumns}),children:e.skus.map(e=>(0,l.jsx)("div",{onClick:()=>w(e.vendorId),onMouseEnter:()=>y(e.vendorId),onMouseLeave:k,className:i()("cursor-default w-fit-content",`${v===e.vendorId?"bg-cta-hover text-white":x.some(t=>t.vendorId===e.vendorId)?x.find(t=>t.vendorId===e.vendorId)?.color+" text-white":""}`,{"text-cta":!e.isProblematic,"text-warning-600":e.isProblematic}),children:(0,l.jsx)(u.A,{label:e.name,placement:"right",children:(0,l.jsx)("span",{children:m.iAk+e.vendorId})})},e.vendorId))})]},e.id??e.label),[x,v,y,k,w]),A=(0,c.useCallback)(e=>(0,l.jsxs)("div",{className:i()("rounded-8 p-100 mb-100",{"bg-neutral-0":!e.isIgnore,"bg-neutral-100 opacity-[.66]":e.isIgnore}),children:[(0,l.jsxs)("div",{className:"text-label-small flex items-start gap-050",children:[(0,l.jsx)("span",{className:"font-bold capitalize",children:e.name}),(0,l.jsxs)("span",{className:"text-info-600",children:["(",e.totalCount,e.totalCount?` in ${e.values.length}`:"",")"]})]}),(0,l.jsxs)("div",{className:"text-label-tiny flex gap-100",children:[(0,l.jsx)("span",{className:"font-mono",children:e.attribute}),(0,l.jsx)("span",{className:"text-neutral-600 capitalize",children:e.type??"Null"})]}),e.missingSkus&&e.missingSkus.length>0&&e.values.length>0&&(0,l.jsxs)("div",{className:"p-100 my-100 bg-warning-100 w-fit-content flex gap-100 items-center font-mono",children:[(0,l.jsx)(n.g,{className:"text-warning-600",size:"sm",icon:a.QJ}),(0,l.jsx)("div",{className:"flex flex-wrap gap-100",children:e.missingSkus?.map(e=>(0,l.jsx)("span",{onClick:()=>w(e.vendorId),onMouseEnter:()=>y(e.vendorId),onMouseLeave:k,className:i()("text-cta cursor-default w-fit-content",`${v===e.vendorId?"bg-cta-hover text-white":x.some(t=>t.vendorId===e.vendorId)?x.find(t=>t.vendorId===e.vendorId)?.color+" text-white":""}`),children:(0,l.jsx)(u.A,{label:e.name,placement:"right",children:(0,l.jsx)("span",{children:m.iAk+e.vendorId})})},e.vendorId))})]}),(0,l.jsx)("div",{className:"flex flex-wrap mt-100 gap-200",children:e.values.map(t=>N(t,e))})]},e.name),[N,x,v,w,y,k]);return(0,l.jsx)(l.Fragment,{children:s&&s.length>0?(0,l.jsxs)(l.Fragment,{children:[p&&p.length>0&&(0,l.jsxs)("div",{className:"rounded-8 p-100 mb-100 bg-warning-100",children:[(0,l.jsxs)("div",{className:"text-label-small w-fit-content flex gap-100 items-center",children:[(0,l.jsx)(n.g,{className:"text-warning-600",size:"sm",icon:a.QJ}),(0,l.jsx)("span",{className:"font-bold capitalize",children:"Non-unique Purchase Options"})]}),(0,l.jsx)("div",{className:"my-100 font-mono",children:(0,l.jsx)("div",{className:"flex flex-wrap gap-100",children:p.map(e=>(0,l.jsx)("span",{onClick:()=>w(e.vendorId),onMouseEnter:()=>y(e.vendorId),onMouseLeave:k,className:i()("text-cta cursor-default w-fit-content",`${v===e.vendorId?"bg-cta-hover text-white":x.some(t=>t.vendorId===e.vendorId)?x.find(t=>t.vendorId===e.vendorId)?.color+" text-white":""}`),children:(0,l.jsx)(u.A,{label:e.name,placement:"right",children:(0,l.jsx)("span",{children:m.iAk+e.vendorId})})},e.vendorId))})})]}),s.map(A)]}):(0,l.jsx)("p",{children:"No results found"})})}},79756:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var l=s(95155),a=s(50424),n=s(84456),r=s(62921),i=s(35208);let c=({env:e,locale:t,locales:s,setLocale:c,replaceQueryParam:o})=>(0,l.jsx)(r.A,{size:i.x0Q.SMALL,value:t,onChange:t=>{let s=t.target.value.trim()||a.q;c(s),o("lang",s),(0,n.Xb)(e,s)},children:s?.map(e=>(0,l.jsx)("option",{value:e,children:e},e))})},82143:e=>{e.exports={"label-category":"admin-custom_label-category___D3vx","label-product-range":"admin-custom_label-product-range__3oSQ4","label-range":"admin-custom_label-range__EevLs","label-product-alias":"admin-custom_label-product-alias__tbN7x","label-alias":"admin-custom_label-alias__QmeZa","label-product":"admin-custom_label-product__lfwWN","label-sku":"admin-custom_label-sku__qomRP","label-om":"admin-custom_label-om__GtX1i","shadow-sort":"admin-custom_shadow-sort__PCtO1"}},87077:(e,t,s)=>{"use strict";s.d(t,{A:()=>N,k:()=>w});var l=s(95155),a=s(93764),n=s(9969),r=s(54920),i=s(69730),c=s.n(i),o=s(37206),d=s(5772),u=s(98500),m=s.n(u),p=s(12115),h=s(56894),x=s(77045),b=s(24402),v=s(84456),f=s(35208),g=s(22704),j=s(74276),y=s(37549);let k=(0,o.default)(async()=>Promise.resolve().then(s.bind(s,54920)).then(e=>e.JsonViewer),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),w=(0,r.defineDataType)({is:e=>"string"==typeof e&&(0,g.Zj)(e),Component:e=>(0,l.jsx)(m(),{href:e.value,target:"_blank",rel:"noopener noreferrer",children:(0,l.jsx)(d.default,{height:128,width:128,src:e.value,alt:""})})}),N=({selectedItem:e,env:t,locale:s,source:r,skuTabActive:i,prodTabActive:o})=>{let d=(0,j.yn)(),[u,g]=(0,p.useState)("product"),[N,A]=(0,p.useState)(""),[I,C]=(0,p.useState)(),[_,S]=(0,p.useState)(!1),L=!!e&&e&&"object"==typeof e&&"skuOptions"in e,E=!!e&&e&&"object"==typeof e&&"defaultOperatingModeId"in e,{data:M,isLoading:T}=(0,b.F)(L?e?.id:void 0,t,s,r),P=M?.items,{data:$,isLoading:D,refetch:U}=(0,b.a3)(t,s,e?.id),{data:O,isLoading:z,refetch:Q}=(0,b.xi)(t,s,e?.id),{data:F,isLoading:J,refetch:R}=(0,b.Qs)(t,s,e?.id),B=T||D||z||J,[q,G]=(0,p.useState)(),K=JSON.stringify(q)?.length>1e4,X=e?.attributes;(0,p.useEffect)(()=>

1{e&&"id"in e&&(d("selected",e.id),!o&&L?d("prodTab","product"):o&&!L?d("prodTab",void 0):!i&&E?d("skuTab","sku"):i&&!E&&d("skuTab",void 0))},[e,o,L,d,i,E]),(0,p.useEffect)(()=>{e&&"skus"!==o&&"id"in e&&A(`https://${t}/rest/${s}/product/${e.id}`),L&&!o&&g("product"),E&&!i&&g("sku"),o&&g(o),i&&g(i)},[e,o,t,s,L,E,i]),(0,p.useEffect)(()=>{e&&($||"relations"!==u||U(),O||"documents"!==u||Q(),F||"certifications"!==u||R())},[$,u,O,F,U,Q,R,e]),(0,p.useEffect)(()=>{let t=async()=>{S(!0);let e=new AbortController;try{if(!X){C(void 0),G(void 0);return}let t=new URLSearchParams({a:String(X["GROUP-ITEM-ID"])}),s=await fetch(`${f.gAV.BASE_URL}/rest/web/items?${t.toString()}`,{signal:e.signal,headers:{Accept:"application/json"}});if(!s.ok){let e=await s.text().catch(()=>"");throw Error(e||`HTTP ${s.status} ${s.statusText}`)}let l=await s.json();G(l),C(void 0)}catch(s){e.signal.aborted&&(0,y.MD)?.("Promaster request aborted");let t=s?.message||("string"==typeof s?s:"Unknown error");G(void 0),C(t)}finally{S(!1)}};E?"relations"===u?G($):"documents"===u?G(O):"certifications"===u?G(F):G(e):L?"skus"===u?G(P):"promaster"===u?t():G(e):G(e)},[$,u,O,F,E,L,P,X,e]);let H=l=>{g(l),L?(A(`https://${t}/rest/${s}/product/${e?.id}${"skus"===l?"/skus":""}`),d("prodTab",l)):E&&d("skuTab",l)};return B&&L?(0,l.jsx)(h.A,{}):(0,l.jsx)(l.Fragment,{children:e?(0,l.jsxs)(l.Fragment,{children:[L&&(0,l.jsxs)("div",{className:"flex justify-between items-center gap-100 mb-200",children:[(0,l.jsxs)("div",{className:"space-x-100 text-label-small",children:[(0,l.jsx)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"product"===u}),onClick:()=>H("product"),children:"Product"}),(0,l.jsx)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"sku-options"===u}),onClick:()=>H("sku-options"),children:"SKU Options"}),(0,l.jsxs)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"skus"===u}),onClick:()=>H("skus"),children:[M?.items?.length," SKUs"]}),X&&"GROUP-ITEM-ID"in X&&(0,l.jsx)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"promaster"===u}),onClick:()=>H("promaster"),children:"Promaster"})]}),(0,l.jsxs)(m(),{href:N,className:"text-label-small to-cta flex gap-100 items-center",target:"_blank",rel:"noopener noreferrer",children:["View API ",(0,l.jsx)(n.g,{size:"sm",icon:a.Ju})]})]}),E&&(0,l.jsx)("div",{className:"flex justify-between items-center gap-100 mb-200",children:(0,l.jsxs)("div",{className:"space-x-100 text-label-small",children:[(0,l.jsx)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"sku"===u}),onClick:()=>H("sku"),children:"SKU"}),(0,l.jsx)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"relations"===u}),onClick:()=>H("relations"),children:"Relations"}),(0,l.jsx)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"documents"===u}),onClick:()=>H("documents"),children:"Documents"}),(0,l.jsx)("button",{type:"button",className:c()("select-btn select-btn-small",{"select-btn-selected":"certifications"===u}),onClick:()=>H("certifications"),children:"Certifications"})]})}),B&&E||_&&(0,l.jsx)(h.A,{}),L&&"sku-options"===u?(0,l.jsx)(x.A,{skuOptions:e.skuOptions,skus:P}):q?(0,l.jsx)(k,{rootName:!1,defaultInspectDepth:2,maxDisplayLength:K?20:200,groupArraysAfterLength:K?50:100,displayDataTypes:!1,collapseStringsAfterLength:!1,value:q,valueTypes:[w],onCopy:v.am}):(0,l.jsx)("p",{children:I||"No results found"})]}):(0,l.jsx)("p",{children:"No results found"})})}},98821:(e,t,s)=>{"use strict";s.d(t,{A:()=>h,s:()=>p});var l=s(95155),a=s(99764),n=s(9969),r=s(69730),i=s.n(r),c=s(16020),o=s(12115),d=s(5354),u=s(82143),m=s.n(u);let p=(e,t,s)=>e&&t?a.Zm:e||!t||s?a.dm:a.QL,h=({expandId:e,node:t,isAdmin:s,isPDB:a,selectedItem:r,setSelectedItem:u})=>{let[h,x]=(0,o.useState)(t.showChildren||!1),b=a?r?._id:r?.id,v=a?t._id:t.id,f=s&&b===v,g=!!t.children?.length,j=t.type&&t?.type?.charAt(0).toUpperCase()+t?.type?.slice(1).toLowerCase(),y=p(h,g,f);return(0,o.useEffect)(()=>

1{if(!r&&e===v&&g&&(t?.parentId||t?.data?.parentId)){let e;e="product"!==t.type||a?"alias"!==t.type||a?(0,c.A)(t,["children","showChildren"]):(0,c.A)(t,["children","showChildren","type","name"]):(0,c.A)(t,["children","showChildren","type"]),x(!0),u(e)}},[a,e,r,t,v,g,u]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"text-label-small cursor-pointer flex p-025 gap-050",onClick:()=>{let e;if("product"!==t.type||a){let s=(0,c.A)(t,["children","showChildren"]);e="alias"===t.type&&a&&s.data?{...s,data:(0,c.A)(s.data,"name")}:s}else e=(0,c.A)(t,["children","showChildren","type"]);u(e),g&&x(!h)},children:(0,l.jsxs)("div",{className:i()("flex items-center p-025 gap-050 rounded-2",{"bg-cta-background text-cta-active":f}),children:[(0,l.jsx)(n.g,{size:h?"1x":"sm",className:i()({"text-cta-active":h||f,"text-neutral-400":!h&&!f}),icon:y}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-050",children:[(0,l.jsx)("span",{children:a?t.data.name:t.name}),s&&(0,l.jsx)("span",{className:i()("rounded-2 px-050 py-025 text-label-tiny",m()[`label-${j?.toLowerCase()}`]),children:j})]})]})}),h&&g&&(0,l.jsx)("ul",{className:"pl-200 mb-0",children:(0,l.jsx)(d.A,{expandId:e,items:t.children||void 0,isAdmin:s,isPDB:a,selectedItem:r,setSelectedItem:u})})]})}},99779:(e,t,s)=>{"use strict";s.d(t,{A:()=>o,K:()=>c});var l,a=s(95155),n=s(69730),r=s.n(n),i=s(56432),c=((l={}).DEFAULT="w-300 h-300",l.SMALL="w-200 h-200",l.TINY="w-13 h-13",l);let o=({textColorClassName:e,size:t="w-300 h-300"})=>(0,a.jsx)("span",{className:r()("inline-block border-current border-2 rounded-50 animate-spin border-r-transparent",t,e||"border-cta"),role:"status",children:(0,a.jsx)("span",{className:"sr-only",children:(0,a.jsx)(i.HT,{translation:"Loading..."})})})}}]);