https://www.systemair.com/_next/static/chunks/7424.c89d014fd6bd4ac7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7424],{56894:(e,a,t)=>{t.d(a,{A:()=>c});var l=t(95155),s=t(69730),r=t.n(s),n=t(5772),i=t(22704);let c=({fitHeight:e=!1})=>{let a=(0,i.uJ)("brandmark","brand","svg","systemair");return(0,l.jsx)("div",{className:r()("flex justify-center items-center my-auto",{"h-screen-3/4":!e}),children:(0,l.jsx)(n.default,{src:a,alt:"Loading Spinner",width:30,height:30,className:"animate-spin"})})}},69660:(e,a,t)=>{t.d(a,{A:()=>s});var l=t(73321);let s=()=>{let e=(0,l.useRouter)(),a=(0,l.useSearchParams)();return{queryParams:new URLSearchParams(a?.toString()??""),replaceMultipleQueryParams:a=>{let t=new URL(window.location.href);Object.entries(a).forEach(([e,a])=>{null==a?t.searchParams.delete(e):t.searchParams.set(e,String(a))}),e.replace(t.pathname+t.search)}}}},82858:(e,a,t)=>{t.d(a,{A:()=>m});var l=t(95155),s=t(93764),r=t(9969),n=t(69730),i=t.n(n),c=t(12115),o=t(35208);let d=(0,c.forwardRef)(({size:e=o.x0Q.MEDIUM,value:a,label:t,isLoading:n=!1,onChange:c,onClear:d,placeholder:m="Search..."},x)=>{let u=e===o.x0Q.MEDIUM,h=e===o.x0Q.SMALL,b=e===o.x0Q.TINY;return(0,l.jsxs)("div",{className:"flex flex-col gap-050",children:[t&&(0,l.jsx)("span",{className:"text-style-label-small",children:t}),(0,l.jsxs)("div",{className:"relative flex items-center gap-050",children:[(0,l.jsx)("div",{className:"absolute left-050 ml-100",children:(0,l.jsx)(r.g,{className:i()("cursor-pointer text-neutral-400 focus:text-cta-hover",{"text-fixed-md":u,"text-fixed-sm":h,"text-fixed-xs":b}),icon:s.Mj})}),(0,l.jsx)("input",{ref:x,className:i()("px-400 form-input",{"form-input-small":h,"form-input-tiny":b}),type:"text",value:a,disabled:n,onChange:e=>{c(e.target.value)},placeholder:m}),a&&(0,l.jsx)("div",{className:"absolute right-050 mr-100",children:(0,l.jsx)(r.g,{className:i()("cursor-pointer text-neutral-600 hover:text-base",{"text-fixed-md":u,"text-fixed-sm":h,"text-fixed-xs":b}),icon:s.bn,onClick:d})})]})]})});d.displayName="SearchInput";let m=d},88994:(e,a,t)=>{t.d(a,{A:()=>s});var l=t(24286);let s=function(){var e=arguments,a=(0,l.A)(e[0]);return e.length<3?a:a.replace(e[1],e[2])}},90983:(e,a,t)=>{t.r(a),t.d(a,{default:()=>k});

1var l=t(95155),s=t(69730),r=t.n(s),n=t(26744),i=t(29097),c=t(12115),o=t(93764),d=t(9969);let m=({value:e,onChange:a,onClear:t,onSubmit:s,showSubmit:n,placeholder:i,disabled:c,className:m,layout:x="vertical"})=>{let u=()=>{s&&s(e)};return(0,l.jsxs)("div",{className:r()("flex gap-050",{"flex-col":"vertical"===x,"items-center":"horizontal"===x}),children:[i&&(0,l.jsx)("span",{className:"text-style-label-small",children:i}),(0,l.jsx)("div",{className:"relative",children:(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("input",{type:"date",value:e,placeholder:i,disabled:c,onChange:a,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),u())},className:r()("form-input form-input-small w-224 h-fit-content pr-10",m)}),e&&(0,l.jsxs)(l.Fragment,{children:[n&&(0,l.jsx)(d.g,{icon:o.QR,className:r()("absolute right-48 top-1/2 transform -translate-y-1/2 text-style-label-tiny","cursor-pointer text-gray-500 text-neutral-600 hover:text-base"),onClick:u}),(0,l.jsx)(d.g,{icon:o.bn,className:r()("absolute right-350 top-1/2 transform -translate-y-1/2 text-style-label-tiny","cursor-pointer text-gray-500 text-neutral-600 hover:text-base"),onClick:()=>{t&&t(),a({target:{value:""}})}})]})]})})]})};var x=t(96160),u=t(92674),h=t(82858),b=t(98538),p=t(50424),y=t(69660),f=t(84456),g=t(3593),v=t(35208),j=t(87061),N=t(74276);let k=()=>{let{queryParams:e}=(0,y.A)(),a=(0,N.yn)(),t=(0,f.bl)(e,"translateTab","translate"),s=(0,f.bl)(e,"brand"),o=(0,f.bl)(e,"space"),d=(0,f.bl)(e,"search",""),k=(0,f.bl)(e,"after",""),S=(0,f.bl)(e,"before",""),A=(0,c.useMemo)(()=>i.c9.now().toSQLDate(),[]),w=(0,c.useMemo)(()=>(0,f.oZ)(p.bH),[]),[C,M]=(0,c.useState)((0,f.fe)(o,"space")),L=(0,c.useMemo)(()=>(0,f.Fs)(p.bH,parseInt(C,10)),[C]),[Q,T]=(0,c.useState)(s||L[0].value),[E,D]=(0,c.useState)(!1),[F,I]=(0,c.useState)({after:k,before:S}),[z,P]=(0,c.useState)({key:"",direction:"desc"}),R="translate"===t,U="log"===t,B=[{key:"translate",isSelected:R},{key:"log",isSelected:U}];(0,j.Su)(()=>{t&&t!==(0,f.fe)(t,"translateTab")&&a("translateTab",(0,f.fe)(t,"translateTab"))}),(0,c.useEffect)(()=>{t||a("translateTab","translate"),s!==Q&&a("brand",Q),o!==C&&a("space",C)},[Q,s,o,t,a,C]);let H=(e,t)=>{let l=t.trim();"space"===e&&M(l),"brand"===e&&T(l),a(e,l)},Y=(0,c.useCallback)((e,t)=>{(0,f.ZJ)(e,t,A,I,a)},[A,a]),_=[{key:"date",label:"Date",sortable:!0,className:"cursor-pointer",render:e=>(0,l.jsx)(u.A,{date:e.timestamp,useStringFormat:!0})},{key:"space",label:"Space",sortable:!0,className:"cursor-pointer"},{key:"brand",label:"Brand",sortable:!0,className:"cursor-pointer"},{key:"stories",label:"Stories",sortable:!1,className:"cursor-pointer"},{key:"local",label:"Languages/Locale",sortable:!0,className:"cursor-pointer"},{key:"errors",label:"Errors",sortable:!1,className:"cursor-pointer"},{key:"user",label:"User",sortable:!1,className:"cursor-pointer"}];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex justify-between items-center mb-100",children:[(0,l.jsx)("p",{className:"mb-0 text-style-heading-h2",children:"Bulk Translations"}),(0,l.jsx)("div",{className:"space-x-100 text-sm mb-050",children:B.map(({key:e,isSelected:t})=>(0,l.jsx)("button",{type:"button",className:r()("select-btn select-btn-small",{"select-btn-selected":t}),onClick:()=>a("translateTab",e),children:(0,n.A)(e)},e))})]}),(0,l.jsxs)("div",{className:"flex gap-200 items-center text-label-small mb-350",children:[U&&(0,l.jsx)(h.A,{value:d,isLoading:!1,onChange:()=>{},onClear:()=>{a("search",void 0)},placeholder:"Find in log"}),(0,l.jsx)(x.A,{label:"Space",value:C,options:w,displayAll:!1,layout:U?"horizontal":"vertical",onChange:e=>H("space",e)}),(0,l.jsx)(x.A,{label:"Brand",value:Q,options:L,displayAll:!1,layout:U?"horizontal":"vertical",onChange:e=>H("brand",e)}),U&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(m,{value:F.after,disabled:!1,placeholder:"After",showSubmit:F.after!==k,layout:"horizontal",onClear:()=>a("after",void 0),onSubmit:e=>{Y(e,"after")},onChange:e=>{I(a=>({...a,after:e.target.value}))}}),(0,l.jsx)(m,{value:F.before,disabled:!1,placeholder:"Before",showSubmit:F.before!==S,layout:"horizontal",onClear:()=>a("before",void 0),onSubmit:e=>{Y(e,"before")},onChange:e=>{I(a=>({...a,before:e.target.value}))}})]})]}),R&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(g.A,{label:"Dry Run",size:v.x0Q.SMALL,checked:E,onChange:()=>D(!E)}),(0,l.jsx)("p",{className:"text-style-label-tiny text-neutral-600",children:"Stories will not get translated. You will receive a list of all stories, which would get translated."}),(0,l.jsx)("button",{className:"btn btn-primary",children:"Translate"})]}),U&&(0,l.jsx)(b.A,{data:[],columns:_,sortConfig:z,isLoading:!1,setSortConfig:P})]})}},92674:(e,a,t)=>{t.d(a,{A:()=>n});

1var l=t(95155),s=t(29097),r=t(53423);let n=({date:e,format:a="yyyy-MM-dd HH:mm:ss",useStringFormat:t=!1})=>{let n=(0,r.ix)(e,a),i=s.c9.fromISO(e).toFormat(a);return(0,l.jsx)(l.Fragment,{children:t?i:n})}},96160:(e,a,t)=>{t.d(a,{A:()=>c});var l=t(95155),s=t(69730),r=t.n(s),n=t(62921),i=t(35208);let c=({label:e,value:a,options:t,displayAll:s=!0,onChange:c,layout:o="vertical"})=>(0,l.jsxs)("div",{className:r()("flex gap-050",{"flex-col":"vertical"===o,"items-center":"horizontal"===o}),children:[e&&(0,l.jsx)("span",{className:"text-style-label-small",children:e}),(0,l.jsxs)(n.A,{size:i.x0Q.SMALL,value:a,onChange:e=>c(e.target.value),children:[s&&(0,l.jsx)("option",{value:"all",children:"All"}),t.map(e=>(0,l.jsx)("option",{value:e.value,children:e.displayValue??e.value},e.key))]})]})},98538:(e,a,t)=>{t.d(a,{A:()=>x});var l=t(95155),s=t(93764),r=t(9969),n=t(69730),i=t.n(n),c=t(94752);t(12115);var o=t(56894),d=t(35208),m=t(72642);let x=({data:e,size:a=d.x0Q.TINY,columns:t,sortConfig:n,isLoading:x,setSortConfig:u,tableContainerRef:h,handleModalOverlay:b})=>(0,l.jsxs)("table",{className:i()("min-w-full table-auto",{"text-style-label-tiny":a===d.x0Q.TINY,"text-style-label-small":a===d.x0Q.SMALL,"text-style-label-medium":a===d.x0Q.MEDIUM}),children:[(0,l.jsx)("thead",{className:"sticky top-44 bg-white",children:(0,l.jsx)("tr",{children:t.map(e=>{let a;return(0,l.jsxs)("th",{title:e.title,className:i()("p-2",{"cursor-pointer":e.sortable}),onClick:()=>e.sortable&&((e,a=!1)=>{u&&(n?.key===e?"asc"===n.direction?a?u({key:"",direction:"asc"}):u({key:e,direction:"desc"}):a?u({key:e,direction:"asc"}):u({key:"",direction:"asc"}):u({key:e,direction:a?"desc":"asc"})),h?.current&&(0,m.PA)(h.current,{offsetTop:60})})(e.key,e.isDateColumn),children:[e.label," ",e.sortable&&(a=e.key,n?.key===a)&&(0,l.jsx)(r.g,{icon:n?.direction==="asc"?s.PE:s.eQ})]},"custom"===String(e.key)?e.customKey:String(e.key))})})}),(0,l.jsx)("tbody",{children:x?(0,l.jsx)("tr",{children:(0,l.jsx)("td",{colSpan:t.length,className:"w-screen",children:(0,l.jsx)(o.A,{})})}):e&&e.length>0?e.map(e=>(0,l.jsx)("tr",{children:t.map((a,s)=>(0,l.jsx)("td",{className:i()(a.className,"break-words whitespace-normal max-w-600","desktop-nav:max-w-700 4xl:max-w-xs screen-max:max-w-none"),onClick:()=>s!==t.length-1&&b?b(e):void 0,children:a.render?a.render(e):e[a.key]},"custom"===String(a.key)?a.customKey:String(a.key)))},(0,c.A)())):(0,l.jsx)("tr",{children:(0,l.jsx)("td",{colSpan:t.length,className:"text-label-tiny pl-100",children:"No results found"})})})]})}}]);