https://www.systemair.com/_next/static/chunks/8330.487d95da26a3ddc9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8330],{3593:(e,t,a)=>{a.d(t,{A:()=>d});var r=a(95155),l=a(10863),s=a(9969),n=a(69730),i=a.n(n),o=a(4986),c=a(12115),u=a(35208);let d=({id:e,name:t,value:a,label:n,required:d,indeterminate:m,disabled:f,checked:h,setChecked:x,onChange:b,size:p,className:v,checkboxPosition:y="left",spacingClassName:g="gap-100",spanClassName:j,inputClassName:S,checkboxClassName:N,verticalCenter:k,otherLabelProps:w,otherCheckboxProps:A})=>{let[C,L]=(0,c.useState)(!!h);return(0,c.useEffect)(()=>{x&&x(C)},[C,x]),(0,c.useEffect)(()=>{void 0!==h&&L(h)},[h]),(0,r.jsxs)("label",{htmlFor:e,className:i()("form-checkbox",g,{"form-checkbox-small":p===u.x0Q.SMALL,"form-checkbox-tiny":p===u.x0Q.TINY,"form-checkbox-right":"right"===y},v),...w,children:[(0,r.jsx)("input",{id:e,type:"checkbox",className:S,name:t,value:a,required:d,checked:C,onChange:e=>{(0,o.A)(b)&&b(e),L(!C)},disabled:f,...A}),(0,r.jsx)("div",{className:i()("form-checkbox-border",N,{"form-checkbox-checked":C,"vertical-center":k}),children:(0,r.jsx)("div",{className:"form-checkbox-inside",children:(0,r.jsx)(s.g,{icon:m?l.AJ:l.e6})})}),(0,r.jsx)("span",{className:j,children:n})]})}},17132:(e,t,a)=>{a.d(t,{SiteConfigStore:()=>u,z:()=>d});var r=a(12115),l=a(35867),s=a(41535);function n(e,t){return(0,l.y)()((a,r)=>({siteConfig:e,fallbackSiteConfig:t,selectSiteConfigurationProperties(e,t,a){let l={};return e.forEach(e=>{l[e]=c(e,r().siteConfig,r().fallbackSiteConfig,t,a)}),l},selectSiteConfigurationProperty:(e,t,a)=>c(e,r().siteConfig,r().fallbackSiteConfig,t,a)}))}let i=n(),o=(0,r.createContext)(null);function c(e,t,a,r,l){if(!t)return;let s=t?.[e];return!l&&(r||void 0!==s)?s:a?.[e]}function u({siteConfig:e,fallback:t,children:a}){let l=[e?.id,e?.locale,t?.id,t?.locale].join("|"),s=(0,r.useMemo)(()=>n(e,t),[l]);return(0,r.createElement)(o.Provider,{value:s},a)}function d(e){let t=(0,r.useContext)(o);return(0,s.P)(t??i,e)}},26744:(e,t,a)=>{a.d(t,{A:()=>s});var r=a(24286),l=a(86808);let s=function(e){return(0,l.A)((0,r.A)(e).toLowerCase())}},35867:(e,t,a)=>{a.d(t,{y:()=>l});let r=e=>{let t,a=new Set,r=(e,r)=>{let l="function"==typeof e?e(t):e;if(!Object.is(l,t)){let e=t;t=(null!=r?r:"object"!=typeof l||null===l)?l:Object.assign({},t,l),a.forEach(a=>a(t,e))}},l=()=>t,s={setState:r,getState:l,getInitialState:()=>n,subscribe:e=>(a.add(e),()=>a.delete(e))},n=t=e(r,l,s);return s},l=e=>e?r(e):r},38413:(e,t,a)=>{a.d(t,{A:()=>r});let r=function(e,t){for(var a,r=-1,l=e.length;++r<l;){var s=t(e[r]);void 0!==s&&(a=void 0===a?s:a+s)}return a}},41535:(e,t,a)=>{a.d(t,{P:()=>n,v:()=>

1o});var r=a(12115),l=a(35867);let s=e=>e;function n(e,t=s){let a=r.useSyncExternalStore(e.subscribe,r.useCallback(()=>t(e.getState()),[e,t]),r.useCallback(()=>t(e.getInitialState()),[e,t]));return r.useDebugValue(a),a}let i=e=>{let t=(0,l.y)(e),a=e=>n(t,e);return Object.assign(a,t),a},o=e=>e?i(e):i},53423:(e,t,a)=>{a.d(t,{_U:()=>c,h1:()=>u,ix:()=>m,yK:()=>d});var r=a(29097),l=a(12115),s=a(35208),n=a(83908),i=a(58323),o=a(67763);function c(e="",t=s.RHJ){if(e instanceof Date)return r.c9.fromJSDate(e);let a=r.c9.fromISO(e);return a.invalidExplanation?r.c9.fromFormat(e||"",t):a}function u(e=""){let[t,a]=(0,l.useState)(c(e));return(0,l.useEffect)(()=>{a(c(e))},[e]),t}function d(e=""){let t=r.c9.now(),a=u(e),l=(0,i.B)("Yesterday"),s=(0,i.B)("Today"),n=(0,i.B)("Tomorrow"),o=t.hasSame(a,"year"),c=m(e,{day:"2-digit",month:"long"}),f=m(e,r.c9.DATE_FULL);return t.minus({days:1}).hasSame(a,"day")?l:t.hasSame(a,"day")?s:t.plus({days:1}).hasSame(a,"day")?n:o?c:f}function m(e="",t=r.c9.DATE_FULL){let a=(0,n.G)(o.JV),l=u(e);return l?l.toLocaleString(t,{locale:a}):"N/A"}},56894:(e,t,a)=>{a.d(t,{A:()=>o});var r=a(95155),l=a(69730),s=a.n(l),n=a(5772),i=a(22704);let o=({fitHeight:e=!1})=>{let t=(0,i.uJ)("brandmark","brand","svg","systemair");return(0,r.jsx)("div",{className:s()("flex justify-center items-center my-auto",{"h-screen-3/4":!e}),children:(0,r.jsx)(n.default,{src:t,alt:"Loading Spinner",width:30,height:30,className:"animate-spin"})})}},62921:(e,t,a)=>{a.d(t,{A:()=>c});var r=a(95155),l=a(69730),s=a.n(l),n=a(12115),i=a(35208);let o=(0,n.forwardRef)(({className:e,size:t,selectClassName:a,children:l,...n},o)=>(0,r.jsx)("div",{className:s()("dropdown-wrapper",{"dropdown-wrapper-small":t===i.x0Q.SMALL,"dropdown-wrapper-tiny":t===i.x0Q.TINY},e),children:(0,r.jsx)("select",{ref:o,className:s()(a,"form-dropdown form-input",t===i.x0Q.SMALL&&"form-dropdown-small",t===i.x0Q.TINY&&"form-dropdown-tiny"),...n,children:l})}));o.displayName="Dropdown";let c=o},69660:(e,t,a)=>{a.d(t,{A:()=>l});var r=a(73321);let l=()=>{let e=(0,r.useRouter)(),t=(0,r.useSearchParams)();return{queryParams:new URLSearchParams(t?.toString()??""),replaceMultipleQueryParams:t=>{let a=new URL(window.location.href);Object.entries(t).forEach(([e,t])=>{null==t?a.searchParams.delete(e):a.searchParams.set(e,String(t))}),e.replace(a.pathname+a.search)}}}},74276:(e,t,a)=>{a.d(t,{W9:()=>g,W1:()=>v,Ms:()=>x,CK:()=>y,b7:()=>p,yn:()=>b});var r=a(97623),l=a.n(r),s=a(96035),n=a(65482),i=a(57648),o=a(73321),c=a(12115),u=a(61681),d=a(83908);function m(e,t){let a=(0,c.useRef)(void 0);(0,c.useEffect)(()=>{a.current=e},[e]),(0,c.useEffect)(()=>{if("number"==typeof t){let e=setInterval((...e)=>a.current?.(...e),t);return()=>clearInterval(e)}},[t])}var f=a(67763);let h=(0,u.A)()?[]:(0,s.A)([window.location.hash.slice(1)]);function x(){let[e,t]=(0,c.useState)([]);return m(()=>{l()(e,h)||t(h)},80),e}function b(){let e=(0,o.usePathname)(),t=(0,o.useRouter)(),a=(0,o.useSearchParams)();return(0,c.useCallback)((r,l)=>{if(!e)return;let s=new URLSearchParams(a?.toString()??""),n=e=>"string"==typeof e?e.split("?")[0]:e,i=n(l);if(n(s.get(r)??void 0)===i)return;i?s.set(r,i):s.delete(r);let o=s.toString(),c=o?`${e}?${o}`:e;t.replace(c,{scroll:!1})},[e,t,a])}function p(){let e=(0,o.usePathname)(),t=(0,o.useSearchParams)(),a=(0,d.G)(f.Cv),r=(0,d.G)(f.JV),l=null!=e;return(0,c.useMemo)(()=>{if(!l||!e)return;let s=t?.getAll?.("params")??[],n=e.split("/").filter(Boolean),i=s.length>0?s:n.slice(1);return 0===i.length&&n.length<=1?`${a}-${r}`:[`${a}-${r}`,...i].join("/")},[a,l,r,e,t])}function v(e){let[t,a]=(0,c.useState)(!1);return m(()=>{a(h.includes(e))},80),t}function y(e=0){let[t,a]=(0,c.useState)();return(0,c.useEffect)(()=>{if(void 0===t)return;let e=(0,n.A)(h)||"";if(e===window.location.hash.slice(1))return;let a=new URL(window.location.href);a.hash=e,window.history.replaceState({...window.history.state,as:a.pathname+a.search+a.hash},"",a)},[t]),(0,c.useCallback)((t,r)=>{t?h[e]!==r&&(h[e]=r):(0,i.A)(h,r),a(t?r:"")},[e])}function g(e){return`${e}-anchor`}},82858:(e,t,a)=>{a.d(t,{A:()=>d});var r=a(95155),l=a(93764),s=a(9969),n=a(69730),i=a.n(n),o=a(12115),c=a(35208);let u=(0,o.forwardRef)(({size:e=c.x0Q.MEDIUM,value:t,label:a,isLoading:n=!1,onChange:o,onClear:u,placeholder:d="Search..."},m)=>{let f=e===c.x0Q.MEDIUM,h=e===c.x0Q.SMALL,x=e===c.x0Q.TINY;return(0,r.jsxs)("div",{className:"flex flex-col gap-050",children:[a&&(0,r.jsx)("span",{className:"text-style-label-small",children:a}),(0,r.jsxs)("div",{className:"relative flex items-center gap-050",children:[(0,r.jsx)("div",{className:"absolute left-050 ml-100",children:(0,r.jsx)(s.g,{className:i()("cursor-pointer text-neutral-400 focus:text-cta-hover",{"text-fixed-md":f,"text-fixed-sm":h,"text-fixed-xs":x}),icon:l.Mj})}),(0,r.jsx)("input",{ref:m,className:i()("px-400 form-input",{"form-input-small":h,"form-input-tiny":x}),type:"text",value:t,disabled:n,onChange:e=>{o(e.target.value)},placeholder:d}),t&&(0,r.jsx)("div",{className:"absolute right-050 mr-100",children:(0,r.jsx)(s.g,{className:i()("cursor-pointer text-neutral-600 hover:text-base",{"text-fixed-md":f,"text-fixed-sm":h,"text-fixed-xs":x}),icon:l.bn,onClick:u})})]})]})});u.displayName="SearchInput";let d=u},82922:(e,t,a)=>{a.d(t,{A:()=>c});let r=function(e,t){for(var a=-1,r=null==e?0:e.length;++a<r;)if(!t(e[a],a,e))return!1;return!0};var l=a(60395);let s=function(e,t){var a=!0;return(0,l.A)(e,function(e,r,l){return a=!!t(e,r,l)}),a};var n=a(54432),i=a(92459),o=a(41418);let c=function(e,t,a){var l=(0,i.A)(e)?r:s;return a&&(0,o.A)(e,t,a)&&(t=void 0),l(e,(0,n.A)(t,3))}},88994:(e,t,a)=>{a.d(t,{A:()=>l});var r=a(24286);let l=function(){var e=arguments,t=(0,r.A)(e[0]);return e.length<3?t:t.replace(e[1],e[2])}},90983:(e,t,a)=>{a.r(t),a.d(t,{default:()=>N});var r=a(95155),l=a(69730),s=a.n(l),n=a(26744),i=a(29097),o=a(12115),c=a(93764),u=a(9969);

1let d=({value:e,onChange:t,onClear:a,onSubmit:l,showSubmit:n,placeholder:i,disabled:o,className:d,layout:m="vertical"})=>{let f=()=>{l&&l(e)};return(0,r.jsxs)("div",{className:s()("flex gap-050",{"flex-col":"vertical"===m,"items-center":"horizontal"===m}),children:[i&&(0,r.jsx)("span",{className:"text-style-label-small",children:i}),(0,r.jsx)("div",{className:"relative",children:(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("input",{type:"date",value:e,placeholder:i,disabled:o,onChange:t,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f())},className:s()("form-input form-input-small w-224 h-fit-content pr-10",d)}),e&&(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(u.g,{icon:c.QR,className:s()("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:f}),(0,r.jsx)(u.g,{icon:c.bn,className:s()("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:()=>{a&&a(),t({target:{value:""}})}})]})]})})]})};var m=a(96160),f=a(92674),h=a(82858),x=a(98538),b=a(50424),p=a(69660),v=a(84456),y=a(3593),g=a(35208),j=a(87061),S=a(74276);let N=()=>{let{queryParams:e}=(0,p.A)(),t=(0,S.yn)(),a=(0,v.bl)(e,"translateTab","translate"),l=(0,v.bl)(e,"brand"),c=(0,v.bl)(e,"space"),u=(0,v.bl)(e,"search",""),N=(0,v.bl)(e,"after",""),k=(0,v.bl)(e,"before",""),w=(0,o.useMemo)(()=>i.c9.now().toSQLDate(),[]),A=(0,o.useMemo)(()=>(0,v.oZ)(b.bH),[]),[C,L]=(0,o.useState)((0,v.fe)(c,"space")),E=(0,o.useMemo)(()=>(0,v.Fs)(b.bH,parseInt(C,10)),[C]),[M,Q]=(0,o.useState)(l||E[0].value),[T,P]=(0,o.useState)(!1),[I,D]=(0,o.useState)({after:N,before:k}),[F,R]=(0,o.useState)({key:"",direction:"desc"}),U="translate"===a,z="log"===a,B=[{key:"translate",isSelected:U},{key:"log",isSelected:z}];(0,j.Su)(()=>{a&&a!==(0,v.fe)(a,"translateTab")&&t("translateTab",(0,v.fe)(a,"translateTab"))}),(0,o.useEffect)(()=>{a||t("translateTab","translate"),l!==M&&t("brand",M),c!==C&&t("space",C)},[M,l,c,a,t,C]);let Y=(e,a)=>{let r=a.trim();"space"===e&&L(r),"brand"===e&&Q(r),t(e,r)},J=(0,o.useCallback)((e,a)=>{(0,v.ZJ)(e,a,w,D,t)},[w,t]),$=[{key:"date",label:"Date",sortable:!0,className:"cursor-pointer",render:e=>(0,r.jsx)(f.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,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"flex justify-between items-center mb-100",children:[(0,r.jsx)("p",{className:"mb-0 text-style-heading-h2",children:"Bulk Translations"}),(0,r.jsx)("div",{className:"space-x-100 text-sm mb-050",children:B.map(({key:e,isSelected:a})=>(0,r.jsx)("button",{type:"button",className:s()("select-btn select-btn-small",{"select-btn-selected":a}),onClick:()=>t("translateTab",e),children:(0,n.A)(e)},e))})]}),(0,r.jsxs)("div",{className:"flex gap-200 items-center text-label-small mb-350",children:[z&&(0,r.jsx)(h.A,{value:u,isLoading:!1,onChange:()=>{},onClear:()=>{t("search",void 0)},placeholder:"Find in log"}

1),(0,r.jsx)(m.A,{label:"Space",value:C,options:A,displayAll:!1,layout:z?"horizontal":"vertical",onChange:e=>Y("space",e)}),(0,r.jsx)(m.A,{label:"Brand",value:M,options:E,displayAll:!1,layout:z?"horizontal":"vertical",onChange:e=>Y("brand",e)}),z&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d,{value:I.after,disabled:!1,placeholder:"After",showSubmit:I.after!==N,layout:"horizontal",onClear:()=>t("after",void 0),onSubmit:e=>{J(e,"after")},onChange:e=>{D(t=>({...t,after:e.target.value}))}}),(0,r.jsx)(d,{value:I.before,disabled:!1,placeholder:"Before",showSubmit:I.before!==k,layout:"horizontal",onClear:()=>t("before",void 0),onSubmit:e=>{J(e,"before")},onChange:e=>{D(t=>({...t,before:e.target.value}))}})]})]}),U&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(y.A,{label:"Dry Run",size:g.x0Q.SMALL,checked:T,onChange:()=>P(!T)}),(0,r.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,r.jsx)("button",{className:"btn btn-primary",children:"Translate"})]}),z&&(0,r.jsx)(x.A,{data:[],columns:$,sortConfig:F,isLoading:!1,setSortConfig:R})]})}},92674:(e,t,a)=>{a.d(t,{A:()=>n});var r=a(95155),l=a(29097),s=a(53423);let n=({date:e,format:t="yyyy-MM-dd HH:mm:ss",useStringFormat:a=!1})=>{let n=(0,s.ix)(e,t),i=l.c9.fromISO(e).toFormat(t);return(0,r.jsx)(r.Fragment,{children:a?i:n})}},94752:(e,t,a)=>{a.d(t,{A:()=>s});var r=a(24286),l=0;let s=function(e){var t=++l;return(0,r.A)(e)+t}},96160:(e,t,a)=>{a.d(t,{A:()=>o});var r=a(95155),l=a(69730),s=a.n(l),n=a(62921),i=a(35208);let o=({label:e,value:t,options:a,displayAll:l=!0,onChange:o,layout:c="vertical"})=>(0,r.jsxs)("div",{className:s()("flex gap-050",{"flex-col":"vertical"===c,"items-center":"horizontal"===c}),children:[e&&(0,r.jsx)("span",{className:"text-style-label-small",children:e}),(0,r.jsxs)(n.A,{size:i.x0Q.SMALL,value:t,onChange:e=>o(e.target.value),children:[l&&(0,r.jsx)("option",{value:"all",children:"All"}),a.map(e=>(0,r.jsx)("option",{value:e.value,children:e.displayValue??e.value},e.key))]})]})},98538:(e,t,a)=>{a.d(t,{A:()=>m});var r=a(95155),l=a(93764),s=a(9969),n=a(69730),i=a.n(n),o=a(94752);a(12115);var c=a(56894),u=a(35208),d=a(72642);let m=({data:e,size:t=u.x0Q.TINY,columns:a,sortConfig:n,isLoading:m,setSortConfig:f,tableContainerRef:h,handleModalOverlay:x})=>(0,r.jsxs)("table",{className:i()("min-w-full table-auto",{"text-style-label-tiny":t===u.x0Q.TINY,"text-style-label-small":t===u.x0Q.SMALL,"text-style-label-medium":t===u.x0Q.MEDIUM}),children:[(0,r.jsx)("thead",{className:"sticky top-44 bg-white",children:(0,r.jsx)("tr",{children:a.map(e=>{let t;return(0,r.jsxs)("th",{title:e.title,className:i()("p-2",{"cursor-pointer":e.sortable}),onClick:()=>e.sortable&&((e,t=!1)=>{f&&(n?.key===e?"asc"===n.direction?t?f({key:"",direction:"asc"}):f({key:e,direction:"desc"}):t?f({key:e,direction:"asc"}):f({key:"",direction:"asc"}):f({key:e,direction:t?"desc":"asc"})),h?.current&&(0,d.PA)(h.current,{offsetTop:60})})(e.key,e.isDateColumn),children:[e.label," ",e.sortable&&(t=e.key,n?.key===t)&&(0,r.jsx)(s.g,{icon:n?.direction==="asc"?l.PE:l.eQ})]},"custom"===String(e.key)?e.customKey:String(e.key))})})}),(0,r.jsx)("tbody",{children:m?(0,r.jsx)("tr",{children:(0,r.jsx)("td",{colSpan:a.length,className:"w-screen",children:(0,r.jsx)(c.A,{})})}):e&&e.length>0?e.map(e=>(0,r.jsx)("tr",{children:a.map((t,l)=>(0,r.jsx)("td",{className:i()(t.className,"break-words whitespace-normal max-w-600","desktop-nav:max-w-700 4xl:max-w-xs screen-max:max-w-none"),onClick:()=>l!==a.length-1&&x?x(e):void 0,children:t.render?t.render(e):e[t.key]},"custom"===String(t.key)?t.customKey:String(t.key)))},(0,o.A)())):(0,r.jsx)("tr",{children:(0,r.jsx)("td",{colSpan:a.length,className:"text-label-tiny pl-100",children:"No results found"})})})]})}}]);